title: Why is the cookies not sent along with the request initiated by fetch(url, {credentials: 'include'})?
body: <p>I manually set up a cookie at Google.ca using <code>document.cookie = 'foo=bar’</code>, which is a non http-only , not same-site and not secure cookie!</p>
  <p><a href="https://i.stack.imgur.com/R1ANn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R1ANn.png" alt="enter image description here" /></a></p>
  <p>I then open up another tab and visit a <strong>different</strong> site <code>bing.com</code> and use <code>fetch</code> to send out a get request to google.ca with <code>credentials</code> option set to <code>include</code>:</p>
  <pre class="lang-js prettyprint-override"><code>fetch('https://www.google.ca/', {credentials: 'include'}).then(console.log)
  </code></pre>
  <p>I expected this request would bring the cookies set under <code>google.ca</code> which should include <code>foo=bar</code> since I addd <code>credentials: 'include'</code> . Of course this is a cross origin request but according to <a href="https://developer.mozilla.org/en-US/docs/Web/API/fetch" rel="nofollow noreferrer">MDN</a>, <code>credentials: 'include'</code> tells browsers to include credentials in both same- and <strong>cross-origin requests.</strong></p>
  <p>However I didn’t see any cookies included in the request from the network tab. I wonder if I am missing something here? Or I completely misunderstood how cookies work?</p>