| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Notifications in cross origin iframes</title> |
| <link rel="help" href="https://github.com/whatwg/notifications/issues/177"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/resources/testdriver.js"></script> |
| <script src="/resources/testdriver-vendor.js"></script> |
| <script src="resources/helpers.js"></script> |
| <script> |
| // The syntax below will give us a third party URL. |
| // See: https://web-platform-tests.org/writing-tests/server-features.html |
| const thirdPartyOrigin = 'https://{{hosts[alt][]}}:{{ports[https][0]}}'; |
| const thirdPartyIframe = |
| `${thirdPartyOrigin}/notifications/resources/cross-origin-serviceworker-iframe.sub.html`; |
| let promise; |
| |
| promise_setup(async () => { |
| await trySettingPermission("granted"); |
| |
| promise = new Promise(r => window.addEventListener("message", ev => { |
| if ("shown" in ev.data) { |
| r(ev.data) |
| } |
| })); |
| |
| const iframe = document.createElement("iframe"); |
| iframe.src = thirdPartyIframe; |
| document.body.append(iframe); |
| }) |
| |
| promise_test(async t => { |
| const result = await promise; |
| assert_false(result.shown, `notification should not be shown`); |
| }, "third party serviceworker"); |
| </script> |
