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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
|
<!DOCTYPE html>
<meta charset="utf-8">
<title>Presentation API - controlling ua - sandboxing</title>
<link rel="author" title="Francois Daoust" href="https://www.w3.org/People/#fd">
<link rel="author" title="Tomoyuki Shimizu" href="https://github.com/tomoyukilabs/">
<link rel="help" href="http://w3c.github.io/presentation-api/#dom-presentationrequest-start">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../common.js"></script>
<script>
add_completion_callback((tests, status) => {
// remove unserializable attributes, then send the result to the parent window
// note: a single test result is supposed to appear here.
parent.window.postMessage(JSON.parse(JSON.stringify({
type: 'presentation-api', test: tests[0], status: status
})), '*');
});
// disable timeout for manual tests
setup({explicit_timeout: true});
window.onmessage = function (ev) {
try {
// Presentation URLs are relative to the "controlling-ua" folder,
// update relative URLs for this folder
var urls = presentationUrls.map(function (url) {
if (/:\/\//.test(url)) {
return url;
}
else {
return '../' + url;
}
});
var request = null;
if (ev.data === 'create') {
try {
request = new PresentationRequest(urls);
parent.window.postMessage('success', '*');
}
catch (err) {
parent.window.postMessage(err.name, '*');
}
}
else if (ev.data === 'start') {
request = new PresentationRequest(urls);
request.start()
.then(function () {
parent.window.postMessage('success', '*');
})
.catch(function (err) {
if ((err.name === 'NotFoundError') ||
(err.name === 'NotAllowedError')) {
// These errors either mean that the user dismissed the dialog
// box or that the UA could not find any available or suitable
// screen. This is equivalent of succeeding for the purpose of
// iframe tests.
parent.window.postMessage('success', '*');
}
else {
parent.window.postMessage(err.name, '*');
}
});
}
else if (ev.data === 'reconnect') {
request = new PresentationRequest(urls);
request.reconnect('someid')
.then(function () {
parent.window.postMessage('success', '*');
})
.catch(function (err) {
parent.window.postMessage(err.name, '*');
});
}
else if (ev.data.match(/^reconnect\?id=(.*)$/)) {
promise_test(function (t) {
var presentationId = RegExp.$1;
var phase = -1, actual = -1, connection, waitConnection;
var description = [
"Phase #1: Promise is resolved",
"Phase #2: 'connectionavailable' event fired",
"Phase #3: 'connect' event fired"
].map(d => { return '(Reconnecting in a nested browsing context) ' + d; });
var count = function(evt) { actual++; return evt; };
var checkPhase = function(evt) {
phase++;
assert_equals(description[actual], description[phase], 'Event order is incorrect.');
return evt;
};
request = new PresentationRequest(urls);
var eventWatcher = new EventWatcher(t, request, 'connectionavailable');
var waitConnectionavailable = eventWatcher.wait_for('connectionavailable').then(count).then(function (evt) {
connection = connection || evt.connection; return evt;
});
return request.reconnect(presentationId).then(count).then(checkPhase).then(function (c) {
// Reconnecting Phase #1: Promise is resolved
connection = c;
assert_equals(connection.state, 'connecting', 'Check the initial state of the presentation connection.');
assert_equals(connection.id, presentationId, "The same presentation ID is set to the newly created presentation connection.");
assert_true(connection instanceof PresentationConnection, 'The connection is an instance of PresentationConnection.');
var eventWatcher = new EventWatcher(t, connection, 'connect');
waitConnect = eventWatcher.wait_for('connect').then(count);
// Reconnecting Phase #2: "connectionavailable" event is fired
return waitConnectionavailable;
}).then(checkPhase).then(function (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.');
// Reconnecting Phase #3: "connect" event is fired
return waitConnect;
}).then(checkPhase).then(function (evt) {
assert_true(evt.isTrusted && !evt.bubbles && !evt.cancelable && evt instanceof Event, 'A simple event is fired.');
assert_equals(evt.type, 'connect', 'The event name is "connect".');
assert_equals(evt.target, connection, 'event.target is the presentation connection.');
assert_equals(connection.state, 'connected', 'The presentation connection state is set to "connected".');
parent.window.postMessage({ type: 'presentation-api', test: { status: 0 } }, '*');
var terminateWatcher = new EventWatcher(t, connection, 'terminate');
// "terminate" event is fired
return terminateWatcher.wait_for('terminate');
}).then(function (evt) {
assert_true(evt.isTrusted && !evt.bubbles && !evt.cancelable && evt instanceof Event, 'A simple event is fired.');
assert_equals(evt.type, 'terminate', 'The event name is "terminate".');
assert_equals(evt.target, connection, 'event.target is the presentation connection.');
assert_equals(connection.state, 'terminated', 'The presentation connection state is set to "terminated".');
});
});
}
else if (ev.data.match(/^terminate\?id=(.*)$/)) {
var presentationId = RegExp.$1;
request = new PresentationRequest(urls);
request.reconnect(presentationId)
.then(function (c) {
parent.window.postMessage('reconnected', '*');
c.onterminate = function(evt) {
parent.window.postMessage({
isSimpleEvent: evt.isTrusted && !evt.bubbles && !evt.cancelable && evt instanceof Event,
type: evt.type,
checkConnection: evt.target === c,
state: c.state
}, '*');
};
})
.catch(function (err) {
parent.window.postMessage(err.name, '*');
});
}
else if (ev.data === 'getAvailability') {
request = new PresentationRequest(urls);
request.getAvailability()
.then(function () {
parent.window.postMessage('success', '*');
})
.catch(function (err) {
if (err.name === 'NotSupportedError') {
parent.window.postMessage('success', '*');
}
else {
parent.window.postMessage(err.name, '*');
}
});
}
}
catch (err) {
parent.window.postMessage('Could not create PresentationRequest', '*');
}
}
parent.window.postMessage('ready', '*');
</script>
|
