<!DOCTYPE html>
<html>
<head>
<link rel="help" href="https://xhr.spec.whatwg.org/#handler-xhr-onprogress" data-tested-assertations="../.." />
<link rel="help" href="https://xhr.spec.whatwg.org/#event-xhr-progress" data-tested-assertations="../.." />
<link rel="help" href="https://xhr.spec.whatwg.org/#the-send()-method" data-tested-assertations="following::dt[@id="dom-xmlhttprequest-send-bodyinit"]/following::dd[1]/p[2] following::ol[1]/li[9]//li[1] following::ol[1]/li[9]//li[2]" />
<link rel="help" href="https://fetch.spec.whatwg.org/#http-fetch" data-tested-assertations="following::ol[1]/li[6]/dl/dd[1]//dd[3]" />
<link rel="help" href="https://fetch.spec.whatwg.org/#concept-http-redirect-fetch" data-tested-assertations="following::li[16]" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<title>XMLHttpRequest: The send() method: POSTing to URL that redirects</title>
</head>
<body>
<div id="log"></div>
<script type="text/javascript">
function testRedirectPost(params) {
var test = async_test(document.title + " (" + params.name + ")");
var actual = [];
// We check upload.onprogress with a boolean because it *might* fire more than once
var progressFiredReadyState1 = false;
var expectedHeaders, expectedEvents;
// 307 redirects should resend the POST data, and events and headers will be a little different..
if(params.expectResendPost) {
expectedHeaders = {
"X-Request-Content-Length": "12000",
"X-Request-Content-Type": "text/plain;charset=UTF-8",
"X-Request-Method": "POST",
"X-Request-Query": "NO",
"Content-Length": "12000"
}
expectedEvents = [
"xhr onreadystatechange 1",
"xhr loadstart 1",
"upload loadstart 1",
"upload loadend 1",
"xhr onreadystatechange 2",
"xhr onreadystatechange 3",
"xhr onreadystatechange 4",
"xhr load 4",
"xhr loadend 4"
];
} else {
// setting the right expectations for POST resent as GET without request body
expectedHeaders = {
"X-Request-Content-Length": "NO",
"X-Request-Content-Type": "NO",
"X-Request-Method": "GET",
"X-Request-Query": "NO"
}
expectedEvents = [
"xhr onreadystatechange 1",
"xhr loadstart 1",
"upload loadstart 1",
"upload loadend 1",
"xhr onreadystatechange 2",
/* we expect no onreadystatechange readyState=3 event because there is no loading content */
"xhr onreadystatechange 4",
"xhr load 4",
"xhr loadend 4"
];
}
// Override expectations if provided.
if(params.expectedContentType)
expectedHeaders["X-Request-Content-Type"] = params.expectedContentType;
test.step(function()
{
var xhr = new XMLHttpRequest();
xhr.upload.onloadstart = test.step_func(function(e) {
actual.push("upload loadstart " + xhr.readyState);
});
xhr.upload.onprogress = test.step_func(function(e) {
// events every 50ms, one final when uploading is done
if(xhr.readyState >= xhr.HEADERS_RECEIVED) {
assert_equals(xhr.status, 200, "JS never gets to see the 30x status code");
}
progressFiredReadyState1 = xhr.readyState === xhr.OPENED;
});
xhr.upload.onloadend = test.step_func(function() {
actual.push("upload loadend " + xhr.readyState);
});
xhr.onloadstart = test.step_func(function() {
actual.push("xhr loadstart " + xhr.readyState);
});
xhr.onreadystatechange = test.step_func(function() {
if(xhr.readyState >= xhr.HEADERS_RECEIVED) {
assert_equals(xhr.status, 200, "JS never gets to see the 30x status code");
}
actual.push("xhr onreadystatechange " + xhr.readyState);
});
xhr.onload = test.step_func(function(e)
{
actual.push("xhr load " + xhr.readyState);
});
xhr.onloadend = test.step_func(function(e)
{
actual.push("xhr loadend " + xhr.readyState);
assert_true(progressFiredReadyState1, "One progress event should fire on xhr.upload when readyState is 1");
// Headers will tell us if data was sent when expected
for(var header in expectedHeaders) {
assert_equals(xhr.getResponseHeader(header), expectedHeaders[header], header);
}
assert_array_equals(actual, expectedEvents, "events firing in expected order and states");
if (params.expectedBody)
assert_equals(xhr.response, params.expectedBody, 'request body was resent');
test.done();
});
xhr.open("POST", "./resources/redirect.py?location=content.py&code=" + params.code, true);
xhr.send(params.body);
});
}
const stringBody = "Test Message".repeat(1000);
const blobBody = new Blob(new Array(1000).fill("Test Message"));
testRedirectPost({name: "301", code: 301, expectResendPost: false, body: stringBody});
testRedirectPost({name: "302", code: 302, expectResendPost: false, body: stringBody});
testRedirectPost({name: "303", code: 303, expectResendPost: false, body: stringBody});
testRedirectPost({name: "307 (string)", code: 307, expectResendPost: true, body: stringBody, expectedBody: stringBody });
testRedirectPost({name: "307 (blob)", code: 307, expectResendPost: true, body: blobBody, expectedBody: stringBody, expectedContentType: "NO" });
</script>
</body>
</html>
