summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/notifications/shownotification-resolve-manual.https.html
blob: a73b11d100afe9c3c8b80199b8a43147878a124a (plain)
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
<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<script>
const worker = 'resources/shownotification-sw.js';

function reset() {
  return navigator.serviceWorker.getRegistrations().then(registrations => {
    return Promise.all(registrations.map(r => r.unregister()));
  });
}

function getNewestWorker(reg) {
  return reg.installing || reg.waiting || reg.active;
}

function registerSwAndGetWorker() {
  return reset()
    .then(() => navigator.serviceWorker.register(worker))
    .then(getNewestWorker);
}

promise_test(() => {
  // Get notification permission
  return Notification.requestPermission().then(permission => {
    if (permission != "granted") {
      throw Error('You must allow notifications for this origin before running this test.');
    }
    return registerSwAndGetWorker();
  }).then(worker => {
    return new Promise(resolve => {
      // Wait for the service worker to post a message with type 'notification-data'.
      navigator.serviceWorker.onmessage = event => {
        if (event.data && event.data.type == 'notification-data') {
          resolve(event.data);
          navigator.serviceWorker.onmessage = null;
        }
      };

      // Ask the service worker to run the test.
      worker.postMessage('test-shownotification');
    })
  }).then(result => {
    assert_true(result.notificationReturned, `Notification appeared in getNotifications`);
    // The icon is delayed by 2000ms, so showNotification should have taken at least 1900 to resolve.
    assert_greater_than(result.resolveDuration, 1900, `showNotification appeared to wait for icon load`);
  });
}, 'showNotification resolves after icon fetch');

</script>
</body>