OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Notifications: ServiceWorkerRegistration.showNotification().</title> | 4 <title>Notifications: Property reflection in the "notificationclick" event.<
/title> |
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 showNotification() function when used in a Service Worke
r | 12 // Tests that the notification available in the "notificationclick" event
in the |
13 // resolves a promise, and that the notificationclick event gets fired whe
n | 13 // Service Worker accurately reflects the attributes with which the notifi
cation |
14 // we simulate a click on it. This test requires the test runner. | 14 // was created (for this test --) in the document. |
15 | 15 |
16 async_test(function(test) { | 16 async_test(function(test) { |
17 var scope = 'resources/scope/serviceworkerregistration-service-worker-
click', | 17 var scope = 'resources/scope/' + location.pathname, |
18 script = 'resources/instrumentation-service-worker.js'; | 18 script = 'resources/instrumentation-service-worker.js'; |
19 | 19 |
| 20 var options = { |
| 21 title: scope, |
| 22 dir: 'rtl', |
| 23 lang: 'nl-NL', |
| 24 body: 'Hello, world!', |
| 25 tag: 'tag', |
| 26 // FIXME: Relative URLs for the icon attribute currently get refle
cted as |
| 27 // an absolute URL, which should probably be the given relative UR
L. |
| 28 icon: 'https://example/icon.png', |
| 29 silent: true |
| 30 }; |
| 31 |
20 testRunner.grantWebNotificationPermission(location.origin, true); | 32 testRunner.grantWebNotificationPermission(location.origin, true); |
21 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi
on(workerInfo) { | 33 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi
on(workerInfo) { |
22 // (1) Tell the Service Worker to display a Web Notification. | 34 // (1) Tell the Service Worker to display a Web Notification. |
23 workerInfo.port.postMessage({ | 35 workerInfo.port.postMessage({ |
24 command: 'show', | 36 command: 'show', |
25 | 37 |
26 title: scope, | 38 title: scope, |
27 options: { body: 'Hello, world!' } | 39 options: options |
28 }); | 40 }); |
29 | 41 |
30 workerInfo.port.addEventListener('message', function(event) { | 42 workerInfo.port.addEventListener('message', function(event) { |
31 if (typeof event.data != 'object' || !event.data.command) { | 43 if (typeof event.data != 'object' || !event.data.command) { |
32 assert_unreached('Invalid message from the Service Worker.
'); | 44 assert_unreached('Invalid message from the Service Worker.
'); |
33 return; | 45 return; |
34 } | 46 } |
35 | 47 |
36 // (2) Listen for confirmation from the Service Worker that th
e | 48 // (2) Listen for confirmation from the Service Worker that th
e |
37 // notification's display promise has been resolved. | 49 // notification's display promise has been resolved. |
38 if (event.data.command == 'show') { | 50 if (event.data.command == 'show') { |
39 assert_true(event.data.success, 'The notification must hav
e been displayed.'); | 51 assert_true(event.data.success, 'The notification must hav
e been displayed.'); |
40 testRunner.simulateWebNotificationClick(scope); | 52 testRunner.simulateWebNotificationClick(scope); |
41 return; | 53 return; |
42 } | 54 } |
43 | 55 |
44 // (3) Listen for confirmation from the Service Worker that th
e | 56 // (3) Listen for confirmation from the Service Worker that th
e |
45 // notification has been clicked on. | 57 // notification has been clicked on. Make sure that all proper
ties |
46 if (event.data.command == 'click') { | 58 // set on the Notification object are as expected. |
47 assert_equals(event.data.notification.title, scope, 'The r
ight notification must have been clicked.'); | 59 assert_equals(event.data.command, 'click', 'The notification w
as expected to be clicked.'); |
48 | 60 |
49 test.done(); | 61 Object.keys(options).forEach(function(key) { |
50 return; | 62 assert_equals(event.data.notification[key], options[key],
'The ' + key + ' field must be the same.'); |
51 } | 63 }); |
52 | 64 |
53 assert_unreached('Unexpected message from the Service Worker:
' + event.data.command); | 65 test.done(); |
54 }); | 66 }); |
55 }).catch(unreached_rejection(test)); | 67 }).catch(unreached_rejection(test)); |
56 | 68 |
57 }, 'Clicking on a notification displayed by a Service Worker the notificat
ionclick event.'); | 69 }, 'Clicking on a notification displayed by a Service Worker the notificat
ionclick event.'); |
58 </script> | 70 </script> |
59 </body> | 71 </body> |
60 </html> | 72 </html> |
OLD | NEW |