<!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>