OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Notifications: Action reflection in the "notificationclick" event.</t
itle> | 4 <title>Notifications: Action reflection in the "notificationclick" event.</t
itle> |
5 <script src="../resources/testharness.js"></script> | 5 <script src="../resources/testharness.js"></script> |
6 <script src="../resources/testharnessreport.js"></script> | 6 <script src="../resources/testharnessreport.js"></script> |
7 <script src="../serviceworker/resources/test-helpers.js"></script> | 7 <script src="../serviceworker/resources/test-helpers.js"></script> |
8 <script src="resources/test-helpers.js"></script> | 8 <script src="resources/test-helpers.js"></script> |
9 </head> | 9 </head> |
10 <body> | 10 <body> |
11 <script> | 11 <script> |
12 // Tests that the action property of the "notificationclick" event in the | 12 // Tests that the action property of the "notificationclick" event in the |
13 // Service Worker accurately reflects which action was activated, if any. | 13 // Service Worker accurately reflects which action was activated, if any. |
14 | 14 |
15 async_test(function(test) { | 15 async_test(function(test) { |
16 var scope = 'resources/scope/' + location.pathname, | 16 var scope = 'resources/scope/' + location.pathname; |
17 script = 'resources/instrumentation-service-worker.js'; | 17 var script = 'instrumentation-service-worker.js'; |
| 18 var port; |
18 | 19 |
19 var options = { | 20 var options = { |
20 actions: [] | 21 actions: [] |
21 }; | 22 }; |
22 | 23 |
23 var expectedActions = []; | 24 var expectedActions = []; |
24 for (var i = 0; i < Notification.maxActions; ++i) { | 25 for (var i = 0; i < Notification.maxActions; ++i) { |
25 var action = { action: "action" + i, title: "Action " + i }; | 26 var action = { action: 'action' + i, title: 'Action ' + i }; |
26 options.actions.push(action); | 27 options.actions.push(action); |
27 expectedActions.push(action.action); | 28 expectedActions.push(action.action); |
28 } | 29 } |
29 // Expect empty string when main body of notification is activated. | 30 // Expect empty string when main body of notification is activated. |
30 expectedActions.push(""); | 31 expectedActions.push(''); |
31 | 32 |
32 testRunner.setPermission('notifications', 'granted', location.origin,
location.origin); | 33 testRunner.setPermission('notifications', 'granted', location.origin,
location.origin); |
33 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi
on(workerInfo) { | 34 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi
on(info) { |
| 35 port = info.port; |
34 // (1) Tell the Service Worker to display a Web Notification. | 36 // (1) Tell the Service Worker to display a Web Notification. |
35 workerInfo.port.postMessage({ | 37 return sendCommand(port, { |
36 command: 'show', | 38 command: 'show', |
37 | 39 |
38 title: scope, | 40 title: scope, |
39 options: options | 41 options: options |
40 }); | 42 }); |
| 43 }).then(function(data) { |
| 44 // (2) Confirm that the service worker displayed the notification
successfully. |
| 45 assert_true(data.success, 'The notification must have been display
ed.'); |
41 | 46 |
42 workerInfo.port.addEventListener('message', function(event) { | 47 // (3) Simulate a click on each button and on the notification bod
y. |
43 if (typeof event.data != 'object' || !event.data.command) { | 48 for (var i = 0; i < options.actions.length; ++i) |
44 assert_unreached('Invalid message from the Service Worker.
'); | 49 testRunner.simulateWebNotificationClick(scope, i); |
45 return; | 50 testRunner.simulateWebNotificationClick(scope, -1 /* action_index
*/); |
46 } | |
47 | 51 |
48 // (2) Listen for confirmation from the Service Worker that th
e | 52 port.addEventListener('message', function(event) { |
49 // notification's display promise has been resolved. | 53 // (4) Listen for confirmation from the Service Worker that th
e |
50 if (event.data.command == 'show') { | |
51 assert_true(event.data.success, 'The notification must hav
e been displayed.'); | |
52 for (var i = 0; i < options.actions.length; ++i) | |
53 testRunner.simulateWebNotificationClick(scope, i); | |
54 testRunner.simulateWebNotificationClick(scope, -1 /* actio
n_index */); | |
55 return; | |
56 } | |
57 | |
58 // (3) Listen for confirmation from the Service Worker that th
e | |
59 // notification has been clicked on. Make sure that the action | 54 // notification has been clicked on. Make sure that the action |
60 // property set on the NotificationEvent object is as expected
. | 55 // property set on the NotificationEvent object is as expected
. |
61 assert_equals(event.data.command, 'click', 'The notification w
as expected to be clicked.'); | 56 assert_equals(event.data.command, 'click', 'The notification w
as expected to be clicked.'); |
62 | 57 |
63 assert_equals(event.data.action, expectedActions.shift()); | 58 assert_equals(event.data.action, expectedActions.shift()); |
64 | 59 |
65 if (expectedActions.length === 0) | 60 if (expectedActions.length === 0) |
66 test.done(); | 61 test.done(); |
67 }); | 62 }); |
68 }).catch(unreached_rejection(test)); | 63 }).catch(unreached_rejection(test)); |
69 | 64 |
70 }, 'NotificationEvent action property should be reflect which action was c
licked.'); | 65 }, 'NotificationEvent action property should be reflect which action was c
licked.'); |
71 </script> | 66 </script> |
72 </body> | 67 </body> |
73 </html> | 68 </html> |
OLD | NEW |