Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Notifications: Property reflection in the "notificationclick" event.< /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 notification available in the "notificationclick" event in the | 12 // Tests that the Persistent Notification object exposes the data property per the |
| 13 // Service Worker accurately reflects the attributes with which the notifi cation | 13 // semantics defined by the specification. |
| 14 // was created (for this test --) in the document. | |
| 15 | 14 |
| 16 async_test(function(test) { | 15 async_test(function(test) { |
| 17 var scope = 'resources/scope/' + location.pathname, | 16 var scope = 'resources/scope/' + location.pathname, |
| 18 script = 'resources/instrumentation-service-worker.js'; | 17 script = 'resources/instrumentation-service-worker.js'; |
| 19 | 18 |
| 20 var options = { | 19 var options = { |
| 21 title: scope, | 20 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 data: [ | |
| 31 { property: 'foobar', | |
| 32 string: '\uDFFF\u0000\uDBFF', | |
| 33 scalar: true }, | |
| 34 12.15 | |
| 35 ] | |
| 36 }; | 21 }; |
| 37 | 22 |
| 38 testRunner.grantWebNotificationPermission(location.origin, true); | 23 testRunner.grantWebNotificationPermission(location.origin, true); |
| 39 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi on(workerInfo) { | 24 getActiveServiceWorkerWithMessagePort(test, script, scope).then(functi on(workerInfo) { |
| 40 // (1) Tell the Service Worker to display a Web Notification. | |
| 41 workerInfo.port.postMessage({ | |
| 42 command: 'show', | |
| 43 | 25 |
| 44 title: scope, | 26 var assertNotificationDataReflects = function(value) { |
| 45 options: options | 27 // (1) Display a Web Notification from the document. |
| 46 }); | 28 options.data = value; |
| 29 workerInfo.port.postMessage({ | |
| 30 command: 'show', | |
| 31 title: scope, | |
| 32 options: options | |
| 33 }); | |
| 34 } | |
| 47 | 35 |
| 48 workerInfo.port.addEventListener('message', function(event) { | 36 workerInfo.port.addEventListener('message', function(event) { |
| 49 if (typeof event.data != 'object' || !event.data.command) { | 37 if (typeof event.data != 'object' || !event.data.command) { |
| 50 assert_unreached('Invalid message from the Service Worker. '); | 38 assert_unreached('Invalid message from the Service Worker. '); |
| 51 return; | 39 return; |
| 52 } | 40 } |
| 53 | 41 |
| 54 // (2) Listen for confirmation from the Service Worker that th e | 42 // (2) Listen for confirmation from the Service Worker that th e |
| 55 // notification's display promise has been resolved. | 43 // notification's display promise has been resolved. |
| 56 if (event.data.command == 'show') { | 44 if (event.data.command == 'show') { |
| 57 assert_true(event.data.success, 'The notification must hav e been displayed.'); | 45 assert_true(event.data.success, 'The notification must hav e been displayed.'); |
| 58 testRunner.simulateWebNotificationClick(scope); | 46 testRunner.simulateWebNotificationClick(scope); |
| 59 return; | 47 return; |
| 60 } | 48 } |
| 61 | 49 |
| 62 // (3) Listen for confirmation from the Service Worker that th e | 50 // (3) Listen for confirmation from the Service Worker that th e |
| 63 // notification has been clicked on. Make sure that all proper ties | 51 // notification has been clicked on. Make sure that data prope rties |
| 64 // set on the Notification object are as expected. | 52 // set on the Notification object are as expected. |
| 65 assert_equals(event.data.command, 'click', 'The notification w as expected to be clicked.'); | 53 if (typeof options.data === 'object') |
| 54 assert_object_equals(event.data.notification.data, data, ' The data field must be the same.'); | |
| 55 else | |
| 56 assert_equals(event.data.notification.data, options.data, 'The data field must be the same.'); | |
|
Peter Beverloo
2015/04/21 12:26:36
Does this test pass? The chronology is rather odd
Sanghyun Park
2015/04/21 13:38:34
Oops, I had mistake.
I'll re-make this.
| |
| 57 }); | |
| 58 assertNotificationDataReflects(true); // Check Boolean type | |
| 59 assertNotificationDataReflects(1024); // Check Number type | |
| 60 assertNotificationDataReflects(Number.NaN); // Check Number.NaN t ype | |
| 61 assertNotificationDataReflects('any data'); // Check String type | |
| 66 | 62 |
| 67 Object.keys(options).forEach(function(key) { | 63 var cars = new Array('Saab', 'Volvo', 'BMW'); |
| 68 if (key == 'data') | 64 assertNotificationDataReflects(cars); // Check Array type |
| 69 return; // Check "data" separately to avoid stringify ing it. | |
| 70 | 65 |
| 71 assert_equals(event.data.notification[key], options[key], 'The ' + key + ' field must be the same.'); | 66 var obj = { first: 'first', second: 'second'}; |
| 72 }); | 67 assertNotificationDataReflects(obj); // Check Object |
| 73 | 68 |
| 74 assert_object_equals(event.data.notification.data, options.dat a, 'The data field must be the same.'); | 69 test.done(); |
| 70 }).catch(unreached_rejection(test)); | |
| 75 | 71 |
| 76 test.done(); | |
| 77 }); | |
| 78 }).catch(unreached_rejection(test)); | |
| 79 | 72 |
| 80 }, 'Clicking on a notification displayed by a Service Worker the notificat ionclick event.'); | 73 }, 'Clicking on a notification displayed by a Service Worker the notificat ionclick event.'); |
| 81 </script> | 74 </script> |
| 82 </body> | 75 </body> |
| 83 </html> | 76 </html> |
| OLD | NEW |