Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/client-navigate.https.html - WPT Dashboard Interop Dashboard
<!doctype html>
<meta charset=utf-8>
<meta name="timeout" content="long">
<title>Service Worker: WindowClient.navigate</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
function wait_for_message(msg) {
return new Promise(function(resolve, reject) {
var get_message_data = function get_message_data(e) {
window.removeEventListener("message", get_message_data);
resolve(e.data);
}
window.addEventListener("message", get_message_data, false);
});
}
function run_test(controller, clientId, test) {
return new Promise(function(resolve, reject) {
var channel = new MessageChannel();
channel.port1.onmessage = function(e) {
resolve(e.data);
};
var message = {
port: channel.port2,
test: test,
clientId: clientId,
};
controller.postMessage(
message, [channel.port2]);
});
}
async function with_controlled_iframe_and_url(t, name, f) {
const SCRIPT = "resources/client-navigate-worker.js";
const SCOPE = "resources/client-navigate-frame.html";
// Register service worker and wait for it to become activated
const registration = await service_worker_unregister_and_register(t, SCRIPT, SCOPE);
t.add_cleanup(() => registration.unregister());
const worker = registration.installing;
await wait_for_state(t, worker, 'activated');
// Create child iframe and make sure we register a listener for the message
// it sends before it's created
const client_id_promise = wait_for_message();
const iframe = await with_iframe(SCOPE);
t.add_cleanup(() => iframe.remove());
const { id } = await client_id_promise;
// Run the test in the service worker and fetch it
const { result, url } = await run_test(worker, id, name);
fetch_tests_from_worker(worker);
assert_equals(result, name);
// Hand over the iframe and URL from the service worker to the callback
await f(iframe, url);
}
promise_test(function(t) {
return with_controlled_iframe_and_url(t, 'test_client_navigate_success', async (iframe, url) => {
assert_equals(
url, new URL("resources/client-navigated-frame.html",
location).toString());
assert_equals(
iframe.contentWindow.location.href,
new URL("resources/client-navigated-frame.html",
location).toString());
});
}, "Frame location should update on successful navigation");
promise_test(function(t) {
return with_controlled_iframe_and_url(t, 'test_client_navigate_redirect', async (iframe, url) => {
assert_equals(url, "");
assert_throws_dom("SecurityError", function() { return iframe.contentWindow.location.href });
});
}, "Frame location should not be accessible after redirect");
promise_test(function(t) {
return with_controlled_iframe_and_url(t, 'test_client_navigate_cross_origin', async (iframe, url) => {
assert_equals(url, "");
assert_throws_dom("SecurityError", function() { return iframe.contentWindow.location.href });
});
}, "Frame location should not be accessible after cross-origin navigation");
promise_test(function(t) {
return with_controlled_iframe_and_url(t, 'test_client_navigate_about_blank', async (iframe, url) => {
assert_equals(
iframe.contentWindow.location.href,
new URL("resources/client-navigate-frame.html",
location).toString());
iframe.contentWindow.document.body.style = "background-color: green"
});
}, "Frame location should not update on failed about:blank navigation");
promise_test(function(t) {
return with_controlled_iframe_and_url(t, 'test_client_navigate_mixed_content', async (iframe, url) => {
assert_equals(
iframe.contentWindow.location.href,
new URL("resources/client-navigate-frame.html",
location).toString());
iframe.contentWindow.document.body.style = "background-color: green"
});
}, "Frame location should not update on failed mixed-content navigation");
</script>