Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /service-workers/service-worker/claim-fetch.https.html - WPT Dashboard Interop Dashboard
<!doctype html>
<meta charset=utf-8>
<title></title>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<body>
<script>
async function tryFetch(fetchFunc, path) {
let response;
try {
response = await fetchFunc(path);
} catch (err) {
throw (`fetch() threw: ${err}`);
}
let responseText;
try {
responseText = await response.text();
} catch (err) {
throw (`text() threw: ${err}`);
}
return responseText;
}
promise_test(async function(t) {
const scope = 'resources/';
const script = 'resources/claim-worker.js';
const resource = 'simple.txt';
// Create the test frame.
const frame = await with_iframe('resources/blank.html');
t.add_cleanup(() => frame.remove());
// Check the controller and test with fetch.
assert_equals(frame.contentWindow.navigator.controller, undefined,
'Should have no controller.');
let response;
try {
response = await tryFetch(frame.contentWindow.fetch, resource);
} catch (err) {
assert_unreached(`uncontrolled fetch failed: ${err}`);
}
assert_equals(response, 'a simple text file\n',
'fetch() should not be intercepted.');
// Register a service worker.
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');
// Register a controllerchange event to wait until the controller is updated
// and check if the frame is controlled by a service worker.
const controllerChanged = new Promise((resolve) => {
frame.contentWindow.navigator.serviceWorker.oncontrollerchange = () => {
resolve(frame.contentWindow.navigator.serviceWorker.controller);
};
});
// Tell the service worker to claim the iframe.
const sawMessage = new Promise((resolve) => {
const channel = new MessageChannel();
channel.port1.onmessage = t.step_func((event) => {
resolve(event.data);
});
worker.postMessage({port: channel.port2}, [channel.port2]);
});
const data = await sawMessage;
assert_equals(data, 'PASS', 'Worker call to claim() should fulfill.');
// Check if the controller is updated after claim() and test with fetch.
const controller = await controllerChanged;
assert_true(controller instanceof frame.contentWindow.ServiceWorker,
'iframe should be controlled.');
try {
response = await tryFetch(frame.contentWindow.fetch, resource);
} catch (err) {
assert_unreached(`controlled fetch failed: ${err}`);
}
assert_equals(response, 'Intercepted!',
'fetch() should be intercepted.');
}, 'fetch() should be intercepted after the client is claimed.');
</script>
</body>