1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
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>
|
