diff --git a/.eslintrc.json b/.eslintrc.json new file mode 100644 index 0000000000000000000000000000000000000000..d963121d4291e2c6848a90ba9ca93b714cd5935a --- /dev/null +++ b/.eslintrc.json @@ -0,0 +1,46 @@ +{ + "parserOptions": { + "sourceType": "module" + }, + "globals": { + "WHATWGFetch": true, + "ArrayBuffer": true, + "DataView": true, + "Promise": true, + "Symbol": true, + "Uint8Array": true + }, + "extends": [ + "plugin:github/browser" + ], + "rules": { + "object-shorthand": "off" + }, + "overrides": [ + { + "files": ["test/*.js"], + "env": { + "browser": true, + "mocha": true + }, + "globals": { + "assert": true, + "chai": true, + "FileReaderSync": true, + "Mocha": true + } + }, + { + "files": ["test/{karma,server}*.js"], + "env": { + "node": true + } + }, + { + "files": ["test/worker.js"], + "env": { + "worker": true + } + } + ] +} diff --git a/.gitignore b/.gitignore index 17f90c32e229eed7f1092a50f1111a8b415023ac..69b0a491a51e22fbcfa034cb798dbcb97ff3a736 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ .env +package-lock.json +dist/ bower_components/ node_modules/ sauce_connect/ diff --git a/.jshintrc b/.jshintrc deleted file mode 100644 index c451b54676353b822aec94202d2c8684104d5b74..0000000000000000000000000000000000000000 --- a/.jshintrc +++ /dev/null @@ -1,25 +0,0 @@ -{ - "curly": true, - "eqeqeq": true, - "es3": true, - "immed": true, - "indent": 2, - "latedef": true, - "newcap": true, - "noarg": true, - "quotmark": true, - "undef": true, - "unused": true, - "strict": true, - "trailing": true, - "asi": true, - "boss": true, - "esnext": true, - "eqnull": true, - "browser": true, - "worker": true, - "globals": { - "JSON": false, - "URLSearchParams": false - } -} diff --git a/.travis.yml b/.travis.yml index 583aa2673f10acf850e9f85a7af0b48d927fa0a0..2a3d6d3649b92e6d3f59b0d63e20aef96cd8c69f 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,13 +1,19 @@ sudo: false language: node_js +node_js: + - "node" +dist: trusty +addons: + chrome: stable + firefox: latest cache: directories: - - phantomjs + - node_modules deploy: provider: npm email: mislav.marohnic@gmail.com api_key: - secure: gt9g5/bXhxSKjxfFSPCdpWGJKBrSG8zdGRYgPouUgRqNeD2Ff4Nc8HGQTxp0OLKnP/jJ5FIru5jUur6LWzJCyEd+aNUEvFf5J078m3pzHN9AP2fiWUkKXcc5lKV0PQnI+JDRxJwd/PggtjubrneGfCzyFoys9apRrd/TzTGEtGw= + secure: ZEyP/T3jWwvrMp/rdZoMkyc3T7SoFJpGFFCjd7rOG76k/DTRxcYVTAPES8mEq/Xk0fF8qM4ZY//izuxEtFEuJmdRFuvJcIptVrAlbEiqlyNiN1EkwRPayd3qte/UYLvD9bGrfKRVrXeohW0GGDZH48CsHVo3yNrX6NWS7Nxxze4= on: tags: true repo: github/fetch diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md new file mode 100644 index 0000000000000000000000000000000000000000..d7eed177f47d8014492632a9f3f284c7d6625481 --- /dev/null +++ b/CODE_OF_CONDUCT.md @@ -0,0 +1,46 @@ +# Contributor Covenant Code of Conduct + +## Our Pledge + +In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. + +## Our Standards + +Examples of behavior that contributes to creating a positive environment include: + +* Using welcoming and inclusive language +* Being respectful of differing viewpoints and experiences +* Gracefully accepting constructive criticism +* Focusing on what is best for the community +* Showing empathy towards other community members + +Examples of unacceptable behavior by participants include: + +* The use of sexualized language or imagery and unwelcome sexual attention or advances +* Trolling, insulting/derogatory comments, and personal or political attacks +* Public or private harassment +* Publishing others' private information, such as a physical or electronic address, without explicit permission +* Other conduct which could reasonably be considered inappropriate in a professional setting + +## Our Responsibilities + +Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. + +Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. + +## Scope + +This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. + +## Enforcement + +Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at opensource+fetch@github.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. + +Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. + +## Attribution + +This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] + +[homepage]: http://contributor-covenant.org +[version]: http://contributor-covenant.org/version/1/4/ diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000000000000000000000000000000000000..0129ce9be2c3c897fc622c8c75440221d2961897 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,57 @@ +# Contributing + +Thank you for your interest in contributing to our `fetch` polyfill! + +Note that we only accept features that are also described in the official [fetch +specification][]. However, the aim of this project is not to implement the +complete specification; just the parts that are feasible to emulate using +XMLHttpRequest. See [Caveats][] for some examples of features that we are +unlikely to implement. + +Contributions to this project are [released][tos] to the public under the +[project's open source license](LICENSE). + +## Running tests + +Running `npm test` will: + +1. Build the `dist/` files; +1. Run the test suite in headless Chrome & Firefox; +1. Run the same test suite in Web Worker mode. + +When editing tests or implementation, keep `npm run karma` running: + +- You can connect additional browsers by navigating to `http://localhost:9876/`; +- Changes to [test.js](test/test.js) will automatically re-run the tests in all + connected browsers; +- When changing [fetch.js](fetch.js), re-run tests by executing `make`; +- Re-run specific tests with `./node_modules/.bin/karma run -- --grep=`. + +## Submitting a pull request + +1. [Fork][fork] and clone the repository; +1. Create a new branch: `git checkout -b my-branch-name`; +1. Make your change, push to your fork and [submit a pull request][pr]; +1. Pat your self on the back and wait for your pull request to be reviewed. + +Here are a few things you can do that will increase the likelihood of your pull +request being accepted: + +- Keep your change as focused as possible. If there are multiple changes you + would like to make that are not dependent upon each other, consider submitting + them as separate pull requests. +- Write a [good commit message][]. + +## Resources + +- [How to Contribute to Open Source](https://opensource.guide/how-to-contribute/) +- [Using Pull Requests](https://help.github.com/articles/about-pull-requests/) +- [GitHub Help](https://help.github.com) + + + [fetch specification]: https://fetch.spec.whatwg.org + [tos]: https://help.github.com/articles/github-terms-of-service/#6-contributions-under-repository-license + [fork]: https://github.com/github/fetch/fork + [pr]: https://github.com/github/fetch/compare + [good commit message]: http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html + [caveats]: https://github.github.io/fetch/#caveats diff --git a/MAINTAINING.md b/MAINTAINING.md deleted file mode 100644 index 22185b79071d3c8fdfa54042215863b052ca7e85..0000000000000000000000000000000000000000 --- a/MAINTAINING.md +++ /dev/null @@ -1,26 +0,0 @@ -# Maintaining - -## Releasing a new version - -This project follows [semver](http://semver.org/). So if you are making a bug -fix, only increment the patch level "1.0.x". If any new files are added, a -minor version "1.x.x" bump is in order. - -### Make a release commit - -To prepare the release commit: - -1. Update the npm [package.json](https://github.com/github/fetch/blob/master/package.json) -`version` value. -2. Make a single commit with the description as "Fetch 2.x.x". -3. Finally, tag the commit with `v2.x.x`. - -``` -$ git pull -$ vim package.json -$ git add package.json -$ git commit -m "Fetch 1.x.x" -$ git tag v1.x.x -$ git push -$ git push --tags -``` diff --git a/Makefile b/Makefile index 2c8fe433889be1bfbaea6c5c08cd691987a4c394..c630a8f6e0880e88ef55da1be5b79f19db20f9d3 100644 --- a/Makefile +++ b/Makefile @@ -1,8 +1,13 @@ -test: node_modules/ lint - ./script/test +test: lint dist/fetch.umd.js lint: node_modules/ - ./node_modules/.bin/jshint *.js test/*.js + ./node_modules/.bin/eslint --report-unused-disable-directives *.js test/*.js + +dist/fetch.umd.js: fetch.js rollup.config.js node_modules/ + ./node_modules/.bin/rollup -c + +dist/fetch.umd.js.flow: fetch.js.flow + cp $< $@ node_modules/: npm install @@ -10,20 +15,4 @@ node_modules/: clean: rm -rf ./bower_components ./node_modules -ifeq ($(shell uname -s),Darwin) -sauce_connect/bin/sc: - wget https://saucelabs.com/downloads/sc-4.3.16-osx.zip - unzip sc-4.3.16-osx.zip - mv sc-4.3.16-osx sauce_connect - rm sc-4.3.16-osx.zip -else -sauce_connect/bin/sc: - mkdir -p sauce_connect - curl -fsSL http://saucelabs.com/downloads/sc-4.3.16-linux.tar.gz | tar xz -C sauce_connect --strip-components 1 -endif - -phantomjs/bin/phantomjs: - mkdir -p phantomjs - wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2 -O- | tar xj -C phantomjs --strip-components 1 - .PHONY: clean lint test diff --git a/README.md b/README.md index 32cc3c206b9c51212404743f5a29d216a1808bd2..06cbd90aa7236dd68c7217cf38234408470bc814 100644 --- a/README.md +++ b/README.md @@ -5,14 +5,12 @@ web requests in the browser. This project is a polyfill that implements a subset of the standard [Fetch specification][], enough to make `fetch` a viable replacement for most uses of XMLHttpRequest in traditional web applications. -This project adheres to the [Open Code of Conduct][]. By participating, you are -expected to uphold this code. - ## Table of Contents * [Read this first](#read-this-first) * [Installation](#installation) * [Usage](#usage) + * [Importing](#importing) * [HTML](#html) * [JSON](#json) * [Response metadata](#response-metadata) @@ -24,15 +22,17 @@ expected to uphold this code. * [Sending cookies](#sending-cookies) * [Receiving cookies](#receiving-cookies) * [Obtaining the Response URL](#obtaining-the-response-url) + * [Aborting requests](#aborting-requests) * [Browser Support](#browser-support) ## Read this first -* If you believe you found a bug with how `fetch` behaves in Chrome or Firefox, - please **don't open an issue in this repository**. This project is a - _polyfill_, and since Chrome and Firefox both implement the `window.fetch` - function natively, no code from this project actually takes any effect in - these browsers. See [Browser support](#browser-support) for detailed +* If you believe you found a bug with how `fetch` behaves in your browser, + please **don't open an issue in this repository** unless you are testing in + an old version of a browser that doesn't support `window.fetch` natively. + This project is a _polyfill_, and since all modern browsers now implement the + `fetch` function natively, **no code from this project** actually takes any + effect there. See [Browser support](#browser-support) for detailed information. * If you have trouble **making a request to another domain** (a different @@ -43,11 +43,6 @@ expected to uphold this code. exclusively handled by the browser's internal mechanisms which this polyfill cannot influence. -* If you have trouble **maintaining the user's session** or [CSRF][] protection - through `fetch` requests, please ensure that you've read and understood the - [Sending cookies](#sending-cookies) section. `fetch` doesn't send cookies - unless you ask it to. - * This project **doesn't work under Node.js environments**. It's meant for web browsers only. You should ensure that your application doesn't try to package and run this on the server. @@ -58,33 +53,53 @@ expected to uphold this code. ## Installation -* `npm install whatwg-fetch --save`; or - -* `bower install fetch`; or +``` +npm install whatwg-fetch --save +``` -* `yarn add whatwg-fetch`. +As an alternative to using npm, you can obtain `fetch.umd.js` from the +[Releases][] section. The UMD distribution is compatible with AMD and CommonJS +module loaders, as well as loading directly into a page via ` - - - - - diff --git a/fetch.js b/fetch.js index 23041fe33659870845e4b87bcb9f44588a84e0e2..8ccdd85df8a734273d121809bb71f719f6ab015c 100644 --- a/fetch.js +++ b/fetch.js @@ -1,351 +1,360 @@ -(function(self) { - 'use strict'; - - if (self.fetch) { - return - } - - var support = { - searchParams: 'URLSearchParams' in self, - iterable: 'Symbol' in self && 'iterator' in Symbol, - blob: 'FileReader' in self && 'Blob' in self && (function() { +var support = { + searchParams: 'URLSearchParams' in self, + iterable: 'Symbol' in self && 'iterator' in Symbol, + blob: + 'FileReader' in self && + 'Blob' in self && + (function() { try { new Blob() return true - } catch(e) { + } catch (e) { return false } })(), - formData: 'FormData' in self, - arrayBuffer: 'ArrayBuffer' in self - } - - if (support.arrayBuffer) { - var viewClasses = [ - '[object Int8Array]', - '[object Uint8Array]', - '[object Uint8ClampedArray]', - '[object Int16Array]', - '[object Uint16Array]', - '[object Int32Array]', - '[object Uint32Array]', - '[object Float32Array]', - '[object Float64Array]' - ] - - var isDataView = function(obj) { - return obj && DataView.prototype.isPrototypeOf(obj) - } - - var isArrayBufferView = ArrayBuffer.isView || function(obj) { + formData: 'FormData' in self, + arrayBuffer: 'ArrayBuffer' in self +} + +function isDataView(obj) { + return obj && DataView.prototype.isPrototypeOf(obj) +} + +if (support.arrayBuffer) { + var viewClasses = [ + '[object Int8Array]', + '[object Uint8Array]', + '[object Uint8ClampedArray]', + '[object Int16Array]', + '[object Uint16Array]', + '[object Int32Array]', + '[object Uint32Array]', + '[object Float32Array]', + '[object Float64Array]' + ] + + var isArrayBufferView = + ArrayBuffer.isView || + function(obj) { return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1 } - } - - function normalizeName(name) { - if (typeof name !== 'string') { - name = String(name) - } - if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) { - throw new TypeError('Invalid character in header field name') - } - return name.toLowerCase() - } +} - function normalizeValue(value) { - if (typeof value !== 'string') { - value = String(value) - } - return value +function normalizeName(name) { + if (typeof name !== 'string') { + name = String(name) } - - // Build a destructive iterator for the value list - function iteratorFor(items) { - var iterator = { - next: function() { - var value = items.shift() - return {done: value === undefined, value: value} - } - } - - if (support.iterable) { - iterator[Symbol.iterator] = function() { - return iterator - } - } - - return iterator - } - - function Headers(headers) { - this.map = {} - - if (headers instanceof Headers) { - headers.forEach(function(value, name) { - this.append(name, value) - }, this) - } else if (Array.isArray(headers)) { - headers.forEach(function(header) { - this.append(header[0], header[1]) - }, this) - } else if (headers) { - Object.getOwnPropertyNames(headers).forEach(function(name) { - this.append(name, headers[name]) - }, this) - } - } - - Headers.prototype.append = function(name, value) { - name = normalizeName(name) - value = normalizeValue(value) - var oldValue = this.map[name] - this.map[name] = oldValue ? oldValue+','+value : value - } - - Headers.prototype['delete'] = function(name) { - delete this.map[normalizeName(name)] - } - - Headers.prototype.get = function(name) { - name = normalizeName(name) - return this.has(name) ? this.map[name] : null - } - - Headers.prototype.has = function(name) { - return this.map.hasOwnProperty(normalizeName(name)) + if (/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(name) || name === '') { + throw new TypeError('Invalid character in header field name') } + return name.toLowerCase() +} - Headers.prototype.set = function(name, value) { - this.map[normalizeName(name)] = normalizeValue(value) +function normalizeValue(value) { + if (typeof value !== 'string') { + value = String(value) } + return value +} - Headers.prototype.forEach = function(callback, thisArg) { - for (var name in this.map) { - if (this.map.hasOwnProperty(name)) { - callback.call(thisArg, this.map[name], name, this) - } +// Build a destructive iterator for the value list +function iteratorFor(items) { + var iterator = { + next: function() { + var value = items.shift() + return {done: value === undefined, value: value} } } - Headers.prototype.keys = function() { - var items = [] - this.forEach(function(value, name) { items.push(name) }) - return iteratorFor(items) - } - - Headers.prototype.values = function() { - var items = [] - this.forEach(function(value) { items.push(value) }) - return iteratorFor(items) - } - - Headers.prototype.entries = function() { - var items = [] - this.forEach(function(value, name) { items.push([name, value]) }) - return iteratorFor(items) - } - if (support.iterable) { - Headers.prototype[Symbol.iterator] = Headers.prototype.entries - } - - function consumed(body) { - if (body.bodyUsed) { - return Promise.reject(new TypeError('Already read')) + iterator[Symbol.iterator] = function() { + return iterator } - body.bodyUsed = true - } - - function fileReaderReady(reader) { - return new Promise(function(resolve, reject) { - reader.onload = function() { - resolve(reader.result) - } - reader.onerror = function() { - reject(reader.error) - } - }) - } - - function readBlobAsArrayBuffer(blob) { - var reader = new FileReader() - var promise = fileReaderReady(reader) - reader.readAsArrayBuffer(blob) - return promise } - function readBlobAsText(blob) { - var reader = new FileReader() - var promise = fileReaderReady(reader) - reader.readAsText(blob) - return promise - } - - function readArrayBufferAsText(buf) { - var view = new Uint8Array(buf) - var chars = new Array(view.length) - - for (var i = 0; i < view.length; i++) { - chars[i] = String.fromCharCode(view[i]) + return iterator +} + +export function Headers(headers) { + this.map = {} + + if (headers instanceof Headers) { + headers.forEach(function(value, name) { + this.append(name, value) + }, this) + } else if (Array.isArray(headers)) { + headers.forEach(function(header) { + this.append(header[0], header[1]) + }, this) + } else if (headers) { + Object.getOwnPropertyNames(headers).forEach(function(name) { + this.append(name, headers[name]) + }, this) + } +} + +Headers.prototype.append = function(name, value) { + name = normalizeName(name) + value = normalizeValue(value) + var oldValue = this.map[name] + this.map[name] = oldValue ? oldValue + ', ' + value : value +} + +Headers.prototype['delete'] = function(name) { + delete this.map[normalizeName(name)] +} + +Headers.prototype.get = function(name) { + name = normalizeName(name) + return this.has(name) ? this.map[name] : null +} + +Headers.prototype.has = function(name) { + return this.map.hasOwnProperty(normalizeName(name)) +} + +Headers.prototype.set = function(name, value) { + this.map[normalizeName(name)] = normalizeValue(value) +} + +Headers.prototype.forEach = function(callback, thisArg) { + for (var name in this.map) { + if (this.map.hasOwnProperty(name)) { + callback.call(thisArg, this.map[name], name, this) } - return chars.join('') } - - function bufferClone(buf) { - if (buf.slice) { - return buf.slice(0) +} + +Headers.prototype.keys = function() { + var items = [] + this.forEach(function(value, name) { + items.push(name) + }) + return iteratorFor(items) +} + +Headers.prototype.values = function() { + var items = [] + this.forEach(function(value) { + items.push(value) + }) + return iteratorFor(items) +} + +Headers.prototype.entries = function() { + var items = [] + this.forEach(function(value, name) { + items.push([name, value]) + }) + return iteratorFor(items) +} + +if (support.iterable) { + Headers.prototype[Symbol.iterator] = Headers.prototype.entries +} + +function consumed(body) { + if (body.bodyUsed) { + return Promise.reject(new TypeError('Already read')) + } + body.bodyUsed = true +} + +function fileReaderReady(reader) { + return new Promise(function(resolve, reject) { + reader.onload = function() { + resolve(reader.result) + } + reader.onerror = function() { + reject(reader.error) + } + }) +} + +function readBlobAsArrayBuffer(blob) { + var reader = new FileReader() + var promise = fileReaderReady(reader) + reader.readAsArrayBuffer(blob) + return promise +} + +function readBlobAsText(blob) { + var reader = new FileReader() + var promise = fileReaderReady(reader) + reader.readAsText(blob) + return promise +} + +function readArrayBufferAsText(buf) { + var view = new Uint8Array(buf) + var chars = new Array(view.length) + + for (var i = 0; i < view.length; i++) { + chars[i] = String.fromCharCode(view[i]) + } + return chars.join('') +} + +function bufferClone(buf) { + if (buf.slice) { + return buf.slice(0) + } else { + var view = new Uint8Array(buf.byteLength) + view.set(new Uint8Array(buf)) + return view.buffer + } +} + +function Body() { + this.bodyUsed = false + + this._initBody = function(body) { + this._bodyInit = body + if (!body) { + this._bodyText = '' + } else if (typeof body === 'string') { + this._bodyText = body + } else if (support.blob && Blob.prototype.isPrototypeOf(body)) { + this._bodyBlob = body + } else if (support.formData && FormData.prototype.isPrototypeOf(body)) { + this._bodyFormData = body + } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) { + this._bodyText = body.toString() + } else if (support.arrayBuffer && support.blob && isDataView(body)) { + this._bodyArrayBuffer = bufferClone(body.buffer) + // IE 10-11 can't handle a DataView body. + this._bodyInit = new Blob([this._bodyArrayBuffer]) + } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) { + this._bodyArrayBuffer = bufferClone(body) } else { - var view = new Uint8Array(buf.byteLength) - view.set(new Uint8Array(buf)) - return view.buffer + this._bodyText = body = Object.prototype.toString.call(body) } - } - function Body() { - this.bodyUsed = false - - this._initBody = function(body) { - this._bodyInit = body - if (!body) { - this._bodyText = '' - } else if (typeof body === 'string') { - this._bodyText = body - } else if (support.blob && Blob.prototype.isPrototypeOf(body)) { - this._bodyBlob = body - } else if (support.formData && FormData.prototype.isPrototypeOf(body)) { - this._bodyFormData = body + if (!this.headers.get('content-type')) { + if (typeof body === 'string') { + this.headers.set('content-type', 'text/plain;charset=UTF-8') + } else if (this._bodyBlob && this._bodyBlob.type) { + this.headers.set('content-type', this._bodyBlob.type) } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) { - this._bodyText = body.toString() - } else if (support.arrayBuffer && support.blob && isDataView(body)) { - this._bodyArrayBuffer = bufferClone(body.buffer) - // IE 10-11 can't handle a DataView body. - this._bodyInit = new Blob([this._bodyArrayBuffer]) - } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) { - this._bodyArrayBuffer = bufferClone(body) - } else { - throw new Error('unsupported BodyInit type') - } - - if (!this.headers.get('content-type')) { - if (typeof body === 'string') { - this.headers.set('content-type', 'text/plain;charset=UTF-8') - } else if (this._bodyBlob && this._bodyBlob.type) { - this.headers.set('content-type', this._bodyBlob.type) - } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) { - this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8') - } - } - } - - if (support.blob) { - this.blob = function() { - var rejected = consumed(this) - if (rejected) { - return rejected - } - - if (this._bodyBlob) { - return Promise.resolve(this._bodyBlob) - } else if (this._bodyArrayBuffer) { - return Promise.resolve(new Blob([this._bodyArrayBuffer])) - } else if (this._bodyFormData) { - throw new Error('could not read FormData body as blob') - } else { - return Promise.resolve(new Blob([this._bodyText])) - } - } - - this.arrayBuffer = function() { - if (this._bodyArrayBuffer) { - return consumed(this) || Promise.resolve(this._bodyArrayBuffer) - } else { - return this.blob().then(readBlobAsArrayBuffer) - } + this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8') } } + } - this.text = function() { + if (support.blob) { + this.blob = function() { var rejected = consumed(this) if (rejected) { return rejected } if (this._bodyBlob) { - return readBlobAsText(this._bodyBlob) + return Promise.resolve(this._bodyBlob) } else if (this._bodyArrayBuffer) { - return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer)) + return Promise.resolve(new Blob([this._bodyArrayBuffer])) } else if (this._bodyFormData) { - throw new Error('could not read FormData body as text') + throw new Error('could not read FormData body as blob') } else { - return Promise.resolve(this._bodyText) + return Promise.resolve(new Blob([this._bodyText])) } } - if (support.formData) { - this.formData = function() { - return this.text().then(decode) + this.arrayBuffer = function() { + if (this._bodyArrayBuffer) { + return consumed(this) || Promise.resolve(this._bodyArrayBuffer) + } else { + return this.blob().then(readBlobAsArrayBuffer) } } + } - this.json = function() { - return this.text().then(JSON.parse) + this.text = function() { + var rejected = consumed(this) + if (rejected) { + return rejected } - return this + if (this._bodyBlob) { + return readBlobAsText(this._bodyBlob) + } else if (this._bodyArrayBuffer) { + return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer)) + } else if (this._bodyFormData) { + throw new Error('could not read FormData body as text') + } else { + return Promise.resolve(this._bodyText) + } } - // HTTP methods whose capitalization should be normalized - var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'] + if (support.formData) { + this.formData = function() { + return this.text().then(decode) + } + } - function normalizeMethod(method) { - var upcased = method.toUpperCase() - return (methods.indexOf(upcased) > -1) ? upcased : method + this.json = function() { + return this.text().then(JSON.parse) } - function Request(input, options) { - options = options || {} - var body = options.body + return this +} - if (input instanceof Request) { - if (input.bodyUsed) { - throw new TypeError('Already read') - } - this.url = input.url - this.credentials = input.credentials - if (!options.headers) { - this.headers = new Headers(input.headers) - } - this.method = input.method - this.mode = input.mode - if (!body && input._bodyInit != null) { - body = input._bodyInit - input.bodyUsed = true - } - } else { - this.url = String(input) - } +// HTTP methods whose capitalization should be normalized +var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'] - this.credentials = options.credentials || this.credentials || 'omit' - if (options.headers || !this.headers) { - this.headers = new Headers(options.headers) - } - this.method = normalizeMethod(options.method || this.method || 'GET') - this.mode = options.mode || this.mode || null - this.referrer = null +function normalizeMethod(method) { + var upcased = method.toUpperCase() + return methods.indexOf(upcased) > -1 ? upcased : method +} - if ((this.method === 'GET' || this.method === 'HEAD') && body) { - throw new TypeError('Body not allowed for GET or HEAD requests') +export function Request(input, options) { + options = options || {} + var body = options.body + + if (input instanceof Request) { + if (input.bodyUsed) { + throw new TypeError('Already read') + } + this.url = input.url + this.credentials = input.credentials + if (!options.headers) { + this.headers = new Headers(input.headers) } - this._initBody(body) + this.method = input.method + this.mode = input.mode + this.signal = input.signal + if (!body && input._bodyInit != null) { + body = input._bodyInit + input.bodyUsed = true + } + } else { + this.url = String(input) + } + + this.credentials = options.credentials || this.credentials || 'same-origin' + if (options.headers || !this.headers) { + this.headers = new Headers(options.headers) } + this.method = normalizeMethod(options.method || this.method || 'GET') + this.mode = options.mode || this.mode || null + this.signal = options.signal || this.signal + this.referrer = null - Request.prototype.clone = function() { - return new Request(this, { body: this._bodyInit }) + if ((this.method === 'GET' || this.method === 'HEAD') && body) { + throw new TypeError('Body not allowed for GET or HEAD requests') } + this._initBody(body) +} - function decode(body) { - var form = new FormData() - body.trim().split('&').forEach(function(bytes) { +Request.prototype.clone = function() { + return new Request(this, {body: this._bodyInit}) +} + +function decode(body) { + var form = new FormData() + body + .trim() + .split('&') + .forEach(function(bytes) { if (bytes) { var split = bytes.split('=') var name = split.shift().replace(/\+/g, ' ') @@ -353,120 +362,163 @@ form.append(decodeURIComponent(name), decodeURIComponent(value)) } }) - return form - } - - function parseHeaders(rawHeaders) { - var headers = new Headers() - // Replace instances of \r\n and \n followed by at least one space or horizontal tab with a space - // https://tools.ietf.org/html/rfc7230#section-3.2 - var preProcessedHeaders = rawHeaders.replace(/\r?\n[\t ]+/g, ' ') - preProcessedHeaders.split(/\r?\n/).forEach(function(line) { - var parts = line.split(':') - var key = parts.shift().trim() - if (key) { - var value = parts.join(':').trim() - headers.append(key, value) - } - }) - return headers - } + return form +} + +function parseHeaders(rawHeaders) { + var headers = new Headers() + // Replace instances of \r\n and \n followed by at least one space or horizontal tab with a space + // https://tools.ietf.org/html/rfc7230#section-3.2 + var preProcessedHeaders = rawHeaders.replace(/\r?\n[\t ]+/g, ' ') + preProcessedHeaders.split(/\r?\n/).forEach(function(line) { + var parts = line.split(':') + var key = parts.shift().trim() + if (key) { + var value = parts.join(':').trim() + headers.append(key, value) + } + }) + return headers +} + +Body.call(Request.prototype) + +export function Response(bodyInit, options) { + if (!options) { + options = {} + } + + this.type = 'default' + this.status = options.status === undefined ? 200 : options.status + this.ok = this.status >= 200 && this.status < 300 + this.statusText = 'statusText' in options ? options.statusText : 'OK' + this.headers = new Headers(options.headers) + this.url = options.url || '' + this._initBody(bodyInit) +} + +Body.call(Response.prototype) + +Response.prototype.clone = function() { + return new Response(this._bodyInit, { + status: this.status, + statusText: this.statusText, + headers: new Headers(this.headers), + url: this.url + }) +} + +Response.error = function() { + var response = new Response(null, {status: 0, statusText: ''}) + response.type = 'error' + return response +} + +var redirectStatuses = [301, 302, 303, 307, 308] + +Response.redirect = function(url, status) { + if (redirectStatuses.indexOf(status) === -1) { + throw new RangeError('Invalid status code') + } + + return new Response(null, {status: status, headers: {location: url}}) +} + +export var DOMException = self.DOMException +try { + new DOMException() +} catch (err) { + DOMException = function(message, name) { + this.message = message + this.name = name + var error = Error(message) + this.stack = error.stack + } + DOMException.prototype = Object.create(Error.prototype) + DOMException.prototype.constructor = DOMException +} + +export function fetch(input, init) { + return new Promise(function(resolve, reject) { + var request = new Request(input, init) + + if (request.signal && request.signal.aborted) { + return reject(new DOMException('Aborted', 'AbortError')) + } - Body.call(Request.prototype) + var xhr = new XMLHttpRequest() - function Response(bodyInit, options) { - if (!options) { - options = {} + function abortXhr() { + xhr.abort() } - this.type = 'default' - this.status = options.status === undefined ? 200 : options.status - this.ok = this.status >= 200 && this.status < 300 - this.statusText = 'statusText' in options ? options.statusText : 'OK' - this.headers = new Headers(options.headers) - this.url = options.url || '' - this._initBody(bodyInit) - } + xhr.onload = function() { + var options = { + status: xhr.status, + statusText: xhr.statusText, + headers: parseHeaders(xhr.getAllResponseHeaders() || '') + } + options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL') + var body = 'response' in xhr ? xhr.response : xhr.responseText + setTimeout(function() { + resolve(new Response(body, options)) + }, 0) + } - Body.call(Response.prototype) + xhr.onerror = function() { + setTimeout(function() { + reject(new TypeError('Network request failed')) + }, 0) + } - Response.prototype.clone = function() { - return new Response(this._bodyInit, { - status: this.status, - statusText: this.statusText, - headers: new Headers(this.headers), - url: this.url - }) - } + xhr.ontimeout = function() { + setTimeout(function() { + reject(new TypeError('Network request failed')) + }, 0) + } - Response.error = function() { - var response = new Response(null, {status: 0, statusText: ''}) - response.type = 'error' - return response - } + xhr.onabort = function() { + setTimeout(function() { + reject(new DOMException('Aborted', 'AbortError')) + }, 0) + } - var redirectStatuses = [301, 302, 303, 307, 308] + xhr.open(request.method, request.url, true) - Response.redirect = function(url, status) { - if (redirectStatuses.indexOf(status) === -1) { - throw new RangeError('Invalid status code') + if (request.credentials === 'include') { + xhr.withCredentials = true + } else if (request.credentials === 'omit') { + xhr.withCredentials = false } - return new Response(null, {status: status, headers: {location: url}}) - } + if ('responseType' in xhr && support.blob) { + xhr.responseType = 'blob' + } - self.Headers = Headers - self.Request = Request - self.Response = Response + request.headers.forEach(function(value, name) { + xhr.setRequestHeader(name, value) + }) - self.fetch = function(input, init) { - return new Promise(function(resolve, reject) { - var request = new Request(input, init) - var xhr = new XMLHttpRequest() + if (request.signal) { + request.signal.addEventListener('abort', abortXhr) - xhr.onload = function() { - var options = { - status: xhr.status, - statusText: xhr.statusText, - headers: parseHeaders(xhr.getAllResponseHeaders() || '') + xhr.onreadystatechange = function() { + // DONE (success or failure) + if (xhr.readyState === 4) { + request.signal.removeEventListener('abort', abortXhr) } - options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL') - var body = 'response' in xhr ? xhr.response : xhr.responseText - setTimeout(function() { - resolve(new Response(body, options)); - }, 0); - } - - xhr.onerror = function() { - setTimeout(function() { - reject(new TypeError('Network request failed')); - }, 0); - } - - xhr.ontimeout = function() { - setTimeout(function() { - reject(new TypeError('Network request failed')); - }, 0); - } - - xhr.open(request.method, request.url, true) - - if (request.credentials === 'include') { - xhr.withCredentials = true - } else if (request.credentials === 'omit') { - xhr.withCredentials = false } + } - if ('responseType' in xhr && support.blob) { - xhr.responseType = 'blob' - } + xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit) + }) +} - request.headers.forEach(function(value, name) { - xhr.setRequestHeader(name, value) - }) +fetch.polyfill = true - xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit) - }) - } - self.fetch.polyfill = true -})(typeof self !== 'undefined' ? self : this); +if (!self.fetch) { + self.fetch = fetch + self.Headers = Headers + self.Request = Request + self.Response = Response +} diff --git a/fetch.js.flow b/fetch.js.flow new file mode 100644 index 0000000000000000000000000000000000000000..7949905f3120c8058fc9014de5552b6c942f26b5 --- /dev/null +++ b/fetch.js.flow @@ -0,0 +1,119 @@ +/* @flow strict */ + +type CredentialsType = 'omit' | 'same-origin' | 'include' + +type ResponseType = 'default' | 'error' + +type BodyInit = string | URLSearchParams | FormData | Blob | ArrayBuffer | $ArrayBufferView + +type RequestInfo = Request | URL | string + +type RequestOptions = {| + body?: ?BodyInit; + + credentials?: CredentialsType; + headers?: HeadersInit; + method?: string; + mode?: string; + referrer?: string; + signal?: ?AbortSignal; +|} + +type ResponseOptions = {| + status?: number; + statusText?: string; + headers?: HeadersInit; +|} + +type HeadersInit = Headers | {[string]: string} + +// https://github.com/facebook/flow/blob/f68b89a5012bd995ab3509e7a41b7325045c4045/lib/bom.js#L902-L914 +declare class Headers { + @@iterator(): Iterator<[string, string]>; + constructor(init?: HeadersInit): void; + append(name: string, value: string): void; + delete(name: string): void; + entries(): Iterator<[string, string]>; + forEach((value: string, name: string, headers: Headers) => any, thisArg?: any): void; + get(name: string): null | string; + has(name: string): boolean; + keys(): Iterator; + set(name: string, value: string): void; + values(): Iterator; +} + +// https://github.com/facebook/flow/pull/6548 +interface AbortSignal { + aborted: boolean; + addEventListener(type: string, listener: (Event) => mixed, options?: EventListenerOptionsOrUseCapture): void; + removeEventListener(type: string, listener: (Event) => mixed, options?: EventListenerOptionsOrUseCapture): void; +} + +// https://github.com/facebook/flow/blob/f68b89a5012bd995ab3509e7a41b7325045c4045/lib/bom.js#L994-L1018 +// unsupported in polyfill: +// - cache +// - integrity +// - redirect +// - referrerPolicy +declare class Request { + constructor(input: RequestInfo, init?: RequestOptions): void; + clone(): Request; + + url: string; + + credentials: CredentialsType; + headers: Headers; + method: string; + mode: ModeType; + referrer: string; + signal: ?AbortSignal; + + // Body methods and attributes + bodyUsed: boolean; + + arrayBuffer(): Promise; + blob(): Promise; + formData(): Promise; + json(): Promise; + text(): Promise; +} + +// https://github.com/facebook/flow/blob/f68b89a5012bd995ab3509e7a41b7325045c4045/lib/bom.js#L968-L992 +// unsupported in polyfill: +// - body +// - redirected +// - trailer +declare class Response { + constructor(input?: ?BodyInit, init?: ResponseOptions): void; + clone(): Response; + static error(): Response; + static redirect(url: string, status?: number): Response; + + type: ResponseType; + url: string; + ok: boolean; + status: number; + statusText: string; + headers: Headers; + + // Body methods and attributes + bodyUsed: boolean; + + arrayBuffer(): Promise; + blob(): Promise; + formData(): Promise; + json(): Promise; + text(): Promise; +} + +declare class DOMException extends Error { + constructor(message?: string, name?: string): void; +} + +declare module.exports: { + fetch(input: RequestInfo, init?: RequestOptions): Promise; + Headers: typeof Headers; + Request: typeof Request; + Response: typeof Response; + DOMException: typeof DOMException; +} diff --git a/package.json b/package.json index e6d80cc9f999c2a7810e74144e52921c1eac52a9..4f3464ae41e69dd5e348cce6b9cf040429991ebd 100644 --- a/package.json +++ b/package.json @@ -1,23 +1,40 @@ { "name": "whatwg-fetch", "description": "A window.fetch polyfill.", - "version": "2.0.3", - "main": "fetch.js", + "version": "3.0.0", + "main": "./dist/fetch.umd.js", + "module": "./fetch.js", "repository": "github/fetch", "license": "MIT", "devDependencies": { - "chai": "1.10.0", - "jshint": "2.8.0", - "mocha": "2.1.0", - "mocha-phantomjs-core": "2.0.1", + "abortcontroller-polyfill": "^1.1.9", + "chai": "^4.1.2", + "eslint": "^4.19.1", + "eslint-plugin-github": "^1.6.0", + "karma": "^3.0.0", + "karma-chai": "^0.1.0", + "karma-chrome-launcher": "^2.2.0", + "karma-detect-browsers": "^2.3.2", + "karma-firefox-launcher": "^1.1.0", + "karma-mocha": "^1.3.0", + "karma-safari-launcher": "^1.0.0", + "karma-safaritechpreview-launcher": "0.0.6", + "mocha": "^4.0.1", "promise-polyfill": "6.0.2", + "rollup": "^0.59.1", "url-search-params": "0.6.1" }, "files": [ "LICENSE", - "fetch.js" + "dist/fetch.umd.js", + "dist/fetch.umd.js.flow", + "fetch.js", + "fetch.js.flow" ], "scripts": { - "test": "make" + "karma": "karma start ./test/karma.config.js --no-single-run --auto-watch", + "prepare": "make dist/fetch.umd.js dist/fetch.umd.js.flow", + "pretest": "make", + "test": "karma start ./test/karma.config.js && karma start ./test/karma-worker.config.js" } } diff --git a/prettier.config.js b/prettier.config.js new file mode 100644 index 0000000000000000000000000000000000000000..7d9937db59222b49cf4fb98eea43d4e1b00b7565 --- /dev/null +++ b/prettier.config.js @@ -0,0 +1 @@ +module.exports = require('eslint-plugin-github/prettier.config') diff --git a/rollup.config.js b/rollup.config.js new file mode 100644 index 0000000000000000000000000000000000000000..d42973357a7436b042650d9ddb2add8196798c35 --- /dev/null +++ b/rollup.config.js @@ -0,0 +1,8 @@ +export default { + input: 'fetch.js', + output: { + file: 'dist/fetch.umd.js', + format: 'umd', + name: 'WHATWGFetch' + } +} diff --git a/script/phantomjs b/script/phantomjs deleted file mode 100755 index 935a7fa77dbc47793dc7a2b342768d9672009d26..0000000000000000000000000000000000000000 --- a/script/phantomjs +++ /dev/null @@ -1,36 +0,0 @@ -#!/bin/bash - -set -e - -port=3900 - -# Find next available port -while lsof -i :$((++port)) >/dev/null; do true; done - -# Spin a test server in the background -node ./script/server $port &>/dev/null & -server_pid=$! -trap "kill $server_pid" INT EXIT - -STATUS=0 - -reporter=dot -[ -z "$CI" ] || reporter=spec - -if [ -n "$TRAVIS" ]; then - make phantomjs/bin/phantomjs - export PATH="$PWD/phantomjs/bin:$PATH" -fi - -run() { - phantomjs ./node_modules/mocha-phantomjs-core/mocha-phantomjs-core.js \ - "$1" $reporter "{\"useColors\":true, \"hooks\":\"$PWD/test/mocha-phantomjs-hooks.js\"}" \ - || STATUS=$? -} - -[ -z "$CI" ] || echo "phantomjs $(phantomjs -v)" - -run "http://localhost:$port/" -run "http://localhost:$port/test/test-worker.html" - -exit $STATUS diff --git a/script/saucelabs b/script/saucelabs deleted file mode 100755 index 8c996209850efa5b024e851882640963c2ce158c..0000000000000000000000000000000000000000 --- a/script/saucelabs +++ /dev/null @@ -1,66 +0,0 @@ -#!/bin/bash - -set -e - -port=8080 - -# Spin a test server in the background -node ./script/server $port &>/dev/null & -server_pid=$! -trap "kill $server_pid" INT EXIT - -make sauce_connect/bin/sc -sauce_ready="${TMPDIR:-/tmp}/sauce-ready.$$" -sauce_connect/bin/sc -u "$SAUCE_USERNAME" -k "$SAUCE_ACCESS_KEY" \ - -i "$TRAVIS_JOB_NUMBER" -l sauce_connect.log -f "$sauce_ready" &>/dev/null & -sauce_pid=$! -trap "kill $sauce_pid" INT EXIT - -sauce_waited=0 -while [ ! -f "$sauce_ready" ]; do - if [ "$sauce_waited" -gt 60000 ]; then - echo "sauce_connect failed to start within 60 seconds" >&2 - exit 1 - fi - sleep .01 - sauce_waited=$((sauce_waited + 10)) -done -echo "sauce_connect started within $sauce_waited ms" -rm -f "$sauce_ready" - -job="$(./script/saucelabs-api --raw "js-tests" <&2 - exit 1 - fi - grep -q "^completed: true" <<<"$result" && break - echo -n "." -done - -echo - -awk ' - /result\.tests:/ { tests+=$(NF) } - /result\.passes:/ { passes+=$(NF) } - /result\.pending:/ { pending+=$(NF) } - /result\.failures:/ { failures+=$(NF) } - /\.url:/ { print $(NF) } - END { - printf "%d passed, %d pending, %d failures\n", passes, pending, failures - if (failures > 0 || tests != passes + pending || tests == 0) exit 1 - } -' <<<"$result" diff --git a/script/saucelabs-api b/script/saucelabs-api deleted file mode 100755 index 344c320fc8fb9ba39da6340bc6d7bb28bf35b4dd..0000000000000000000000000000000000000000 --- a/script/saucelabs-api +++ /dev/null @@ -1,31 +0,0 @@ -#!/bin/bash -set -e -set -o pipefail - -raw="" -if [ "$1" = "--raw" ]; then - raw="1" - shift 1 -fi - -endpoint="$1" - -curl -fsS -X POST "https://saucelabs.com/rest/v1/$SAUCE_USERNAME/${endpoint}" \ - -u "$SAUCE_USERNAME:$SAUCE_ACCESS_KEY" \ - -H "Content-Type: application/json" -d "@-" | \ -{ - if [ -n "$raw" ]; then - cat - else - ruby -rjson -e ' - dump = lambda do |obj, ns| - case obj - when Array then obj.each_with_index { |v, i| dump.call(v, [ns, i]) } - when Hash then obj.each { |k, v| dump.call(v, [ns, k]) } - else puts "%s: %s" % [ ns.flatten.compact.join("."), obj.to_s ] - end - end - dump.call JSON.parse(STDIN.read), nil - ' - fi -} diff --git a/script/server b/script/server deleted file mode 100755 index 00993f84f0cc63d86e63441c555c2c640e7be9e5..0000000000000000000000000000000000000000 --- a/script/server +++ /dev/null @@ -1,148 +0,0 @@ -#!/usr/bin/env node - -var port = Number(process.argv[2] || 3000) - -var fs = require('fs') -var http = require('http'); -var url = require('url'); -var querystring = require('querystring'); - -var routes = { - '/request': function(res, req) { - res.writeHead(200, {'Content-Type': 'application/json'}); - var data = '' - req.on('data', function(c) { data += c }) - req.on('end', function() { - res.end(JSON.stringify({ - method: req.method, - url: req.url, - headers: req.headers, - data: data - })); - }) - }, - '/hello': function(res, req) { - res.writeHead(200, { - 'Content-Type': 'text/plain', - 'X-Request-URL': 'http://' + req.headers.host + req.url - }); - res.end('hi'); - }, - '/hello/utf8': function(res) { - res.writeHead(200, { - 'Content-Type': 'text/plain; charset=utf-8' - }); - // "hello" - var buf = new Buffer([104, 101, 108, 108, 111]); - res.end(buf); - }, - '/hello/utf16le': function(res) { - res.writeHead(200, { - 'Content-Type': 'text/plain; charset=utf-16le' - }); - // "hello" - var buf = new Buffer([104, 0, 101, 0, 108, 0, 108, 0, 111, 0]); - res.end(buf); - }, - '/binary': function(res) { - res.writeHead(200, {'Content-Type': 'application/octet-stream'}); - var buf = new Buffer(256); - for (var i = 0; i < 256; i++) { - buf[i] = i; - } - res.end(buf); - }, - '/redirect/301': function(res) { - res.writeHead(301, {'Location': '/hello'}); - res.end(); - }, - '/redirect/302': function(res) { - res.writeHead(302, {'Location': '/hello'}); - res.end(); - }, - '/redirect/303': function(res) { - res.writeHead(303, {'Location': '/hello'}); - res.end(); - }, - '/redirect/307': function(res) { - res.writeHead(307, {'Location': '/hello'}); - res.end(); - }, - '/redirect/308': function(res) { - res.writeHead(308, {'Location': '/hello'}); - res.end(); - }, - '/boom': function(res) { - res.writeHead(500, {'Content-Type': 'text/plain'}); - res.end('boom'); - }, - '/empty': function(res) { - res.writeHead(204); - res.end(); - }, - '/error': function(res) { - res.destroy(); - }, - '/form': function(res) { - res.writeHead(200, {'Content-Type': 'application/x-www-form-urlencoded'}); - res.end('number=1&space=one+two&empty=&encoded=a%2Bb&'); - }, - '/json': function(res) { - res.writeHead(200, {'Content-Type': 'application/json'}); - res.end(JSON.stringify({name: 'Hubot', login: 'hubot'})); - }, - '/json-error': function(res) { - res.writeHead(200, {'Content-Type': 'application/json'}); - res.end('not json {'); - }, - '/cookie': function(res, req) { - var setCookie, cookie - var params = querystring.parse(url.parse(req.url).query); - if (params.name && params.value) { - setCookie = [params.name, params.value].join('='); - } - if (params.name) { - cookie = querystring.parse(req.headers['cookie'], '; ')[params.name]; - } - res.writeHead(200, {'Content-Type': 'text/plain', 'Set-Cookie': setCookie}); - res.end(cookie); - }, - '/headers': function(res) { - res.writeHead(200, { - 'Date': 'Mon, 13 Oct 2014 21:02:27 GMT', - 'Content-Type': 'text/html; charset=utf-8' - }); - res.end(); - } -}; - -var types = { - js: 'application/javascript', - css: 'text/css', - html: 'text/html', - txt: 'text/plain' -}; - -server = http.createServer(function(req, res) { - var pathname = url.parse(req.url).pathname; - var route = routes[pathname]; - if (route) { - route(res, req); - } else { - if (pathname == '/') pathname = '/test/test.html' - fs.readFile(__dirname + '/..' + pathname, function(err, data) { - if (err) { - res.writeHead(404, {'Content-Type': types.txt}); - res.end('Not Found'); - } else { - var ext = (pathname.match(/\.([^\/]+)$/) || [])[1] - res.writeHead(200, {'Content-Type': types[ext] || types.txt}); - res.end(data); - } - }); - } -}); - -console.warn("Started test server on localhost:" + port); -server.listen(port); - diff --git a/script/test b/script/test deleted file mode 100755 index bc471d435a4b28478e280a84635d2072d45bacb3..0000000000000000000000000000000000000000 --- a/script/test +++ /dev/null @@ -1,9 +0,0 @@ -#!/bin/bash - -set -e - -if [ -n "$SAUCE_BROWSER" ]; then - ./script/saucelabs -else - ./script/phantomjs -fi diff --git a/test/.gitignore b/test/.gitignore deleted file mode 100644 index e6011a561bab464394f4f8e0a80b2ad6c66264b4..0000000000000000000000000000000000000000 --- a/test/.gitignore +++ /dev/null @@ -1 +0,0 @@ -server.pid diff --git a/test/.jshintrc b/test/.jshintrc deleted file mode 100644 index 300079e46d4e0654ca883348af5ba24ba7b7cc60..0000000000000000000000000000000000000000 --- a/test/.jshintrc +++ /dev/null @@ -1,19 +0,0 @@ -{ - "extends": "../.jshintrc", - "es3": false, - "strict": false, - "sub": true, - "globals": { - "fetch": false, - "Headers": false, - "Request": false, - "Response": false, - "mocha": false, - "chai": false, - "suite": false, - "setup": false, - "suiteSetup": false, - "test": false, - "assert": false - } -} diff --git a/test/karma-worker.config.js b/test/karma-worker.config.js new file mode 100644 index 0000000000000000000000000000000000000000..055d8c769359057546a487d3c5d23bbce2cc3e54 --- /dev/null +++ b/test/karma-worker.config.js @@ -0,0 +1,20 @@ +const parentConfig = require('./karma.config') + +module.exports = function(config) { + parentConfig(config) + config.set({ + frameworks: ['detectBrowsers', 'mocha'], + files: [ + 'test/worker-adapter.js', + { + pattern: '{test,dist}/*.js', + included: false + }, + { + pattern: 'node_modules/{mocha,chai,abortcontroller-polyfill/dist}/*.js', + included: false, + watched: false + } + ] + }) +} diff --git a/test/karma.config.js b/test/karma.config.js new file mode 100644 index 0000000000000000000000000000000000000000..4cbccc5b79e71499eb5317f26dd36aa15e4f5c38 --- /dev/null +++ b/test/karma.config.js @@ -0,0 +1,55 @@ +const serverEndpoints = require('./server') + +module.exports = function(config) { + config.set({ + basePath: '..', + frameworks: ['detectBrowsers', 'mocha', 'chai'], + detectBrowsers: { + preferHeadless: true, + usePhantomJS: false, + postDetection: availableBrowsers => + availableBrowsers + .filter( + browser => + !process.env.CI || !browser.startsWith('Chromium') || !availableBrowsers.some(b => b.startsWith('Chrome')) + ) + .map(browser => (browser.startsWith('Chrom') ? `${browser}NoSandbox` : browser)) + }, + client: { + mocha: { + ui: 'tdd' + } + }, + files: [ + 'node_modules/promise-polyfill/promise.js', + 'node_modules/abortcontroller-polyfill/dist/abortcontroller-polyfill-only.js', + 'node_modules/url-search-params/build/url-search-params.max.js', + 'dist/fetch.umd.js', + 'test/test.js' + ], + reporters: process.env.CI ? ['dots'] : ['progress'], + port: 9876, + colors: true, + logLevel: process.env.CI ? config.LOG_WARN : config.LOG_INFO, + autoWatch: false, + singleRun: true, + concurrency: Infinity, + customLaunchers: { + ChromeHeadlessNoSandbox: { + base: 'ChromeHeadless', + flags: ['--no-sandbox'] + }, + ChromiumHeadlessNoSandbox: { + base: 'ChromiumHeadless', + flags: ['--no-sandbox'] + } + }, + beforeMiddleware: ['custom'], + plugins: [ + 'karma-*', + { + 'middleware:custom': ['value', serverEndpoints] + } + ] + }) +} diff --git a/test/mocha-phantomjs-hooks.js b/test/mocha-phantomjs-hooks.js deleted file mode 100644 index 27227f729fc133375e197c0a4e7544d75ec17e5a..0000000000000000000000000000000000000000 --- a/test/mocha-phantomjs-hooks.js +++ /dev/null @@ -1,9 +0,0 @@ -/* globals exports */ -exports.beforeStart = function(context) { - var originalResourceError = context.page.onResourceError - context.page.onResourceError = function(resErr) { - if (!/\/boom$/.test(resErr.url)) { - originalResourceError(resErr) - } - } -} diff --git a/test/server.js b/test/server.js new file mode 100644 index 0000000000000000000000000000000000000000..85388b71ec68633973f4e490d7d281d483131f1f --- /dev/null +++ b/test/server.js @@ -0,0 +1,134 @@ +const url = require('url') +const querystring = require('querystring') + +const routes = { + '/request': function(res, req) { + res.writeHead(200, {'Content-Type': 'application/json'}) + var data = '' + req.on('data', function(c) { + data += c + }) + req.on('end', function() { + res.end( + JSON.stringify({ + method: req.method, + url: req.url, + headers: req.headers, + data: data + }) + ) + }) + }, + '/hello': function(res, req) { + res.writeHead(200, { + 'Content-Type': 'text/plain', + 'X-Request-URL': 'http://' + req.headers.host + req.url + }) + res.end('hi') + }, + '/hello/utf8': function(res) { + res.writeHead(200, { + 'Content-Type': 'text/plain; charset=utf-8' + }) + // "hello" + var buf = Buffer.from([104, 101, 108, 108, 111]) + res.end(buf) + }, + '/hello/utf16le': function(res) { + res.writeHead(200, { + 'Content-Type': 'text/plain; charset=utf-16le' + }) + // "hello" + var buf = Buffer.from([104, 0, 101, 0, 108, 0, 108, 0, 111, 0]) + res.end(buf) + }, + '/binary': function(res) { + res.writeHead(200, {'Content-Type': 'application/octet-stream'}) + var buf = Buffer.alloc(256) + for (var i = 0; i < 256; i++) { + buf[i] = i + } + res.end(buf) + }, + '/redirect/301': function(res) { + res.writeHead(301, {Location: '/hello'}) + res.end() + }, + '/redirect/302': function(res) { + res.writeHead(302, {Location: '/hello'}) + res.end() + }, + '/redirect/303': function(res) { + res.writeHead(303, {Location: '/hello'}) + res.end() + }, + '/redirect/307': function(res) { + res.writeHead(307, {Location: '/hello'}) + res.end() + }, + '/redirect/308': function(res) { + res.writeHead(308, {Location: '/hello'}) + res.end() + }, + '/boom': function(res) { + res.writeHead(500, {'Content-Type': 'text/plain'}) + res.end('boom') + }, + '/empty': function(res) { + res.writeHead(204) + res.end() + }, + '/slow': function(res) { + setTimeout(function() { + res.writeHead(200, {'Cache-Control': 'no-cache, must-revalidate'}) + res.end() + }, 100) + }, + '/error': function(res) { + res.destroy() + }, + '/form': function(res) { + res.writeHead(200, {'Content-Type': 'application/x-www-form-urlencoded'}) + res.end('number=1&space=one+two&empty=&encoded=a%2Bb&') + }, + '/json': function(res) { + res.writeHead(200, {'Content-Type': 'application/json'}) + res.end(JSON.stringify({name: 'Hubot', login: 'hubot'})) + }, + '/json-error': function(res) { + res.writeHead(200, {'Content-Type': 'application/json'}) + res.end('not json {') + }, + '/cookie': function(res, req) { + var setCookie, cookie + var params = querystring.parse(url.parse(req.url).query) + if (params.name && params.value) { + setCookie = [params.name, params.value].join('=') + } + if (params.name) { + cookie = querystring.parse(req.headers['cookie'], '; ')[params.name] + } + res.writeHead(200, { + 'Content-Type': 'text/plain', + 'Set-Cookie': setCookie || '' + }) + res.end(cookie) + }, + '/headers': function(res) { + res.writeHead(200, { + Date: 'Mon, 13 Oct 2014 21:02:27 GMT', + 'Content-Type': 'text/html; charset=utf-8' + }) + res.end() + } +} + +module.exports = function(req, res, next) { + const path = url.parse(req.url).pathname + const route = routes[path] + if (route) { + route(res, req) + } else { + next() + } +} diff --git a/test/test-worker.html b/test/test-worker.html deleted file mode 100644 index 71c259f51c4614c57a6032f29e011716f846fd3a..0000000000000000000000000000000000000000 --- a/test/test-worker.html +++ /dev/null @@ -1,45 +0,0 @@ - - - - - Fetch Worker Tests - - - -
- - - - - - diff --git a/test/test.html b/test/test.html deleted file mode 100644 index 8a1e48f10a58070c3025087aec993a69f7f7ac4b..0000000000000000000000000000000000000000 --- a/test/test.html +++ /dev/null @@ -1,63 +0,0 @@ - - - - - Fetch Tests - - - -
- - - - - - - - - - - - - diff --git a/test/test.js b/test/test.js index 0db2307f1ccce30d371524879c1cb3627a3052b8..1bebef88ee43f8cd868cc3cc1b3a26cafe57dfed 100644 --- a/test/test.js +++ b/test/test.js @@ -1,24 +1,30 @@ +var IEorEdge = /Edge\//.test(navigator.userAgent) || /MSIE/.test(navigator.userAgent) +var Chrome = /Chrome\//.test(navigator.userAgent) && !IEorEdge +var Safari = /Safari\//.test(navigator.userAgent) && !IEorEdge && !Chrome + var support = { - searchParams: 'URLSearchParams' in self, url: (function(url) { try { return new URL(url).toString() === url - } catch(e) { + } catch (e) { return false } })('http://example.com/'), - blob: 'FileReader' in self && 'Blob' in self && (function() { - try { - new Blob() - return true - } catch(e) { - return false - } - })(), + blob: + 'FileReader' in self && + 'Blob' in self && + (function() { + try { + new Blob() + return true + } catch (e) { + return false + } + })(), formData: 'FormData' in self, arrayBuffer: 'ArrayBuffer' in self, - patch: !/PhantomJS/.test(navigator.userAgent), - permanentRedirect: !/PhantomJS|Trident/.test(navigator.userAgent) + aborting: 'signal' in new Request(''), + permanentRedirect: !/Trident/.test(navigator.userAgent) } function readBlobAsText(blob) { @@ -84,20 +90,22 @@ var preservedGlobals = {} var keepGlobals = ['fetch', 'Headers', 'Request', 'Response'] var exercise = ['polyfill'] -// If native fetch implementation exists, save it and allow it to be replaced -// by the polyfill. Native implementation will be exercised additionally. -if (self.fetch) { +// If native fetch implementation exists, replace it with the polyfilled +// version at first. The native implementation will be restored before the +// additional `native` pass of the test suite. +if (!self.fetch.polyfill) { keepGlobals.forEach(function(name) { preservedGlobals[name] = self[name] + self[name] = WHATWGFetch[name] }) - self.fetch = undefined exercise.push('native') } var slice = Array.prototype.slice function featureDependent(testOrSuite, condition) { - (condition ? testOrSuite : testOrSuite.skip).apply(this, slice.call(arguments, 2)) + // eslint-disable-next-line no-invalid-this + ;(condition ? testOrSuite : testOrSuite.skip).apply(this, slice.call(arguments, 2)) } exercise.forEach(function(exerciseMode) { @@ -110,8 +118,14 @@ exercise.forEach(function(exerciseMode) { }) } - var nativeChrome = /Chrome\//.test(navigator.userAgent) && exerciseMode === 'native' - var polyfillFirefox = /Firefox\//.test(navigator.userAgent) && exerciseMode === 'polyfill' + var nativeChrome = Chrome && exerciseMode === 'native' + var nativeSafari = Safari && exerciseMode === 'native' + var nativeEdge = /Edge\//.test(navigator.userAgent) && exerciseMode === 'native' + var firefox = navigator.userAgent.match(/Firefox\/(\d+)/) + var brokenFF = firefox && firefox[1] <= 56 && exerciseMode === 'native' + var polyfillFirefox = firefox && exerciseMode === 'polyfill' + var omitSafari = + Safari && exerciseMode === 'native' && navigator.userAgent.match(/Version\/(\d+\.\d+)/)[1] <= '11.1' // https://fetch.spec.whatwg.org/#concept-bodyinit-extract function testBodyExtract(factory) { @@ -125,19 +139,23 @@ exercise.forEach(function(exerciseMode) { inputs = inputs.concat([ ['type ArrayBuffer', arrayBufferFromText(expected)], ['type TypedArray', new Uint8Array(arrayBufferFromText(expected))], - ['type DataView', new DataView(arrayBufferFromText(expected))], + ['type DataView', new DataView(arrayBufferFromText(expected))] ]) } inputs.forEach(function(input) { - var typeLabel = input[0], body = input[1] + var typeLabel = input[0], + body = input[1] suite(typeLabel, function() { featureDependent(test, support.blob, 'consume as blob', function() { var r = factory(body) - return r.blob().then(readBlobAsText).then(function(text) { - assert.equal(text, expected) - }) + return r + .blob() + .then(readBlobAsText) + .then(function(text) { + assert.equal(text, expected) + }) }) test('consume as text', function() { @@ -149,1048 +167,1301 @@ exercise.forEach(function(exerciseMode) { featureDependent(test, support.arrayBuffer, 'consume as array buffer', function() { var r = factory(body) - return r.arrayBuffer().then(readArrayBufferAsText).then(function(text) { - assert.equal(text, expected) - }) + return r + .arrayBuffer() + .then(readArrayBufferAsText) + .then(function(text) { + assert.equal(text, expected) + }) }) }) }) }) } -// https://fetch.spec.whatwg.org/#headers-class -suite('Headers', function() { - test('constructor copies headers', function() { - var original = new Headers() - original.append('Accept', 'application/json') - original.append('Accept', 'text/plain') - original.append('Content-Type', 'text/html') - - var headers = new Headers(original) - assert.equal(headers.get('Accept'), 'application/json,text/plain') - assert.equal(headers.get('Content-type'), 'text/html') - }) - test('constructor works with arrays', function() { - var array = [ - ['Content-Type', 'text/xml'], - ['Breaking-Bad', '<3'] - ] - var headers = new Headers(array) - - assert.equal(headers.get('Content-Type'), 'text/xml') - assert.equal(headers.get('Breaking-Bad'), '<3') - }) - test('headers are case insensitive', function() { - var headers = new Headers({'Accept': 'application/json'}) - assert.equal(headers.get('ACCEPT'), 'application/json') - assert.equal(headers.get('Accept'), 'application/json') - assert.equal(headers.get('accept'), 'application/json') - }) - test('appends to existing', function() { - var headers = new Headers({'Accept': 'application/json'}) - assert.isFalse(headers.has('Content-Type')) - headers.append('Content-Type', 'application/json') - assert.isTrue(headers.has('Content-Type')) - assert.equal(headers.get('Content-Type'), 'application/json') - }) - test('appends values to existing header name', function() { - var headers = new Headers({'Accept': 'application/json'}) - headers.append('Accept', 'text/plain') - assert.equal(headers.get('Accept'), 'application/json,text/plain') - }) - test('sets header name and value', function() { - var headers = new Headers() - headers.set('Content-Type', 'application/json') - assert.equal(headers.get('Content-Type'), 'application/json') - }) - test('returns null on no header found', function() { - var headers = new Headers() - assert.isNull(headers.get('Content-Type')) - }) - test('has headers that are set', function() { - var headers = new Headers() - headers.set('Content-Type', 'application/json') - assert.isTrue(headers.has('Content-Type')) - }) - test('deletes headers', function() { - var headers = new Headers() - headers.set('Content-Type', 'application/json') - assert.isTrue(headers.has('Content-Type')) - headers.delete('Content-Type') - assert.isFalse(headers.has('Content-Type')) - assert.isNull(headers.get('Content-Type')) - }) - test('converts field name to string on set and get', function() { - var headers = new Headers() - headers.set(1, 'application/json') - assert.isTrue(headers.has('1')) - assert.equal(headers.get(1), 'application/json') - }) - test('converts field value to string on set and get', function() { - var headers = new Headers() - headers.set('Content-Type', 1) - headers.set('X-CSRF-Token', undefined) - assert.equal(headers.get('Content-Type'), '1') - assert.equal(headers.get('X-CSRF-Token'), 'undefined') - }) - test('throws TypeError on invalid character in field name', function() { - assert.throws(function() { new Headers({'': 'application/json'}) }, TypeError) - assert.throws(function() { new Headers({'Accept:': 'application/json'}) }, TypeError) - assert.throws(function() { - var headers = new Headers() - headers.set({field: 'value'}, 'application/json') - }, TypeError) - }) - test('is iterable with forEach', function() { - var headers = new Headers() - headers.append('Accept', 'application/json') - headers.append('Accept', 'text/plain') - headers.append('Content-Type', 'text/html') - - var results = [] - headers.forEach(function(value, key, object) { - results.push({value: value, key: key, object: object}) - }) - - assert.equal(results.length, 2) - assert.deepEqual({key: 'accept', value: 'application/json,text/plain', object: headers}, results[0]) - assert.deepEqual({key: 'content-type', value: 'text/html', object: headers}, results[1]) - }) - test('forEach accepts second thisArg argument', function() { - var headers = new Headers({'Accept': 'application/json'}) - var thisArg = 42 - headers.forEach(function() { - assert.equal(this, thisArg) - }, thisArg) - }) - test('is iterable with keys', function() { - var headers = new Headers() - headers.append('Accept', 'application/json') - headers.append('Accept', 'text/plain') - headers.append('Content-Type', 'text/html') - - var iterator = headers.keys() - assert.deepEqual({done: false, value: 'accept'}, iterator.next()) - assert.deepEqual({done: false, value: 'content-type'}, iterator.next()) - assert.deepEqual({done: true, value: undefined}, iterator.next()) - }) - test('is iterable with values', function() { - var headers = new Headers() - headers.append('Accept', 'application/json') - headers.append('Accept', 'text/plain') - headers.append('Content-Type', 'text/html') - - var iterator = headers.values() - assert.deepEqual({done: false, value: 'application/json,text/plain'}, iterator.next()) - assert.deepEqual({done: false, value: 'text/html'}, iterator.next()) - assert.deepEqual({done: true, value: undefined}, iterator.next()) - }) - test('is iterable with entries', function() { - var headers = new Headers() - headers.append('Accept', 'application/json') - headers.append('Accept', 'text/plain') - headers.append('Content-Type', 'text/html') - - var iterator = headers.entries() - assert.deepEqual({done: false, value: ['accept', 'application/json,text/plain']}, iterator.next()) - assert.deepEqual({done: false, value: ['content-type', 'text/html']}, iterator.next()) - assert.deepEqual({done: true, value: undefined}, iterator.next()) - }) - }) - -// https://fetch.spec.whatwg.org/#request-class -suite('Request', function() { - test('construct with string url', function() { - var request = new Request('https://fetch.spec.whatwg.org/') - assert.equal(request.url, 'https://fetch.spec.whatwg.org/') - }) - - featureDependent(test, support.url, 'construct with URL instance', function() { - var url = new URL('https://fetch.spec.whatwg.org/') - url.pathname = 'cors' - var request = new Request(url) - assert.equal(request.url, 'https://fetch.spec.whatwg.org/cors') - }) + // https://fetch.spec.whatwg.org/#headers-class + suite('Headers', function() { + test('constructor copies headers', function() { + var original = new Headers() + original.append('Accept', 'application/json') + original.append('Accept', 'text/plain') + original.append('Content-Type', 'text/html') + + var headers = new Headers(original) + assert.equal(headers.get('Accept'), 'application/json, text/plain') + assert.equal(headers.get('Content-type'), 'text/html') + }) + test('constructor works with arrays', function() { + var array = [['Content-Type', 'text/xml'], ['Breaking-Bad', '<3']] + var headers = new Headers(array) - test('construct with non-Request object', function() { - var url = { toString: function() { return 'https://fetch.spec.whatwg.org/' } } - var request = new Request(url) - assert.equal(request.url, 'https://fetch.spec.whatwg.org/') - }) + assert.equal(headers.get('Content-Type'), 'text/xml') + assert.equal(headers.get('Breaking-Bad'), '<3') + }) + test('headers are case insensitive', function() { + var headers = new Headers({Accept: 'application/json'}) + assert.equal(headers.get('ACCEPT'), 'application/json') + assert.equal(headers.get('Accept'), 'application/json') + assert.equal(headers.get('accept'), 'application/json') + }) + test('appends to existing', function() { + var headers = new Headers({Accept: 'application/json'}) + assert.isFalse(headers.has('Content-Type')) + headers.append('Content-Type', 'application/json') + assert.isTrue(headers.has('Content-Type')) + assert.equal(headers.get('Content-Type'), 'application/json') + }) + test('appends values to existing header name', function() { + var headers = new Headers({Accept: 'application/json'}) + headers.append('Accept', 'text/plain') + assert.equal(headers.get('Accept'), 'application/json, text/plain') + }) + test('sets header name and value', function() { + var headers = new Headers() + headers.set('Content-Type', 'application/json') + assert.equal(headers.get('Content-Type'), 'application/json') + }) + test('returns null on no header found', function() { + var headers = new Headers() + assert.isNull(headers.get('Content-Type')) + }) + test('has headers that are set', function() { + var headers = new Headers() + headers.set('Content-Type', 'application/json') + assert.isTrue(headers.has('Content-Type')) + }) + test('deletes headers', function() { + var headers = new Headers() + headers.set('Content-Type', 'application/json') + assert.isTrue(headers.has('Content-Type')) + headers.delete('Content-Type') + assert.isFalse(headers.has('Content-Type')) + assert.isNull(headers.get('Content-Type')) + }) + test('converts field name to string on set and get', function() { + var headers = new Headers() + headers.set(1, 'application/json') + assert.isTrue(headers.has('1')) + assert.equal(headers.get(1), 'application/json') + }) + test('converts field value to string on set and get', function() { + var headers = new Headers() + headers.set('Content-Type', 1) + headers.set('X-CSRF-Token', undefined) + assert.equal(headers.get('Content-Type'), '1') + assert.equal(headers.get('X-CSRF-Token'), 'undefined') + }) + test('throws TypeError on invalid character in field name', function() { + assert.throws(function() { + new Headers({'[Accept]': 'application/json'}) + }, TypeError) + assert.throws(function() { + new Headers({'Accept:': 'application/json'}) + }, TypeError) + assert.throws(function() { + var headers = new Headers() + headers.set({field: 'value'}, 'application/json') + }, TypeError) + assert.throws(function() { + new Headers({'': 'application/json'}) + }, TypeError) + }) + featureDependent(test, !brokenFF, 'is iterable with forEach', function() { + var headers = new Headers() + headers.append('Accept', 'application/json') + headers.append('Accept', 'text/plain') + headers.append('Content-Type', 'text/html') + + var results = [] + headers.forEach(function(value, key, object) { + results.push({value: value, key: key, object: object}) + }) - test('construct with Request', function() { - var request1 = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out', - headers: { - accept: 'application/json', - 'Content-Type': 'text/plain' - } + assert.equal(results.length, 2) + assert.deepEqual({key: 'accept', value: 'application/json, text/plain', object: headers}, results[0]) + assert.deepEqual({key: 'content-type', value: 'text/html', object: headers}, results[1]) + }) + test('forEach accepts second thisArg argument', function() { + var headers = new Headers({Accept: 'application/json'}) + var thisArg = 42 + headers.forEach(function() { + assert.equal(this, thisArg) + }, thisArg) + }) + featureDependent(test, !brokenFF, 'is iterable with keys', function() { + var headers = new Headers() + headers.append('Accept', 'application/json') + headers.append('Accept', 'text/plain') + headers.append('Content-Type', 'text/html') + + var iterator = headers.keys() + assert.deepEqual({done: false, value: 'accept'}, iterator.next()) + assert.deepEqual({done: false, value: 'content-type'}, iterator.next()) + assert.deepEqual({done: true, value: undefined}, iterator.next()) + }) + featureDependent(test, !brokenFF, 'is iterable with values', function() { + var headers = new Headers() + headers.append('Accept', 'application/json') + headers.append('Accept', 'text/plain') + headers.append('Content-Type', 'text/html') + + var iterator = headers.values() + assert.deepEqual({done: false, value: 'application/json, text/plain'}, iterator.next()) + assert.deepEqual({done: false, value: 'text/html'}, iterator.next()) + assert.deepEqual({done: true, value: undefined}, iterator.next()) + }) + featureDependent(test, !brokenFF, 'is iterable with entries', function() { + var headers = new Headers() + headers.append('Accept', 'application/json') + headers.append('Accept', 'text/plain') + headers.append('Content-Type', 'text/html') + + var iterator = headers.entries() + assert.deepEqual({done: false, value: ['accept', 'application/json, text/plain']}, iterator.next()) + assert.deepEqual({done: false, value: ['content-type', 'text/html']}, iterator.next()) + assert.deepEqual({done: true, value: undefined}, iterator.next()) + }) }) - var request2 = new Request(request1) - return request2.text().then(function(body2) { - assert.equal(body2, 'I work out') - assert.equal(request2.method, 'POST') - assert.equal(request2.url, 'https://fetch.spec.whatwg.org/') - assert.equal(request2.headers.get('accept'), 'application/json') - assert.equal(request2.headers.get('content-type'), 'text/plain') - - return request1.text().then(function() { - assert(false, 'original request body should have been consumed') - }, function(error) { - assert(error instanceof TypeError, 'expected TypeError for already read body') + // https://fetch.spec.whatwg.org/#request-class + suite('Request', function() { + test('construct with string url', function() { + var request = new Request('https://fetch.spec.whatwg.org/') + assert.equal(request.url, 'https://fetch.spec.whatwg.org/') }) - }) - }) - test('construct with Request and override headers', function() { - var request1 = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out', - headers: { - accept: 'application/json', - 'X-Request-ID': '123' - } - }) - var request2 = new Request(request1, { - headers: { 'x-test': '42' } - }) + featureDependent(test, support.url, 'construct with URL instance', function() { + var url = new URL('https://fetch.spec.whatwg.org/') + url.pathname = 'cors' + var request = new Request(url) + assert.equal(request.url, 'https://fetch.spec.whatwg.org/cors') + }) - assert.equal(request2.headers.get('accept'), undefined) - assert.equal(request2.headers.get('x-request-id'), undefined) - assert.equal(request2.headers.get('x-test'), '42') - }) + test('construct with non-Request object', function() { + var url = { + toString: function() { + return 'https://fetch.spec.whatwg.org/' + } + } + var request = new Request(url) + assert.equal(request.url, 'https://fetch.spec.whatwg.org/') + }) - test('construct with Request and override body', function() { - var request1 = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out', - headers: { - 'Content-Type': 'text/plain' - } - }) - var request2 = new Request(request1, { - body: '{"wiggles": 5}', - headers: { 'Content-Type': 'application/json' } - }) + test('construct with Request', function() { + var request1 = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out', + headers: { + accept: 'application/json', + 'Content-Type': 'text/plain' + } + }) + var request2 = new Request(request1) + + return request2.text().then(function(body2) { + assert.equal(body2, 'I work out') + assert.equal(request2.method, 'POST') + assert.equal(request2.url, 'https://fetch.spec.whatwg.org/') + assert.equal(request2.headers.get('accept'), 'application/json') + assert.equal(request2.headers.get('content-type'), 'text/plain') + + return request1.text().then( + function() { + assert(false, 'original request body should have been consumed') + }, + function(error) { + assert(error instanceof TypeError, 'expected TypeError for already read body') + } + ) + }) + }) - return request2.json().then(function(data) { - assert.equal(data.wiggles, 5) - assert.equal(request2.headers.get('content-type'), 'application/json') - }) - }) + test('construct with Request and override headers', function() { + var request1 = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out', + headers: { + accept: 'application/json', + 'X-Request-ID': '123' + } + }) + var request2 = new Request(request1, { + headers: {'x-test': '42'} + }) - featureDependent(test, !nativeChrome, 'construct with used Request body', function() { - var request1 = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out' - }) + assert.equal(request2.headers.get('accept'), undefined) + assert.equal(request2.headers.get('x-request-id'), undefined) + assert.equal(request2.headers.get('x-test'), '42') + }) - return request1.text().then(function() { - assert.throws(function() { - new Request(request1) - }, TypeError) - }) - }) + test('construct with Request and override body', function() { + var request1 = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out', + headers: { + 'Content-Type': 'text/plain' + } + }) + var request2 = new Request(request1, { + body: '{"wiggles": 5}', + headers: {'Content-Type': 'application/json'} + }) - test('GET should not have implicit Content-Type', function() { - var req = new Request('https://fetch.spec.whatwg.org/') - assert.equal(req.headers.get('content-type'), undefined) - }) + return request2.json().then(function(data) { + assert.equal(data.wiggles, 5) + assert.equal(request2.headers.get('content-type'), 'application/json') + }) + }) - test('POST with blank body should not have implicit Content-Type', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post' - }) - assert.equal(req.headers.get('content-type'), undefined) - }) + featureDependent(test, !nativeChrome, 'construct with used Request body', function() { + var request1 = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out' + }) - test('construct with string body sets Content-Type header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out' - }) + return request1.text().then(function() { + assert.throws(function() { + new Request(request1) + }, TypeError) + }) + }) - assert.equal(req.headers.get('content-type'), 'text/plain;charset=UTF-8') - }) + test('GET should not have implicit Content-Type', function() { + var req = new Request('https://fetch.spec.whatwg.org/') + assert.equal(req.headers.get('content-type'), undefined) + }) - featureDependent(test, support.blob, 'construct with Blob body and type sets Content-Type header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: new Blob(['test'], { type: 'image/png' }) - }) + test('POST with blank body should not have implicit Content-Type', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post' + }) + assert.equal(req.headers.get('content-type'), undefined) + }) - assert.equal(req.headers.get('content-type'), 'image/png') - }) + test('construct with string body sets Content-Type header', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out' + }) - test('construct with body and explicit header uses header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - headers: { 'Content-Type': 'image/png' }, - body: 'I work out' - }) + assert.equal(req.headers.get('content-type'), 'text/plain;charset=UTF-8') + }) - assert.equal(req.headers.get('content-type'), 'image/png') - }) + featureDependent(test, support.blob, 'construct with Blob body and type sets Content-Type header', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: new Blob(['test'], {type: 'image/png'}) + }) - featureDependent(test, support.blob, 'construct with Blob body and explicit Content-Type header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - headers: { 'Content-Type': 'image/png' }, - body: new Blob(['test'], { type: 'text/plain' }) - }) + assert.equal(req.headers.get('content-type'), 'image/png') + }) - assert.equal(req.headers.get('content-type'), 'image/png') - }) + test('construct with body and explicit header uses header', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + headers: {'Content-Type': 'image/png'}, + body: 'I work out' + }) - featureDependent(test, support.searchParams, 'construct with URLSearchParams body sets Content-Type header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: new URLSearchParams('a=1&b=2') - }) + assert.equal(req.headers.get('content-type'), 'image/png') + }) - assert.equal(req.headers.get('content-type'), 'application/x-www-form-urlencoded;charset=UTF-8') - }) + featureDependent(test, support.blob, 'construct with Blob body and explicit Content-Type header', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + headers: {'Content-Type': 'image/png'}, + body: new Blob(['test'], {type: 'text/plain'}) + }) - featureDependent(test, support.searchParams, 'construct with URLSearchParams body and explicit Content-Type header', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - headers: { 'Content-Type': 'image/png' }, - body: new URLSearchParams('a=1&b=2') - }) + assert.equal(req.headers.get('content-type'), 'image/png') + }) - assert.equal(req.headers.get('content-type'), 'image/png') - }) + featureDependent(test, !IEorEdge, 'construct with URLSearchParams body sets Content-Type header', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: new URLSearchParams('a=1&b=2') + }) - test('clone GET request', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - headers: {'content-type': 'text/plain'} - }) - var clone = req.clone() + assert.equal(req.headers.get('content-type'), 'application/x-www-form-urlencoded;charset=UTF-8') + }) - assert.equal(clone.url, req.url) - assert.equal(clone.method, 'GET') - assert.equal(clone.headers.get('content-type'), 'text/plain') - assert.notEqual(clone.headers, req.headers) - assert.isFalse(req.bodyUsed) - }) + featureDependent( + test, + !IEorEdge, + 'construct with URLSearchParams body and explicit Content-Type header', + function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + headers: {'Content-Type': 'image/png'}, + body: new URLSearchParams('a=1&b=2') + }) - test('clone POST request', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - headers: {'content-type': 'text/plain'}, - body: 'I work out' - }) - var clone = req.clone() + assert.equal(req.headers.get('content-type'), 'image/png') + } + ) - assert.equal(clone.method, 'POST') - assert.equal(clone.headers.get('content-type'), 'text/plain') - assert.notEqual(clone.headers, req.headers) - assert.equal(req.bodyUsed, false) + test('construct with unsupported body type', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: {} + }) - return Promise.all([clone.text(), req.clone().text()]).then(function(bodies) { - assert.deepEqual(bodies, ['I work out', 'I work out']) - }) - }) + assert.equal(req.headers.get('content-type'), 'text/plain;charset=UTF-8') + return req.text().then(function(bodyText) { + assert.equal(bodyText, '[object Object]') + }) + }) - featureDependent(test, !nativeChrome, 'clone with used Request body', function() { - var req = new Request('https://fetch.spec.whatwg.org/', { - method: 'post', - body: 'I work out' - }) + test('construct with null body', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post' + }) - return req.text().then(function() { - assert.throws(function() { - req.clone() - }, TypeError) - }) - }) + assert.isNull(req.headers.get('content-type')) + return req.text().then(function(bodyText) { + assert.equal(bodyText, '') + }) + }) - testBodyExtract(function(body) { - return new Request('', { method: 'POST', body: body }) - }) -}) + test('clone GET request', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + headers: {'content-type': 'text/plain'} + }) + var clone = req.clone() -// https://fetch.spec.whatwg.org/#response-class -suite('Response', function() { - test('default status is 200 OK', function() { - var res = new Response() - assert.equal(res.status, 200) - assert.equal(res.statusText, 'OK') - assert.isTrue(res.ok) - }) + assert.equal(clone.url, req.url) + assert.equal(clone.method, 'GET') + assert.equal(clone.headers.get('content-type'), 'text/plain') + assert.notEqual(clone.headers, req.headers) + assert.isFalse(req.bodyUsed) + }) - test('default status is 200 OK when an explicit undefined status code is passed', function() { - var res = new Response('', {status: undefined}) - assert.equal(res.status, 200) - assert.equal(res.statusText, 'OK') - assert.isTrue(res.ok) - }) + test('clone POST request', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + headers: {'content-type': 'text/plain'}, + body: 'I work out' + }) + var clone = req.clone() - testBodyExtract(function(body) { - return new Response(body) - }) + assert.equal(clone.method, 'POST') + assert.equal(clone.headers.get('content-type'), 'text/plain') + assert.notEqual(clone.headers, req.headers) + assert.equal(req.bodyUsed, false) - test('creates Headers object from raw headers', function() { - var r = new Response('{"foo":"bar"}', {headers: {'content-type': 'application/json'}}) - assert.equal(r.headers instanceof Headers, true) - return r.json().then(function(json){ - assert.equal(json.foo, 'bar') - return json - }) - }) + return Promise.all([clone.text(), req.clone().text()]).then(function(bodies) { + assert.deepEqual(bodies, ['I work out', 'I work out']) + }) + }) - test('always creates a new Headers instance', function() { - var headers = new Headers({ 'x-hello': 'world' }) - var res = new Response('', {headers: headers}) + featureDependent(test, !nativeChrome, 'clone with used Request body', function() { + var req = new Request('https://fetch.spec.whatwg.org/', { + method: 'post', + body: 'I work out' + }) - assert.equal(res.headers.get('x-hello'), 'world') - assert.notEqual(res.headers, headers) - }) + return req.text().then(function() { + assert.throws(function() { + req.clone() + }, TypeError) + }) + }) - test('clone text response', function() { - var res = new Response('{"foo":"bar"}', { - headers: {'content-type': 'application/json'} - }) - var clone = res.clone() + testBodyExtract(function(body) { + return new Request('', {method: 'POST', body: body}) + }) - assert.notEqual(clone.headers, res.headers, 'headers were cloned') - assert.equal(clone.headers.get('content-type'), 'application/json') + featureDependent(test, !omitSafari, 'credentials defaults to same-origin', function() { + var request = new Request('') + assert.equal(request.credentials, 'same-origin') + }) - return Promise.all([clone.json(), res.json()]).then(function(jsons){ - assert.deepEqual(jsons[0], jsons[1], 'json of cloned object is the same as original') + test('credentials is overridable', function() { + var request = new Request('', {credentials: 'omit'}) + assert.equal(request.credentials, 'omit') + }) }) - }) - featureDependent(test, support.blob, 'clone blob response', function() { - var req = new Request(new Blob(['test'])) - req.clone() - assert.equal(req.bodyUsed, false) - }) + // https://fetch.spec.whatwg.org/#response-class + suite('Response', function() { + test('default status is 200 OK', function() { + var res = new Response() + assert.equal(res.status, 200) + assert.equal(res.statusText, 'OK') + assert.isTrue(res.ok) + }) - test('error creates error Response', function() { - var r = Response.error() - assert(r instanceof Response) - assert.equal(r.status, 0) - assert.equal(r.statusText, '') - assert.equal(r.type, 'error') - }) + test('default status is 200 OK when an explicit undefined status code is passed', function() { + var res = new Response('', {status: undefined}) + assert.equal(res.status, 200) + assert.equal(res.statusText, 'OK') + assert.isTrue(res.ok) + }) - test('redirect creates redirect Response', function() { - var r = Response.redirect('https://fetch.spec.whatwg.org/', 301) - assert(r instanceof Response) - assert.equal(r.status, 301) - assert.equal(r.headers.get('Location'), 'https://fetch.spec.whatwg.org/') - }) + testBodyExtract(function(body) { + return new Response(body) + }) - test('construct with string body sets Content-Type header', function() { - var r = new Response('I work out') - assert.equal(r.headers.get('content-type'), 'text/plain;charset=UTF-8') - }) + test('creates Headers object from raw headers', function() { + var r = new Response('{"foo":"bar"}', {headers: {'content-type': 'application/json'}}) + assert.equal(r.headers instanceof Headers, true) + return r.json().then(function(json) { + assert.equal(json.foo, 'bar') + return json + }) + }) - featureDependent(test, support.blob, 'construct with Blob body and type sets Content-Type header', function() { - var r = new Response(new Blob(['test'], { type: 'text/plain' })) - assert.equal(r.headers.get('content-type'), 'text/plain') - }) + test('always creates a new Headers instance', function() { + var headers = new Headers({'x-hello': 'world'}) + var res = new Response('', {headers: headers}) - test('construct with body and explicit header uses header', function() { - var r = new Response('I work out', { - headers: { - 'Content-Type': 'text/plain' - }, - }) + assert.equal(res.headers.get('x-hello'), 'world') + assert.notEqual(res.headers, headers) + }) - assert.equal(r.headers.get('content-type'), 'text/plain') - }) -}) + test('clone text response', function() { + var res = new Response('{"foo":"bar"}', { + headers: {'content-type': 'application/json'} + }) + var clone = res.clone() -// https://fetch.spec.whatwg.org/#body-mixin -suite('Body mixin', function() { - featureDependent(suite, support.blob, 'arrayBuffer', function() { - test('resolves arrayBuffer promise', function() { - return fetch('/hello').then(function(response) { - return response.arrayBuffer() - }).then(function(buf) { - assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') - assert.equal(buf.byteLength, 2) - }) - }) + assert.notEqual(clone.headers, res.headers, 'headers were cloned') + assert.equal(clone.headers.get('content-type'), 'application/json') - test('arrayBuffer handles binary data', function() { - return fetch('/binary').then(function(response) { - return response.arrayBuffer() - }).then(function(buf) { - assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') - assert.equal(buf.byteLength, 256, 'buf.byteLength is correct') - var view = new Uint8Array(buf) - for (var i = 0; i < 256; i++) { - assert.equal(view[i], i) - } + return Promise.all([clone.json(), res.json()]).then(function(jsons) { + assert.deepEqual(jsons[0], jsons[1], 'json of cloned object is the same as original') + }) }) - }) - test('arrayBuffer handles utf-8 data', function() { - return fetch('/hello/utf8').then(function(response) { - return response.arrayBuffer() - }).then(function(buf) { - assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') - assert.equal(buf.byteLength, 5, 'buf.byteLength is correct') - var octets = Array.prototype.slice.call(new Uint8Array(buf)) - assert.deepEqual(octets, [104, 101, 108, 108, 111]) + featureDependent(test, support.blob, 'clone blob response', function() { + var req = new Request(new Blob(['test'])) + req.clone() + assert.equal(req.bodyUsed, false) }) - }) - test('arrayBuffer handles utf-16le data', function() { - return fetch('/hello/utf16le').then(function(response) { - return response.arrayBuffer() - }).then(function(buf) { - assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') - assert.equal(buf.byteLength, 10, 'buf.byteLength is correct') - var octets = Array.prototype.slice.call(new Uint8Array(buf)) - assert.deepEqual(octets, [104, 0, 101, 0, 108, 0, 108, 0, 111, 0]) + test('error creates error Response', function() { + var r = Response.error() + assert(r instanceof Response) + assert.equal(r.status, 0) + assert.equal(r.statusText, '') + assert.equal(r.type, 'error') }) - }) - test('rejects arrayBuffer promise after body is consumed', function() { - return fetch('/hello').then(function(response) { - assert.equal(response.bodyUsed, false) - response.blob() - assert.equal(response.bodyUsed, true) - return response.arrayBuffer() - }).catch(function(error) { - assert(error instanceof TypeError, 'Promise rejected after body consumed') + test('redirect creates redirect Response', function() { + var r = Response.redirect('https://fetch.spec.whatwg.org/', 301) + assert(r instanceof Response) + assert.equal(r.status, 301) + assert.equal(r.headers.get('Location'), 'https://fetch.spec.whatwg.org/') }) - }) - }) - featureDependent(suite, support.blob, 'blob', function() { - test('resolves blob promise', function() { - return fetch('/hello').then(function(response) { - return response.blob() - }).then(function(blob) { - assert(blob instanceof Blob, 'blob is a Blob instance') - assert.equal(blob.size, 2) + test('construct with string body sets Content-Type header', function() { + var r = new Response('I work out') + assert.equal(r.headers.get('content-type'), 'text/plain;charset=UTF-8') }) - }) - test('blob handles binary data', function() { - return fetch('/binary').then(function(response) { - return response.blob() - }).then(function(blob) { - assert(blob instanceof Blob, 'blob is a Blob instance') - assert.equal(blob.size, 256, 'blob.size is correct') + featureDependent(test, support.blob, 'construct with Blob body and type sets Content-Type header', function() { + var r = new Response(new Blob(['test'], {type: 'text/plain'})) + assert.equal(r.headers.get('content-type'), 'text/plain') }) - }) - test('blob handles utf-8 data', function() { - return fetch('/hello/utf8').then(function(response) { - return response.blob() - }).then(readBlobAsBytes).then(function(octets) { - assert.equal(octets.length, 5, 'blob.size is correct') - assert.deepEqual(octets, [104, 101, 108, 108, 111]) - }) - }) + test('construct with body and explicit header uses header', function() { + var r = new Response('I work out', { + headers: { + 'Content-Type': 'text/plain' + } + }) - test('blob handles utf-16le data', function() { - return fetch('/hello/utf16le').then(function(response) { - return response.blob() - }).then(readBlobAsBytes).then(function(octets) { - assert.equal(octets.length, 10, 'blob.size is correct') - assert.deepEqual(octets, [104, 0, 101, 0, 108, 0, 108, 0, 111, 0]) + assert.equal(r.headers.get('content-type'), 'text/plain') }) - }) - test('rejects blob promise after body is consumed', function() { - return fetch('/hello').then(function(response) { - assert(response.blob, 'Body does not implement blob') - assert.equal(response.bodyUsed, false) - response.text() - assert.equal(response.bodyUsed, true) - return response.blob() - }).catch(function(error) { - assert(error instanceof TypeError, 'Promise rejected after body consumed') - }) - }) - }) + test('init object as first argument', function() { + var r = new Response({ + status: 201, + headers: { + 'Content-Type': 'text/html' + } + }) - featureDependent(suite, support.formData, 'formData', function() { - test('post sets content-type header', function() { - return fetch('/request', { - method: 'post', - body: new FormData() - }).then(function(response) { - return response.json() - }).then(function(json) { - assert.equal(json.method, 'POST') - assert(/^multipart\/form-data;/.test(json.headers['content-type'])) + assert.equal(r.status, 200) + assert.equal(r.headers.get('content-type'), 'text/plain;charset=UTF-8') + return r.text().then(function(bodyText) { + assert.equal(bodyText, '[object Object]') + }) }) - }) - featureDependent(test, !nativeChrome, 'rejects formData promise after body is consumed', function() { - return fetch('/json').then(function(response) { - assert(response.formData, 'Body does not implement formData') - response.formData() - return response.formData() - }).catch(function(error) { - if (error instanceof chai.AssertionError) { - throw error - } else { - assert(error instanceof TypeError, 'Promise rejected after body consumed') - } - }) - }) + test('null as first argument', function() { + var r = new Response(null) - featureDependent(test, !nativeChrome, 'parses form encoded response', function() { - return fetch('/form').then(function(response) { - return response.formData() - }).then(function(form) { - assert(form instanceof FormData, 'Parsed a FormData object') + assert.isNull(r.headers.get('content-type')) + return r.text().then(function(bodyText) { + assert.equal(bodyText, '') + }) }) }) - }) - suite('json', function() { - test('parses json response', function() { - return fetch('/json').then(function(response) { - return response.json() - }).then(function(json) { - assert.equal(json.name, 'Hubot') - assert.equal(json.login, 'hubot') - }) - }) + // https://fetch.spec.whatwg.org/#body-mixin + suite('Body mixin', function() { + featureDependent(suite, support.blob, 'arrayBuffer', function() { + test('resolves arrayBuffer promise', function() { + return fetch('/hello') + .then(function(response) { + return response.arrayBuffer() + }) + .then(function(buf) { + assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') + assert.equal(buf.byteLength, 2) + }) + }) - test('rejects json promise after body is consumed', function() { - return fetch('/json').then(function(response) { - assert(response.json, 'Body does not implement json') - assert.equal(response.bodyUsed, false) - response.text() - assert.equal(response.bodyUsed, true) - return response.json() - }).catch(function(error) { - assert(error instanceof TypeError, 'Promise rejected after body consumed') - }) - }) + test('arrayBuffer handles binary data', function() { + return fetch('/binary') + .then(function(response) { + return response.arrayBuffer() + }) + .then(function(buf) { + assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') + assert.equal(buf.byteLength, 256, 'buf.byteLength is correct') + var view = new Uint8Array(buf) + for (var i = 0; i < 256; i++) { + assert.equal(view[i], i) + } + }) + }) - featureDependent(test, !polyfillFirefox, 'handles json parse error', function() { - return fetch('/json-error').then(function(response) { - return response.json() - }).catch(function(error) { - assert(error instanceof Error, 'JSON exception is an Error instance') - assert(error.message, 'JSON exception has an error message') - }) - }) - }) + test('arrayBuffer handles utf-8 data', function() { + return fetch('/hello/utf8') + .then(function(response) { + return response.arrayBuffer() + }) + .then(function(buf) { + assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') + assert.equal(buf.byteLength, 5, 'buf.byteLength is correct') + var octets = Array.prototype.slice.call(new Uint8Array(buf)) + assert.deepEqual(octets, [104, 101, 108, 108, 111]) + }) + }) - suite('text', function() { - test('handles 204 No Content response', function() { - return fetch('/empty').then(function(response) { - assert.equal(response.status, 204) - return response.text() - }).then(function(body) { - assert.equal(body, '') - }) - }) + test('arrayBuffer handles utf-16le data', function() { + return fetch('/hello/utf16le') + .then(function(response) { + return response.arrayBuffer() + }) + .then(function(buf) { + assert(buf instanceof ArrayBuffer, 'buf is an ArrayBuffer instance') + assert.equal(buf.byteLength, 10, 'buf.byteLength is correct') + var octets = Array.prototype.slice.call(new Uint8Array(buf)) + assert.deepEqual(octets, [104, 0, 101, 0, 108, 0, 108, 0, 111, 0]) + }) + }) - test('resolves text promise', function() { - return fetch('/hello').then(function(response) { - return response.text() - }).then(function(text) { - assert.equal(text, 'hi') + test('rejects arrayBuffer promise after body is consumed', function() { + return fetch('/hello') + .then(function(response) { + assert.equal(response.bodyUsed, false) + response.blob() + assert.equal(response.bodyUsed, true) + return response.arrayBuffer() + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Promise rejected after body consumed') + }) + }) }) - }) - test('rejects text promise after body is consumed', function() { - return fetch('/hello').then(function(response) { - assert(response.text, 'Body does not implement text') - assert.equal(response.bodyUsed, false) - response.text() - assert.equal(response.bodyUsed, true) - return response.text() - }).catch(function(error) { - assert(error instanceof TypeError, 'Promise rejected after body consumed') - }) - }) - }) -}) + featureDependent(suite, support.blob, 'blob', function() { + test('resolves blob promise', function() { + return fetch('/hello') + .then(function(response) { + return response.blob() + }) + .then(function(blob) { + assert(blob instanceof Blob, 'blob is a Blob instance') + assert.equal(blob.size, 2) + }) + }) -suite('fetch method', function() { - suite('promise resolution', function() { - test('resolves promise on 500 error', function() { - return fetch('/boom').then(function(response) { - assert.equal(response.status, 500) - assert.equal(response.ok, false) - return response.text() - }).then(function(body) { - assert.equal(body, 'boom') - }) - }) + test('blob handles binary data', function() { + return fetch('/binary') + .then(function(response) { + return response.blob() + }) + .then(function(blob) { + assert(blob instanceof Blob, 'blob is a Blob instance') + assert.equal(blob.size, 256, 'blob.size is correct') + }) + }) - test.skip('rejects promise for network error', function() { - return fetch('/error').then(function(response) { - assert(false, 'HTTP status ' + response.status + ' was treated as success') - }).catch(function(error) { - assert(error instanceof TypeError, 'Rejected with Error') - }) - }) + test('blob handles utf-8 data', function() { + return fetch('/hello/utf8') + .then(function(response) { + return response.blob() + }) + .then(readBlobAsBytes) + .then(function(octets) { + assert.equal(octets.length, 5, 'blob.size is correct') + assert.deepEqual(octets, [104, 101, 108, 108, 111]) + }) + }) - test('rejects when Request constructor throws', function() { - return fetch('/request', { method: 'GET', body: 'invalid' }).then(function() { - assert(false, 'Invalid Request init was accepted') - }).catch(function(error) { - assert(error instanceof TypeError, 'Rejected with Error') - }) - }) - }) + test('blob handles utf-16le data', function() { + return fetch('/hello/utf16le') + .then(function(response) { + return response.blob() + }) + .then(readBlobAsBytes) + .then(function(octets) { + assert.equal(octets.length, 10, 'blob.size is correct') + assert.deepEqual(octets, [104, 0, 101, 0, 108, 0, 108, 0, 111, 0]) + }) + }) - suite('request', function() { - test('sends headers', function() { - return fetch('/request', { - headers: { - 'Accept': 'application/json', - 'X-Test': '42' - } - }).then(function(response) { - return response.json() - }).then(function(json) { - assert.equal(json.headers['accept'], 'application/json') - assert.equal(json.headers['x-test'], '42') + test('rejects blob promise after body is consumed', function() { + return fetch('/hello') + .then(function(response) { + assert(response.blob, 'Body does not implement blob') + assert.equal(response.bodyUsed, false) + response.text() + assert.equal(response.bodyUsed, true) + return response.blob() + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Promise rejected after body consumed') + }) + }) }) - }) - test('with Request as argument', function() { - var request = new Request('/request', { - headers: { - 'Accept': 'application/json', - 'X-Test': '42' - } - }) + featureDependent(suite, support.formData, 'formData', function() { + test('post sets content-type header', function() { + return fetch('/request', { + method: 'post', + body: new FormData() + }) + .then(function(response) { + return response.json() + }) + .then(function(json) { + assert.equal(json.method, 'POST') + assert(/^multipart\/form-data;/.test(json.headers['content-type'])) + }) + }) - return fetch(request).then(function(response) { - return response.json() - }).then(function(json) { - assert.equal(json.headers['accept'], 'application/json') - assert.equal(json.headers['x-test'], '42') - }) - }) + featureDependent(test, !nativeChrome && !nativeEdge, 'formData rejects after body was consumed', function() { + return fetch('/json') + .then(function(response) { + assert(response.formData, 'Body does not implement formData') + response.formData() + return response.formData() + }) + .catch(function(error) { + if (error instanceof chai.AssertionError) { + throw error + } else { + assert(error instanceof TypeError, 'Promise rejected after body consumed') + } + }) + }) - test('reusing same Request multiple times', function() { - var request = new Request('/request', { - headers: { - 'Accept': 'application/json', - 'X-Test': '42' - } + featureDependent( + test, + !nativeChrome && !nativeSafari && !nativeEdge, + 'parses form encoded response', + function() { + return fetch('/form') + .then(function(response) { + return response.formData() + }) + .then(function(form) { + assert(form instanceof FormData, 'Parsed a FormData object') + }) + } + ) }) - var responses = [] + suite('json', function() { + test('parses json response', function() { + return fetch('/json') + .then(function(response) { + return response.json() + }) + .then(function(json) { + assert.equal(json.name, 'Hubot') + assert.equal(json.login, 'hubot') + }) + }) - return fetch(request).then(function(response) { - responses.push(response) - return fetch(request) - }).then(function(response) { - responses.push(response) - return fetch(request) - }).then(function(response) { - responses.push(response) - return Promise.all(responses.map(function(r) { return r.json() })) - }).then(function(jsons) { - jsons.forEach(function(json) { - assert.equal(json.headers['accept'], 'application/json') - assert.equal(json.headers['x-test'], '42') + test('rejects json promise after body is consumed', function() { + return fetch('/json') + .then(function(response) { + assert(response.json, 'Body does not implement json') + assert.equal(response.bodyUsed, false) + response.text() + assert.equal(response.bodyUsed, true) + return response.json() + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Promise rejected after body consumed') + }) }) - }) - }) - featureDependent(suite, support.arrayBuffer, 'ArrayBuffer', function() { - test('ArrayBuffer body', function() { - return fetch('/request', { - method: 'post', - body: arrayBufferFromText('name=Hubot') - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'POST') - assert.equal(request.data, 'name=Hubot') + featureDependent(test, !polyfillFirefox, 'handles json parse error', function() { + return fetch('/json-error') + .then(function(response) { + return response.json() + }) + .catch(function(error) { + if (!IEorEdge) assert(error instanceof Error, 'JSON exception is an Error instance') + assert(error.message, 'JSON exception has an error message') + }) }) }) - test('DataView body', function() { - return fetch('/request', { - method: 'post', - body: new DataView(arrayBufferFromText('name=Hubot')) - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'POST') - assert.equal(request.data, 'name=Hubot') + suite('text', function() { + test('handles 204 No Content response', function() { + return fetch('/empty') + .then(function(response) { + assert.equal(response.status, 204) + return response.text() + }) + .then(function(body) { + assert.equal(body, '') + }) }) - }) - test('TypedArray body', function() { - return fetch('/request', { - method: 'post', - body: new Uint8Array(arrayBufferFromText('name=Hubot')) - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'POST') - assert.equal(request.data, 'name=Hubot') + test('resolves text promise', function() { + return fetch('/hello') + .then(function(response) { + return response.text() + }) + .then(function(text) { + assert.equal(text, 'hi') + }) }) - }) - }) - featureDependent(test, support.searchParams, 'sends URLSearchParams body', function() { - return fetch('/request', { - method: 'post', - body: new URLSearchParams('a=1&b=2') - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'POST') - assert.equal(request.data, 'a=1&b=2') + test('rejects text promise after body is consumed', function() { + return fetch('/hello') + .then(function(response) { + assert(response.text, 'Body does not implement text') + assert.equal(response.bodyUsed, false) + response.text() + assert.equal(response.bodyUsed, true) + return response.text() + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Promise rejected after body consumed') + }) + }) }) }) - }) - suite('response', function() { - test('populates body', function() { - return fetch('/hello').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) + suite('fetch method', function() { + suite('promise resolution', function() { + test('resolves promise on 500 error', function() { + return fetch('/boom') + .then(function(response) { + assert.equal(response.status, 500) + assert.equal(response.ok, false) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'boom') + }) + }) - test('parses headers', function() { - return fetch('/headers?' + new Date().getTime()).then(function(response) { - assert.equal(response.headers.get('Date'), 'Mon, 13 Oct 2014 21:02:27 GMT') - assert.equal(response.headers.get('Content-Type'), 'text/html; charset=utf-8') + test.skip('rejects promise for network error', function() { + return fetch('/error') + .then(function(response) { + assert(false, 'HTTP status ' + response.status + ' was treated as success') + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Rejected with Error') + }) + }) + + test('rejects when Request constructor throws', function() { + return fetch('/request', {method: 'GET', body: 'invalid'}) + .then(function() { + assert(false, 'Invalid Request init was accepted') + }) + .catch(function(error) { + assert(error instanceof TypeError, 'Rejected with Error') + }) + }) }) - }) - }) -// https://fetch.spec.whatwg.org/#methods -suite('HTTP methods', function() { - test('supports HTTP GET', function() { - return fetch('/request', { - method: 'get', - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'GET') - assert.equal(request.data, '') - }) - }) + suite('request', function() { + test('sends headers', function() { + return fetch('/request', { + headers: { + Accept: 'application/json', + 'X-Test': '42' + } + }) + .then(function(response) { + return response.json() + }) + .then(function(json) { + assert.equal(json.headers['accept'], 'application/json') + assert.equal(json.headers['x-test'], '42') + }) + }) - test('GET with body throws TypeError', function() { - assert.throw(function() { - new Request('', { - method: 'get', - body: 'invalid' - }) - }, TypeError) - }) + test('with Request as argument', function() { + var request = new Request('/request', { + headers: { + Accept: 'application/json', + 'X-Test': '42' + } + }) - test('HEAD with body throws TypeError', function() { - assert.throw(function() { - new Request('', { - method: 'head', - body: 'invalid' - }) - }, TypeError) - }) + return fetch(request) + .then(function(response) { + return response.json() + }) + .then(function(json) { + assert.equal(json.headers['accept'], 'application/json') + assert.equal(json.headers['x-test'], '42') + }) + }) - test('supports HTTP POST', function() { - return fetch('/request', { - method: 'post', - body: 'name=Hubot' - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'POST') - assert.equal(request.data, 'name=Hubot') - }) - }) + test('reusing same Request multiple times', function() { + var request = new Request('/request', { + headers: { + Accept: 'application/json', + 'X-Test': '42' + } + }) - test('supports HTTP PUT', function() { - return fetch('/request', { - method: 'put', - body: 'name=Hubot' - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'PUT') - assert.equal(request.data, 'name=Hubot') - }) - }) + var responses = [] - featureDependent(test, support.patch, 'supports HTTP PATCH', function() { - return fetch('/request', { - method: 'PATCH', - body: 'name=Hubot' - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'PATCH') - assert.equal(request.data, 'name=Hubot') - }) - }) + return fetch(request) + .then(function(response) { + responses.push(response) + return fetch(request) + }) + .then(function(response) { + responses.push(response) + return fetch(request) + }) + .then(function(response) { + responses.push(response) + return Promise.all( + responses.map(function(r) { + return r.json() + }) + ) + }) + .then(function(jsons) { + jsons.forEach(function(json) { + assert.equal(json.headers['accept'], 'application/json') + assert.equal(json.headers['x-test'], '42') + }) + }) + }) - test('supports HTTP DELETE', function() { - return fetch('/request', { - method: 'delete', - }).then(function(response) { - return response.json() - }).then(function(request) { - assert.equal(request.method, 'DELETE') - assert.equal(request.data, '') - }) - }) -}) + featureDependent(suite, support.arrayBuffer, 'ArrayBuffer', function() { + test('ArrayBuffer body', function() { + return fetch('/request', { + method: 'post', + body: arrayBufferFromText('name=Hubot') + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'POST') + assert.equal(request.data, 'name=Hubot') + }) + }) -// https://fetch.spec.whatwg.org/#atomic-http-redirect-handling -suite('Atomic HTTP redirect handling', function() { - test('handles 301 redirect response', function() { - return fetch('/redirect/301').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - assert.match(response.url, /\/hello/) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) + test('DataView body', function() { + return fetch('/request', { + method: 'post', + body: new DataView(arrayBufferFromText('name=Hubot')) + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'POST') + assert.equal(request.data, 'name=Hubot') + }) + }) - test('handles 302 redirect response', function() { - return fetch('/redirect/302').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - assert.match(response.url, /\/hello/) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) + test('TypedArray body', function() { + return fetch('/request', { + method: 'post', + body: new Uint8Array(arrayBufferFromText('name=Hubot')) + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'POST') + assert.equal(request.data, 'name=Hubot') + }) + }) + }) - test('handles 303 redirect response', function() { - return fetch('/redirect/303').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - assert.match(response.url, /\/hello/) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) + featureDependent(test, !IEorEdge, 'sends URLSearchParams body', function() { + return fetch('/request', { + method: 'post', + body: new URLSearchParams('a=1&b=2') + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'POST') + assert.equal(request.data, 'a=1&b=2') + }) + }) + }) - test('handles 307 redirect response', function() { - return fetch('/redirect/307').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - assert.match(response.url, /\/hello/) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) + featureDependent(suite, exerciseMode !== 'native' || support.aborting, 'aborting', function() { + test('initially aborted signal', function() { + var controller = new AbortController() + controller.abort() + + return fetch('/request', { + signal: controller.signal + }).then( + function() { + assert.ok(false) + }, + function(error) { + if (!IEorEdge) assert.instanceOf(error, WHATWGFetch.DOMException) + assert.equal(error.name, 'AbortError') + } + ) + }) - featureDependent(test, support.permanentRedirect, 'handles 308 redirect response', function() { - return fetch('/redirect/308').then(function(response) { - assert.equal(response.status, 200) - assert.equal(response.ok, true) - assert.match(response.url, /\/hello/) - return response.text() - }).then(function(body) { - assert.equal(body, 'hi') - }) - }) -}) + test('initially aborted signal within Request', function() { + var controller = new AbortController() + controller.abort() -// https://fetch.spec.whatwg.org/#concept-request-credentials-mode -suite('credentials mode', function() { - setup(function() { - return fetch('/cookie?name=foo&value=reset', {credentials: 'same-origin'}) - }) + var request = new Request('/request', {signal: controller.signal}) - featureDependent(suite, exerciseMode === 'native', 'omit', function() { - test('request credentials defaults to omit', function() { - var request = new Request('') - assert.equal(request.credentials, 'omit') - }) + return fetch(request).then( + function() { + assert.ok(false) + }, + function(error) { + assert.equal(error.name, 'AbortError') + } + ) + }) - test('does not accept cookies with implicit omit credentials', function() { - return fetch('/cookie?name=foo&value=bar').then(function() { - return fetch('/cookie?name=foo', {credentials: 'same-origin'}) - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, 'reset') - }) - }) + test('mid-request', function() { + var controller = new AbortController() + + setTimeout(function() { + controller.abort() + }, 30) + + return fetch('/slow?_=' + new Date().getTime(), { + signal: controller.signal + }).then( + function() { + assert.ok(false) + }, + function(error) { + assert.equal(error.name, 'AbortError') + } + ) + }) + + test('mid-request within Request', function() { + var controller = new AbortController() + var request = new Request('/slow?_=' + new Date().getTime(), {signal: controller.signal}) + + setTimeout(function() { + controller.abort() + }, 30) + + return fetch(request).then( + function() { + assert.ok(false) + }, + function(error) { + assert.equal(error.name, 'AbortError') + } + ) + }) - test('does not accept cookies with omit credentials', function() { - return fetch('/cookie?name=foo&value=bar', {credentials: 'omit'}).then(function() { - return fetch('/cookie?name=foo', {credentials: 'same-origin'}) - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, 'reset') + test('abort multiple with same signal', function() { + var controller = new AbortController() + + setTimeout(function() { + controller.abort() + }, 30) + + return Promise.all([ + fetch('/slow?_=' + new Date().getTime(), { + signal: controller.signal + }).then( + function() { + assert.ok(false) + }, + function(error) { + assert.equal(error.name, 'AbortError') + } + ), + fetch('/slow?_=' + new Date().getTime(), { + signal: controller.signal + }).then( + function() { + assert.ok(false) + }, + function(error) { + assert.equal(error.name, 'AbortError') + } + ) + ]) + }) }) - }) - test('does not send cookies with implicit omit credentials', function() { - return fetch('/cookie?name=foo&value=bar', {credentials: 'same-origin'}).then(function() { - return fetch('/cookie?name=foo') - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, '') + suite('response', function() { + test('populates body', function() { + return fetch('/hello') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) + + test('parses headers', function() { + return fetch('/headers?' + new Date().getTime()).then(function(response) { + assert.equal(response.headers.get('Date'), 'Mon, 13 Oct 2014 21:02:27 GMT') + assert.equal(response.headers.get('Content-Type'), 'text/html; charset=utf-8') + }) + }) }) - }) - test('does not send cookies with omit credentials', function() { - return fetch('/cookie?name=foo&value=bar').then(function() { - return fetch('/cookie?name=foo', {credentials: 'omit'}) - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, '') + // https://fetch.spec.whatwg.org/#methods + suite('HTTP methods', function() { + test('supports HTTP GET', function() { + return fetch('/request', { + method: 'get' + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'GET') + assert.equal(request.data, '') + }) + }) + + test('GET with body throws TypeError', function() { + assert.throw(function() { + new Request('', { + method: 'get', + body: 'invalid' + }) + }, TypeError) + }) + + test('HEAD with body throws TypeError', function() { + assert.throw(function() { + new Request('', { + method: 'head', + body: 'invalid' + }) + }, TypeError) + }) + + test('supports HTTP POST', function() { + return fetch('/request', { + method: 'post', + body: 'name=Hubot' + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'POST') + assert.equal(request.data, 'name=Hubot') + }) + }) + + test('supports HTTP PUT', function() { + return fetch('/request', { + method: 'put', + body: 'name=Hubot' + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'PUT') + assert.equal(request.data, 'name=Hubot') + }) + }) + + test('supports HTTP PATCH', function() { + return fetch('/request', { + method: 'PATCH', + body: 'name=Hubot' + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'PATCH') + assert.equal(request.data, 'name=Hubot') + }) + }) + + test('supports HTTP DELETE', function() { + return fetch('/request', { + method: 'delete' + }) + .then(function(response) { + return response.json() + }) + .then(function(request) { + assert.equal(request.method, 'DELETE') + assert.equal(request.data, '') + }) + }) }) - }) - }) - suite('same-origin', function() { - test('request credentials uses inits member', function() { - var request = new Request('', {credentials: 'same-origin'}) - assert.equal(request.credentials, 'same-origin') - }) + // https://fetch.spec.whatwg.org/#atomic-http-redirect-handling + suite('Atomic HTTP redirect handling', function() { + test('handles 301 redirect response', function() { + return fetch('/redirect/301') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + assert.match(response.url, /\/hello/) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) - test('send cookies with same-origin credentials', function() { - return fetch('/cookie?name=foo&value=bar', {credentials: 'same-origin'}).then(function() { - return fetch('/cookie?name=foo', {credentials: 'same-origin'}) - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, 'bar') + test('handles 302 redirect response', function() { + return fetch('/redirect/302') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + assert.match(response.url, /\/hello/) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) + + test('handles 303 redirect response', function() { + return fetch('/redirect/303') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + assert.match(response.url, /\/hello/) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) + + test('handles 307 redirect response', function() { + return fetch('/redirect/307') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + assert.match(response.url, /\/hello/) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) + + featureDependent(test, support.permanentRedirect, 'handles 308 redirect response', function() { + return fetch('/redirect/308') + .then(function(response) { + assert.equal(response.status, 200) + assert.equal(response.ok, true) + assert.match(response.url, /\/hello/) + return response.text() + }) + .then(function(body) { + assert.equal(body, 'hi') + }) + }) }) - }) - }) - suite('include', function() { - test('send cookies with include credentials', function() { - return fetch('/cookie?name=foo&value=bar', {credentials: 'include'}).then(function() { - return fetch('/cookie?name=foo', {credentials: 'include'}) - }).then(function(response) { - return response.text() - }).then(function(data) { - assert.equal(data, 'bar') + // https://fetch.spec.whatwg.org/#concept-request-credentials-mode + suite('credentials mode', function() { + setup(function() { + return fetch('/cookie?name=foo&value=reset', {credentials: 'same-origin'}) + }) + + featureDependent(suite, exerciseMode === 'native', 'omit', function() { + test('does not accept cookies with omit credentials', function() { + return fetch('/cookie?name=foo&value=bar', {credentials: 'omit'}) + .then(function() { + return fetch('/cookie?name=foo', {credentials: 'same-origin'}) + }) + .then(function(response) { + return response.text() + }) + .then(function(data) { + assert.equal(data, 'reset') + }) + }) + + test('does not send cookies with omit credentials', function() { + return fetch('/cookie?name=foo&value=bar') + .then(function() { + return fetch('/cookie?name=foo', {credentials: 'omit'}) + }) + .then(function(response) { + return response.text() + }) + .then(function(data) { + assert.equal(data, '') + }) + }) + }) + + suite('same-origin', function() { + test('send cookies with same-origin credentials', function() { + return fetch('/cookie?name=foo&value=bar', {credentials: 'same-origin'}) + .then(function() { + return fetch('/cookie?name=foo', {credentials: 'same-origin'}) + }) + .then(function(response) { + return response.text() + }) + .then(function(data) { + assert.equal(data, 'bar') + }) + }) + }) + + suite('include', function() { + test('send cookies with include credentials', function() { + return fetch('/cookie?name=foo&value=bar', {credentials: 'include'}) + .then(function() { + return fetch('/cookie?name=foo', {credentials: 'include'}) + }) + .then(function(response) { + return response.text() + }) + .then(function(data) { + assert.equal(data, 'bar') + }) + }) + }) }) }) }) }) -}) - - }) -}) diff --git a/test/worker-adapter.js b/test/worker-adapter.js new file mode 100644 index 0000000000000000000000000000000000000000..354d1e25247cf7c0c02e5cb0514c960b07c1a2f1 --- /dev/null +++ b/test/worker-adapter.js @@ -0,0 +1,27 @@ +var mochaRun = mocha.run +mocha.run = function() {} + +mocha.suite.suites.unshift(Mocha.Suite.create(mocha.suite, 'worker')) + +var worker = new Worker('/base/test/worker.js') + +worker.addEventListener('message', function(e) { + switch (e.data.name) { + case 'pass': + test(e.data.title, function() {}) + break + case 'pending': + test(e.data.title) + break + case 'fail': + test(e.data.title, function() { + var err = new Error(e.data.message) + err.stack = e.data.stack + throw err + }) + break + case 'end': + mochaRun() + break + } +}) diff --git a/test/worker.js b/test/worker.js index 025d0dd1c4a35e165cf15ec274a8069db7d51089..5dcb52671af1c10c4bbfcd23360b8087594d0baf 100644 --- a/test/worker.js +++ b/test/worker.js @@ -1,38 +1,38 @@ -importScripts('/node_modules/chai/chai.js') -importScripts('/node_modules/mocha/mocha.js') +importScripts('/base/node_modules/mocha/mocha.js') +importScripts('/base/node_modules/chai/chai.js') mocha.setup('tdd') self.assert = chai.assert -importScripts('/node_modules/promise-polyfill/promise.js') -importScripts('/test/test.js') -importScripts('/fetch.js') +importScripts('/base/node_modules/abortcontroller-polyfill/dist/abortcontroller-polyfill-only.js') +importScripts('/base/dist/fetch.umd.js') +importScripts('/base/test/test.js') function title(test) { - return test.fullTitle().replace(/#/g, ''); + return test.fullTitle().replace(/#/g, '') } function reporter(runner) { - runner.on('pending', function(test){ - self.postMessage({name: 'pending', title: title(test)}); - }); + runner.on('pending', function(test) { + self.postMessage({name: 'pending', title: title(test)}) + }) - runner.on('pass', function(test){ - self.postMessage({name: 'pass', title: title(test)}); - }); + runner.on('pass', function(test) { + self.postMessage({name: 'pass', title: title(test)}) + }) - runner.on('fail', function(test, err){ + runner.on('fail', function(test, err) { self.postMessage({ name: 'fail', title: title(test), message: err.message, stack: err.stack - }); - }); + }) + }) - runner.on('end', function(){ - self.postMessage({name: 'end'}); - }); + runner.on('end', function() { + self.postMessage({name: 'end'}) + }) } mocha.reporter(reporter).run()