85 lines
4.4 KiB
HTML
85 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>Firing a connectionavailable event at a controlling user agent</title>
|
|
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs">
|
|
<link rel="help" href="https://w3c.github.io/presentation-api/#starting-a-presentation">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="common.js"></script>
|
|
<p>Click the button below and select the available presentation display, to start the manual test.</p>
|
|
<button id="presentBtn">Start Presentation Test</button>
|
|
|
|
|
|
<script>
|
|
// disable the timeout function for the tests
|
|
setup({explicit_timeout: true});
|
|
|
|
// ----------
|
|
// DOM Object
|
|
// ----------
|
|
const presentBtn = document.getElementById('presentBtn');
|
|
|
|
// --------------------------------------------------------------------------
|
|
// Start New PresentationRequest.onconnectionavailable Test (success) - begin
|
|
// --------------------------------------------------------------------------
|
|
promise_test(t => {
|
|
const clickWatcher = new EventWatcher(t, presentBtn, 'click');
|
|
const request = new PresentationRequest(presentationUrls);
|
|
let connection;
|
|
|
|
t.add_cleanup(() => {
|
|
if (connection) {
|
|
connection.onconnect = () => { connection.terminate(); };
|
|
if (connection.state === 'closed')
|
|
request.reconnect(connection.id);
|
|
else
|
|
connection.terminate();
|
|
}
|
|
});
|
|
|
|
const watchEvent = (obj, watcher, type) => {
|
|
const watchHandler = new Promise(resolve => {
|
|
obj['on' + type] = evt => { resolve(evt); };
|
|
});
|
|
return Promise.all([ watchHandler, watcher.wait_for(type) ]).then(results => {
|
|
assert_equals(results[0], results[1], 'Both on' + type + ' and addEventListener pass the same event object.');
|
|
return results[0];
|
|
});
|
|
};
|
|
|
|
return clickWatcher.wait_for('click').then(() => {
|
|
presentBtn.disabled = true;
|
|
|
|
// Note: During starting a presentation, the connectionavailable event is fired (step 9)
|
|
// after the promise P is resolved (step 8).
|
|
return request.start();
|
|
}).then(c => {
|
|
connection = c;
|
|
assert_equals(connection.state, 'connecting', 'The initial state of the presentation connection is "connecting".');
|
|
assert_true(!!connection.id, 'The connection ID is set.');
|
|
assert_equals(typeof connection.id, 'string', 'The connection ID is a string.');
|
|
assert_true(connection instanceof PresentationConnection, 'The connection is an instance of PresentationConnection.');
|
|
|
|
const eventWatcher = new EventWatcher(t, request, 'connectionavailable');
|
|
const timeout = new Promise((_, reject) => {
|
|
// This test fails if request.onconnectionavailable is not invoked although the presentation is started successfully
|
|
// or the presentation fails to be started.
|
|
t.step_timeout(() => { reject('The connectionavailable event was not fired (timeout).'); }, 5000);}
|
|
);
|
|
return Promise.race([ watchEvent(request, eventWatcher, 'connectionavailable'), timeout ]);
|
|
}).then(evt => {
|
|
assert_true(evt instanceof PresentationConnectionAvailableEvent, 'An event using PresentationConnectionAvailableEvent is fired.');
|
|
assert_true(evt.isTrusted, 'The event is a trusted event.');
|
|
assert_false(evt.bubbles, 'The event does not bubbles.');
|
|
assert_false(evt.cancelable, 'The event is not cancelable.');
|
|
assert_equals(evt.type, 'connectionavailable', 'The event name is "connectionavailable".');
|
|
assert_equals(evt.target, request, 'event.target is the presentation request.');
|
|
assert_true(evt.connection instanceof PresentationConnection, 'event.connection is a presentation connection.');
|
|
assert_equals(evt.connection, connection, 'event.connection is set to the presentation which the promise is resolved with.');
|
|
});
|
|
});
|
|
// ------------------------------------------------------------------------
|
|
// Start New PresentationRequest.onconnectionavailable Test (success) - end
|
|
// ------------------------------------------------------------------------
|
|
</script>
|
|
|