service-worker-clients-claim.https.html (2855B)
1 <!doctype html> 2 <meta name="timeout" content="long"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/common/utils.js"></script> 6 <script src="/common/dispatcher/dispatcher.js"></script> 7 <script src="resources/helper.sub.js"></script> 8 <script src="/service-workers/service-worker/resources/test-helpers.sub.js"></script> 9 <script> 10 // Calling Clients.claim() on the service worker when a controlled page is in 11 // BFCache should evict the page from BFCache, as per 12 // https://github.com/w3c/ServiceWorker/issues/1038#issuecomment-291028845. 13 promise_test(async t => { 14 const pageA = new RemoteContext(token()); 15 const pageB = new RemoteContext(token()); 16 17 const urlA = location.origin + executorPath + pageA.context_id; 18 const urlB = originCrossSite + executorPath + pageB.context_id; 19 20 window.open(urlA, '_blank', 'noopener'); 21 await pageA.execute_script(waitForPageShow); 22 23 // Register a service worker after `pageA` is loaded to make `pageA` 24 // uncontrolled at this time. 25 const workerUrl = 26 'resources/service-worker.js?pipe=header(Service-Worker-Allowed,../)'; 27 const registration = 28 await service_worker_unregister_and_register(t, workerUrl, './'); 29 t.add_cleanup(_ => registration.unregister()); 30 await wait_for_state(t, registration.installing, 'activated'); 31 32 // Navigate to `urlB`. 33 await pageA.execute_script( 34 (url) => { 35 prepareNavigation(() => { location.href = url; }); 36 }, 37 [urlB]); 38 await pageB.execute_script(waitForPageShow); 39 40 // Call Clients.claim() on the service worker when `pageA` is in BFCache. 41 const controllerChanged = new Promise( 42 resolve => navigator.serviceWorker.oncontrollerchange = resolve); 43 await claim(t, registration.active); 44 await controllerChanged; 45 46 // `pageA` doesn't appear in matchAll(). 47 const clients1 = await (await fetch('/get-clients-matchall')).json(); 48 assert_true(clients1.indexOf(urlA) < 0, 49 '1: matchAll() before back navigation'); 50 51 // Back navigate and check that the page was evicted from BFCache. 52 await pageB.execute_script( 53 () => { 54 prepareNavigation(() => { history.back(); }); 55 } 56 ); 57 await pageA.execute_script(waitForPageShow); 58 await assert_not_bfcached(pageA); 59 60 // After back navigation, `pageA` appear in matchAll(), because it was newly 61 // loaded and controlled by the service worker. 62 const clients2 = await (await fetch('/get-clients-matchall')).json(); 63 const controlled2 = await pageA.execute_script( 64 () => (navigator.serviceWorker.controller !== null)); 65 assert_true(clients2.indexOf(urlA) >= 0, 66 '2: matchAll() just after back navigation'); 67 assert_true(controlled2, 68 '2: pageA should be controlled just after back navigation'); 69 70 }, 'Clients.claim() evicts pages that would be affected from BFCache'); 71 </script>