| <!DOCTYPE html> |
| <title>Service Worker: Clients.matchAll with various clientTypes</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="resources/test-helpers.sub.js"></script> |
| <script> |
| const scope = 'resources/clients-matchall-client-types'; |
| const iframe_url = scope + '-iframe.html'; |
| const shared_worker_url = scope + '-shared-worker.js'; |
| const dedicated_worker_url = scope + '-dedicated-worker.js'; |
| |
| /* visibilityState, focused, url, type, frameType */ |
| const expected_only_window = [ |
| ['visible', true, new URL(iframe_url, location).href, 'window', 'nested'] |
| ]; |
| const expected_only_shared_worker = [ |
| [undefined, undefined, new URL(shared_worker_url, location).href, 'sharedworker', 'none'] |
| ]; |
| const expected_only_dedicated_worker = [ |
| [undefined, undefined, new URL(dedicated_worker_url, location).href, 'worker', 'none'] |
| ]; |
| |
| // These are explicitly sorted by URL in the service worker script. |
| const expected_all_clients = [ |
| expected_only_dedicated_worker[0], |
| expected_only_window[0], |
| expected_only_shared_worker[0], |
| ]; |
| |
| async function test_matchall(frame, expected, query_options) { |
| // Make sure the frame gets focus. |
| frame.focus(); |
| const data = await new Promise(resolve => { |
| const channel = new MessageChannel(); |
| channel.port1.onmessage = e => resolve(e.data); |
| frame.contentWindow.navigator.serviceWorker.controller.postMessage( |
| {port:channel.port2, options:query_options}, |
| [channel.port2]); |
| }); |
| |
| if (typeof data === 'string') { |
| throw new Error(data); |
| } |
| |
| assert_equals(data.length, expected.length, 'result count'); |
| |
| for (let i = 0; i < data.length; ++i) { |
| assert_array_equals(data[i], expected[i]); |
| } |
| } |
| |
| promise_test(async t => { |
| const registration = await service_worker_unregister_and_register( |
| t, 'resources/clients-matchall-worker.js', scope); |
| t.add_cleanup(_ => registration.unregister()); |
| await wait_for_state(t, registration.installing, 'activated'); |
| const frame = await with_iframe(iframe_url); |
| t.add_cleanup(_ => frame.remove()); |
| await test_matchall(frame, expected_only_window, {}); |
| await test_matchall(frame, expected_only_window, {type:'window'}); |
| }, 'Verify matchAll() with window client type'); |
| |
| promise_test(async t => { |
| const registration = await service_worker_unregister_and_register( |
| t, 'resources/clients-matchall-worker.js', scope); |
| t.add_cleanup(_ => registration.unregister()); |
| await wait_for_state(t, registration.installing, 'activated'); |
| const frame = await with_iframe(iframe_url); |
| t.add_cleanup(_ => frame.remove()); |
| |
| // Set up worker clients. |
| const shared_worker = await new Promise((resolve, reject) => { |
| const w = new SharedWorker(shared_worker_url); |
| w.onerror = e => reject(e.message); |
| w.port.onmessage = _ => resolve(w); |
| }); |
| const dedicated_worker = await new Promise((resolve, reject) => { |
| const w = new Worker(dedicated_worker_url); |
| w.onerror = e => reject(e.message); |
| w.onmessage = _ => resolve(w); |
| w.postMessage('Start'); |
| }); |
| |
| await test_matchall(frame, expected_only_window, {}); |
| await test_matchall(frame, expected_only_window, {type:'window'}); |
| await test_matchall(frame, expected_only_shared_worker, |
| {type:'sharedworker'}); |
| await test_matchall(frame, expected_only_dedicated_worker, {type:'worker'}); |
| await test_matchall(frame, expected_all_clients, {type:'all'}); |
| }, 'Verify matchAll() with {window, sharedworker, worker} client types'); |
| |
| </script> |