resource-timing-bodySize.https.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 22 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/resource-timing-bodySize.https.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<meta name="timeout" content="long">

<script src="/common/utils.js"></script>

<script src="/common/get-host-info.sub.js"></script>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="resources/test-helpers.sub.js"></script>

<script>

const {REMOTE_ORIGIN} = get_host_info();

/*

  This test does the following:

  - Loads a service worker

  - Loads an iframe in the service worker's scope

  - The service worker tries to fetch a resource which is either:

    - constructed inside the service worker

    - fetched from a different URL ny the service worker

    - Streamed from a differend URL by the service worker

    - Passes through

  - By default the RT entry should have encoded/decoded body size. except for

    the case where the response is an opaque pass-through.

*/

function test_scenario({tao, mode, name}) {

    promise_test(async (t) => {

        const uid = token();

        const worker_url = `resources/fetch-response.js?uid=${uid}`;

        const scope = `resources/fetch-response.html?uid=${uid}`;

        const iframe = document.createElement('iframe');

        const path = name === "passthrough" ? `element-timing/resources/TAOImage.py?origin=*&tao=${

            tao === "pass" ? "wildcard" : "none"})}` : name;

        iframe.src = `${scope}&path=${encodeURIComponent(

            `${mode === "same-origin" ? "" : REMOTE_ORIGIN}/${path}`)}&mode=${mode}`;

        const registration = await service_worker_unregister_and_register(t, worker_url, scope);

        t.add_cleanup(() => registration.unregister());

        t.add_cleanup(() => iframe.remove());

        await wait_for_state(t, registration.installing, 'activated');

        const waitForMessage = new Promise(resolve =>

          window.addEventListener('message', ({data}) => resolve(data)));

        document.body.appendChild(iframe);

        const {buffer, entry} = await waitForMessage;

        const expectPass = name !== "passthrough" || mode !== "no-cors";

        assert_equals(buffer.byteLength, expectPass ? entry.decodedBodySize : 0);

        assert_equals(buffer.byteLength, expectPass ? entry.encodedBodySize : 0);

    }, `Response body size: ${name}, ${mode}, TAO ${tao}`);

for (const mode of ["cors", "no-cors", "same-origin"]) {

  for (const tao of ["pass", "fail"])

    for (const name of ['constructed', 'forward', 'stream', 'passthrough']) {

      test_scenario({tao, mode, name});

</script>