preload/prefetch-document.html

<!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>