third_party/WebKit/LayoutTests/http/tests/notifications/serviceworkerregistration-service-worker-image-slow.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <title>Notifications: Showing a notification with an image that takes some time to load.</title>
   5     <script src="../resources/testharness.js"></script>
   6     <script src="../resources/testharnessreport.js"></script>
   7     <script src="../serviceworker/resources/test-helpers.js"></script>
   8     <script src="resources/test-helpers.js"></script>
   9   </head>
  10   <body>
  11     <script>
  12       // Tests that showing a notification with an image that takes a non-trivial
  13       // time to load still ends up resolving the promise.
  14
  15       async_test(function(test) {
  16           var scope = 'resources/scope/' + location.pathname,
  17               script = 'resources/instrumentation-service-worker.js';
  18
  19           testRunner.setPermission('notifications', 'granted', location.origin, location.origin);
  20           getActiveServiceWorkerWithMessagePort(test, script, scope).then(function(info) {
  21               // (1) Display a Web Notification through the Service Worker with
  22               // an image that takes 200ms to load.
  23               info.port.postMessage({
  24                   command: 'show',
  25
  26                   title: 'My Notification',
  27                   options: { body: 'Hello, world!',
  28                              icon: '/resources/slow-image.php?redirect_name=square100.png&mimeType=image/png&sleep=200' }
  29               });
  30
  31               info.port.addEventListener('message', function(event) {
  32                   if (typeof event.data != 'object' || !event.data.command) {
  33                       assert_unreached('Invalid message from the Service Worker.');
  34                       return;
  35                   }
  36
  37                   // (2) Listen for confirmation from the Service Worker that the
  38                   // notification could be displayed as expected.
  39                   assert_equals(event.data.command, 'show');
  40                   assert_true(event.data.success);
  41
  42                   test.done();
  43               });
  44           }).catch(unreached_rejection(test));
  45
  46       }, 'Displaying a notification with an image that takes some time to load still resolves the promise.');
  47     </script>
  48   </body>
  49 </html>