| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Terminating a presentation in a receiving browsing context</title> |
| <link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs/"> |
| <link rel="help" href="https://w3c.github.io/presentation-api/#terminating-a-presentation-in-a-receiving-browsing-context"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="common.js"></script> |
| <script src="support/stash.js"></script> |
| <style> |
| iframe { display: none; } |
| </style> |
| |
| <p>Click the button below and select the available presentation display, to start the manual test.</p> |
| <button id="presentBtn" disabled>Start Presentation Test</button> |
| <iframe id="childFrame" sandbox="allow-scripts allow-presentation" src="support/iframe.html"></iframe> |
| |
| <script> |
| setup({explicit_timeout: true}); |
| |
| let connection; |
| |
| const presentBtn = document.getElementById('presentBtn'); |
| const child = document.getElementById('childFrame'); |
| |
| child.onload = () => { presentBtn.disabled = false; }; |
| |
| presentBtn.onclick = () => { |
| presentBtn.disabled = true; |
| const stash = new Stash(stashIds.toController, stashIds.toReceiver); |
| const request = new PresentationRequest('support/PresentationConnection_terminate_receiving-ua.html'); |
| |
| promise_test(t => { |
| t.add_cleanup(() => { |
| connection.onconnect = () => { connection.terminate(); }; |
| if (connection.state === 'closed') |
| request.reconnect(connection.id); |
| else |
| connection.terminate(); |
| stash.stop(); |
| }); |
| |
| return request.start().then(c => { |
| // enable timeout again, cause no user action is needed from here. |
| t.step_timeout(() => { |
| t.force_timeout(); |
| t.done(); |
| }, 5000); |
| |
| connection = c; |
| const eventWatcher = new EventWatcher(t, connection, 'connect'); |
| return eventWatcher.wait_for('connect'); |
| }).then(() => { |
| return stash.init(); |
| }).then(() => { |
| child.contentWindow.postMessage({ type: 'connect', id: connection.id, url: connection.url }, '*'); |
| const eventWatcher1 = new EventWatcher(t, connection, 'terminate'); |
| const eventWatcher2 = new EventWatcher(t, window, 'message'); |
| return Promise.all([ eventWatcher1.wait_for('terminate'), eventWatcher2.wait_for('message') ]); |
| }).then(() => { |
| return Promise.race([ |
| stash.receive().then(data => { |
| if (data.type === 'error') |
| assert_unreached('The presentation is not terminated successfully.'); |
| }), |
| new Promise(resolve => { t.step_timeout(resolve, 2000); }) |
| ]); |
| }); |
| }); |
| }; |
| </script> |
