1 files changed, 65 insertions, 0 deletions
diff --git a/testing/web-platform/tests/webaudio/the-audio-api/the-audiocontext-interface/suspend-with-navigation.html b/testing/web-platform/tests/webaudio/the-audio-api/the-audiocontext-interface/suspend-with-navigation.html
new file mode 100644
index 0000000000..b9328ae95d
--- /dev/null
+++ b/testing/web-platform/tests/webaudio/the-audio-api/the-audiocontext-interface/suspend-with-navigation.html
@@ -0,0 +1,65 @@
+<!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>