| <head> |
| <script src="/resources/js-test-pre.js"></script> |
| <script src="/resources/notifications-test-pre.js"></script> |
| <script> |
| |
| function failTheTest(msg) |
| { |
| testFailed(msg); |
| if (testRunner) |
| testRunner.notifyDone(); |
| } |
| |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| testRunner.grantWebNotificationPermission(testURL); |
| setTimeout("failTheTest('timed out')", 15000); |
| } |
| |
| description("This tests that a notification shown by a service worker registration in a document can be clicked and closed, with those actions being observable by the service worker"); |
| |
| shouldBeEqualToString("Notification.permission", "granted"); |
| |
| var threwDataCloneError = false; |
| |
| async function registerServiceWorker() { |
| var registration = await navigator.serviceWorker.register('resources/shownotification-worker.js'); |
| |
| if (!registration) |
| return testFailed("No registration"); |
| |
| if (registration.active) { |
| registration.active.postMessage("Start"); |
| return; |
| } |
| |
| var installingWorker = registration.installing; |
| if (!installingWorker) |
| failTheTest("No active *or* installing worker"); |
| |
| installingWorker.addEventListener("statechange", async () => { |
| if (installingWorker.state === "activated") { |
| try { |
| await registration.showNotification("Invalid notification", { data: function() { } }); |
| } catch (error) { |
| threwDataCloneError = error.name == 'DataCloneError'; |
| } |
| shouldBeTrue('threwDataCloneError'); |
| |
| await registration.showNotification("This is a notification", { body: "body", tag: "tag", data: "foobar" }); |
| if (window.testRunner) |
| testRunner.simulateWebNotificationClickForServiceWorkerNotifications(); |
| } |
| }); |
| } |
| |
| var gotClicked = false; |
| var gotClosed = false; |
| |
| navigator.serviceWorker.addEventListener('message', async event => { |
| if (event.data == "showFailed") { |
| failTheTest("Unexpectedly received the failed-to-show message"); |
| } else if (event.data == "clicked|data:foobar") { |
| shouldBeFalse("gotClicked"); |
| shouldBeFalse("gotClosed"); |
| gotClicked = true; |
| } else if (event.data == "closed") { |
| shouldBeTrue("gotClicked") |
| shouldBeFalse("gotClosed") |
| gotClosed = true; |
| } else { |
| testFailed("Message received: " + event.data); |
| } |
| |
| if (gotClosed) { |
| testPassed("Close has been observed"); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| }); |
| |
| </script> |
| </head> |
| <body onload="registerServiceWorker()"> |
| </body> |
