controlled-iframe-postMessage.https.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/controlled-iframe-postMessage.https.html - WPT Dashboard Interop Dashboard

<html>

<head>

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

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

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

</head>

<body>

<script>

promise_test(async (test) => {

    const registration = await navigator.serviceWorker.register("postMessage-client-worker.js", { scope : 'resources' });

    activeWorker = registration.active;

    if (activeWorker)

        return;

    activeWorker = registration.installing;

    await new Promise(resolve => {

        activeWorker.addEventListener('statechange', () => {

            if (activeWorker.state === "activated")

                resolve();

});

});

}, "Register service worker");

function with_iframe(test, url) {

    return new Promise(function(resolve, reject) {

        test.step_timeout(() => reject("with_iframe timed out"), 2000);

        var frame = document.createElement('iframe');

        frame.className = 'test-iframe';

        frame.src = url;

        frame.onload = function() { resolve(frame); };

        document.body.appendChild(frame);

});

promise_test(async (test) => {

    const frame = await with_iframe(test, 'resources/controlled-frame-postMessage.html');

    let counter = 0;

    while (counter++ < 100 && frame.contentWindow.messageData == undefined)

       await new Promise(resolve => test.step_timeout(resolve, 50));

    assert_equals(frame.contentWindow.messageData, 0);

    frame.remove();

}, "Verify frame gets early messages if setting synchronously message event listener");

promise_test(async (test) => {

    const frame = await with_iframe(test, 'resources/controlled-frame-postMessage.html?repeatMessages');

    let counter = 0;

    while (counter++ < 100 && frame.contentWindow.messageData == undefined)

       await new Promise(resolve => test.step_timeout(resolve, 50));

    assert_not_equals(frame.contentWindow.messageData, 0);

    frame.remove();

}, "Verify frame does not get all messages if not setting event listener early");

promise_test(async (test) => {

    const frame = await with_iframe(test, 'resources/controlled-frame-postMessage.html?repeatMessages&listener');

    let counter = 0;

    while (counter++ < 100 && frame.contentWindow.messageData.length < 5)

       await new Promise(resolve => test.step_timeout(resolve, 50));

    assert_less_than(counter, 100);

    data = frame.contentWindow.messageData;

    for (let cptr = 1; cptr < data.length; cptr++)

        assert_true(data[cptr - 1] < data[cptr]);

    frame.remove();

}, "Verify frame does get messages in order");

</script>

</body>

</html>