mirror of
https://github.com/servo/servo.git
synced 2025-07-12 09:53:40 +01:00
84 lines
2.8 KiB
HTML
84 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>Closing a PresentationConnection</title>
|
|
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs">
|
|
<link rel="help" href="https://w3c.github.io/presentation-api/#closing-a-presentationconnection">
|
|
<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>
|
|
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_onclose_receiving-ua.html');
|
|
|
|
return request.start().then(c => {
|
|
connection = c;
|
|
return stash.init();
|
|
}).then(() => {
|
|
return stash.receive();
|
|
}).then(data => {
|
|
const result = JSON.parse(data);
|
|
if (result.type === 'ok') {
|
|
return request.reconnect(connection.id).then(() => data);
|
|
}
|
|
else
|
|
return data;
|
|
}).then(data => {
|
|
const result = JSON.parse(data);
|
|
if (result.type === 'ok') {
|
|
connection.onclose = null;
|
|
connection.close();
|
|
return stash.receive();
|
|
}
|
|
else
|
|
return data;
|
|
}).then(data => {
|
|
const result = JSON.parse(data);
|
|
if (result.type === 'ok') {
|
|
child.contentWindow.postMessage({ type: 'connect', id: connection.id, url: connection.url }, '*');
|
|
return stash.receive();
|
|
}
|
|
else
|
|
return data;
|
|
}).then(data => {
|
|
const result = JSON.parse(data);
|
|
if (result.type === 'ok') {
|
|
child.parentNode.removeChild(child);
|
|
return stash.receive();
|
|
}
|
|
else
|
|
return data;
|
|
}).then(result => {
|
|
const json = JSON.parse(result);
|
|
// notify receiver's results of a parent window (e.g. test runner)
|
|
if (window.opener && 'completion_callback' in window.opener) {
|
|
window.opener.completion_callback(json.tests, json.status);
|
|
}
|
|
// display receiver's results as HTML
|
|
const log = document.createElement('div');
|
|
log.id = 'log';
|
|
log.innerHTML = json.log;
|
|
document.body.appendChild(log);
|
|
|
|
connection.onconnect = () => { connection.terminate(); };
|
|
if (connection.state === 'closed')
|
|
request.reconnect(connection.id);
|
|
else
|
|
connection.terminate();
|
|
});
|
|
};
|
|
</script>
|