suspend-with-navigation.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /webaudio/the-audio-api/the-audiocontext-interface/suspend-with-navigation.html - WPT Dashboard Interop Dashboard

<!doctype html>

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

<title>AudioContext.suspend() with navigation</title>

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

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

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

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

<script src="/html/browsers/browsing-the-web/back-forward-cache/resources/helper.sub.js"></script>

<script>

'use strict';

runBfcacheTest({

  funcBeforeNavigation: async () => {

    window.promise_event = (target, name) => {

      return new Promise(resolve => target[`on${name}`] = resolve);

};

    window.promise_source_ended = (audioCtx) => {

      const source = new ConstantSourceNode(audioCtx);

      source.start(0);

      source.stop(audioCtx.currentTime + 1/audioCtx.sampleRate);

      return promise_event(source, "ended");

};

    window.suspended_ctx = new AudioContext();

    // Perform the equivalent of test_driver.bless() to request a user gesture

    // for when the test is run from a browser.  test_driver would need to be

    // able to postMessage() to the test context, which is not available due

    // to window.open() being called with noopener (for back/forward cache).

    // Audio autoplay is expected to be allowed when run through webdriver

    // from `wpt run`.

    let button = document.createElement('button');

    button.innerHTML = 'This test requires user interaction.<br />' +

      'Please click here to allow AudioContext.';

    document.body.appendChild(button);

    button.addEventListener('click', () => {

      document.body.removeChild(button);

      suspended_ctx.resume();

    }, {once: true});

    // Wait for user gesture, if required.

    await suspended_ctx.resume();

    await suspended_ctx.suspend();

    window.ended_promise = promise_source_ended(suspended_ctx);

},

  funcAfterAssertion: async (pageA) => {

    const state = await pageA.execute_script(() => suspended_ctx.state);

    assert_equals(state, 'suspended', 'state after back()');

    const first_ended = await pageA.execute_script(async () => {

      // Wait for an ended event from a running AudioContext to provide enough

      // time to check that the ended event has not yet been dispatched from

      // the suspended ctx.

      const running_ctx = new AudioContext();

      await running_ctx.resume();

      return Promise.race([

        ended_promise.then(() => 'suspended_ctx'),

        promise_source_ended(running_ctx).then(() => 'running_ctx'),

]);

});

    assert_equals(first_ended, 'running_ctx',

                  'AudioContext of first ended event');

    await pageA.execute_script(() => {

      window.suspended_ctx.resume();

      return ended_promise;

});

},

}, 'suspend() with navigation');

</script>