Andrew Top | 61a8495 | 2019-04-30 15:07:33 -0700 | [diff] [blame] | 1 | <!doctype html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>XMLHttpRequest: abort() while sending data</title> |
| 5 | <script src="/resources/testharness.js"></script> |
| 6 | <script src="/resources/testharnessreport.js"></script> |
| 7 | <link rel="help" href="https://xhr.spec.whatwg.org/#the-abort()-method" data-tested-assertations="following-sibling::ol/li[4]/ol/li[7] following-sibling::ol/li[4]/ol/li[7]/ol/li[2] following-sibling::ol/li[4]/ol/li[7]/ol/li[3] following-sibling::ol/li[4]/ol/li[7]/ol/li[4]" /> |
| 8 | <link rel="help" href="https://xhr.spec.whatwg.org/#make-upload-progress-notifications" data-tested-assertations="following::ul[1]/li[1] following::ul[1]/li[2]/ol[1]/li[2] following::ul[1]/li[2]/ol[1]/li[3] following::ul[1]/li[2]/ol[1]/li[4]" /> |
| 9 | </head> |
| 10 | <body> |
| 11 | <div id="log"></div> |
| 12 | <script> |
| 13 | var test = async_test(document.title, {timeout:1100}) |
| 14 | var result = [] |
| 15 | var expected = ['progress on XHR Upload', 'abort on XHR Upload', 'loadend on XHR Upload', 'progress on XHR', 'abort on XHR', 'loadend on XHR'] |
| 16 | function logEvt (e) { |
| 17 | var str = e.type+' on ' |
| 18 | str += e.target instanceof XMLHttpRequest ? 'XHR' : 'XHR Upload' |
| 19 | result.push(str) |
| 20 | } |
| 21 | test.step(function() { |
| 22 | var client = new XMLHttpRequest() |
| 23 | client.open("POST", "resources/delay.py?ms=1000") |
| 24 | client.addEventListener('progress', logEvt) |
| 25 | client.addEventListener('abort', logEvt) |
| 26 | client.addEventListener('loadend', function (e) { |
| 27 | logEvt(e) |
| 28 | test.step(function() { |
| 29 | assert_equals(client.readyState, 4) |
| 30 | assert_array_equals(result, expected) |
| 31 | test.done() |
| 32 | }) |
| 33 | }) |
| 34 | client.upload.addEventListener('loadend', logEvt) |
| 35 | client.upload.addEventListener('progress', logEvt) |
| 36 | client.upload.addEventListener('abort', logEvt) |
| 37 | client.send((new Array(10000)).join('a')) |
| 38 | client.abort() |
| 39 | }) |
| 40 | </script> |
| 41 | </body> |
| 42 | </html> |