| <!DOCTYPE html> |
| <title>Ensures that prefetch works with documents</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/common/utils.js"></script> |
| <script src="/common/get-host-info.sub.js"></script> |
| <script src="/common/dispatcher/dispatcher.js"></script> |
| <script src="resources/prefetch-helper.js"></script> |
| <body> |
| <script> |
| |
| const {ORIGIN, REMOTE_ORIGIN, HTTP_NOTSAMESITE_ORIGIN} = get_host_info(); |
| const loaders = { |
| image: { |
| file: 'square.png', |
| type: 'image/png', |
| load: href => { |
| const image = document.createElement('img'); |
| image.src = href; |
| document.body.appendChild(image); |
| return new Promise(resolve => image.addEventListener('load', resolve)); |
| } |
| }, |
| script: { |
| file: 'dummy.js', |
| type: 'application/javascript', |
| load: href => { |
| const script = document.createElement('script'); |
| script.src = href; |
| document.body.appendChild(script); |
| return new Promise(resolve => script.addEventListener('load', resolve)); |
| } |
| }, |
| style: { |
| file: 'dummy.css', |
| type: 'text/css', |
| load: href => { |
| const link = document.createElement('link'); |
| link.href = href; |
| link.rel = "stylesheet"; |
| document.body.appendChild(link); |
| return new Promise(resolve => link.addEventListener('load', resolve)); |
| } |
| }, |
| document: { |
| file: 'empty.html', |
| type: 'text/html', |
| load: href => { |
| const iframe = document.createElement("iframe"); |
| iframe.src = href; |
| document.body.appendChild(iframe); |
| return new Promise(resolve => iframe.addEventListener("load", resolve)); |
| } |
| } |
| }; |
| |
| async function prefetch_document_and_count_fetches(options, t) { |
| const {href, uid} = await prefetch({ |
| file: "prefetch-exec.html", |
| type: "text/html", |
| corssOrigin: "anonymous", |
| ...options}); |
| const popup = window.open(href); |
| const remoteContext = new RemoteContext(uid); |
| t.add_cleanup(() => popup.close()); |
| const result = await remoteContext.execute_script(() => "OK"); |
| assert_equals(result, "OK"); |
| const requests = await get_prefetch_info(href); |
| return requests.length; |
| } |
| |
| promise_test(async t => { |
| assert_equals(await prefetch_document_and_count_fetches({origin: ORIGIN}, t), 1); |
| }, "same origin document prefetch without 'as' should be consumed"); |
| |
| promise_test(async t => { |
| assert_equals(await prefetch_document_and_count_fetches({origin: REMOTE_ORIGIN}, t), 1); |
| }, "same-site different-origin document prefetch without 'as' should be consumed"); |
| |
| promise_test(async t => { |
| assert_equals(await prefetch_document_and_count_fetches({origin: HTTP_NOTSAMESITE_ORIGIN}, t), 2); |
| }, "different-site document prefetch without 'as' should not be consumed"); |
| |
| promise_test(async t => { |
| assert_equals(await prefetch_document_and_count_fetches({origin: HTTP_NOTSAMESITE_ORIGIN, as: "document"}, t), 2); |
| }, "different-site document prefetch with 'as=document' should not be consumed"); |
| |
| promise_test(async t => { |
| const {href, uid} = await prefetch({ |
| file: "prefetch-exec.html", |
| type: "text/html", |
| corssOrigin: "anonymous", |
| origin: ORIGIN}); |
| const popup = window.open(href + "&cache_bust=" + token()); |
| const remoteContext = new RemoteContext(uid); |
| t.add_cleanup(() => popup.close()); |
| await remoteContext.execute_script(() => "OK"); |
| const results = await get_prefetch_info(href); |
| assert_equals(results.length, 2); |
| assert_equals(results[0].headers.accept, results[1].headers.accept); |
| }, "Document prefetch should send the exact Accept header as navigation") |
| </script> |
| </body> |