OLD | NEW |
(Empty) | |
| 1 <html> |
| 2 <head> |
| 3 <script src="../inspector-test.js"></script> |
| 4 <script src="service-workers-test.js"></script> |
| 5 <script> |
| 6 |
| 7 function initializeServiceWorker(script, scope) { |
| 8 return navigator.serviceWorker.register(script, {scope: scope}) |
| 9 .then(reg => waitForActivated(reg.installing)); |
| 10 } |
| 11 |
| 12 function waitForActivated(worker) { |
| 13 if (worker.state === 'activated') |
| 14 return Promise.resolve(); |
| 15 if (worker.state === 'redundant') |
| 16 return Promise.reject(new Error('The worker is redundant')); |
| 17 return new Promise(resolve => { |
| 18 worker.addEventListener('statechange', _ => { |
| 19 if (worker.state === 'activated') |
| 20 resolve(); |
| 21 }); |
| 22 }); |
| 23 } |
| 24 |
| 25 function loadIframe(url) |
| 26 { |
| 27 var callback; |
| 28 var promise = new Promise((fulfill) => callback = fulfill); |
| 29 var frame = document.createElement('iframe'); |
| 30 frame.src = url; |
| 31 frame.onload = callback; |
| 32 document.body.appendChild(frame); |
| 33 return promise; |
| 34 } |
| 35 |
| 36 function test() |
| 37 { |
| 38 var scriptURL = "http://127.0.0.1:8000/inspector/service-workers/resources/n
avigation-preload-worker.php"; |
| 39 var scope = "http://127.0.0.1:8000/inspector/service-workers/resources/navig
ation-preload-scope.php"; |
| 40 var preloadRequestIDs = {}; |
| 41 |
| 42 function onRequestStarted(event) |
| 43 { |
| 44 var request = event.data; |
| 45 if (request.initiator().type != "preload") { |
| 46 return; |
| 47 } |
| 48 preloadRequestIDs[request.requestId()] = true; |
| 49 InspectorTest.addResult("onRequestStarted:"); |
| 50 InspectorTest.addResult(" url: " + request.url()); |
| 51 } |
| 52 |
| 53 function onResponseReceived(event) |
| 54 { |
| 55 var request = event.data; |
| 56 if (!preloadRequestIDs[request.requestId()]) { |
| 57 return; |
| 58 } |
| 59 InspectorTest.addResult("onResponseReceived:"); |
| 60 InspectorTest.addResult(" timing available: " + !!request.timing); |
| 61 request.requestHeaders().map(header => { |
| 62 if (header.name == 'Service-Worker-Navigation-Preload') { |
| 63 InspectorTest.addResult( |
| 64 " requestHeaders['Service-Worker-Navigation-Preload']: " + |
| 65 header.value); |
| 66 } |
| 67 }) |
| 68 } |
| 69 function onRequestFinished(event) |
| 70 { |
| 71 var request = event.data; |
| 72 if (!preloadRequestIDs[request.requestId()]) { |
| 73 return; |
| 74 } |
| 75 InspectorTest.addResult("onRequestFinished:"); |
| 76 if (request.localizedFailDescription) { |
| 77 InspectorTest.addResult(" localizedFailDescription: " + |
| 78 request.localizedFailDescription); |
| 79 } |
| 80 } |
| 81 |
| 82 SDK.targetManager.addModelListener( |
| 83 SDK.NetworkManager, |
| 84 SDK.NetworkManager.Events.RequestStarted, |
| 85 onRequestStarted); |
| 86 SDK.targetManager.addModelListener( |
| 87 SDK.NetworkManager, |
| 88 SDK.NetworkManager.Events.ResponseReceived, |
| 89 onResponseReceived); |
| 90 SDK.targetManager.addModelListener( |
| 91 SDK.NetworkManager, |
| 92 SDK.NetworkManager.Events.RequestFinished, |
| 93 onRequestFinished); |
| 94 |
| 95 |
| 96 InspectorTest.callFunctionInPageAsync("initializeServiceWorker", |
| 97 [ scriptURL, scope ]) |
| 98 .then(_ => { |
| 99 InspectorTest.addResult("-----------------"); |
| 100 InspectorTest.addResult("Loading an iframe."); |
| 101 return InspectorTest.callFunctionInPageAsync("loadIframe", [ scope ]); |
| 102 }) |
| 103 .then(_ => { |
| 104 InspectorTest.addResult("The iframe loaded."); |
| 105 InspectorTest.addResult("-----------------"); |
| 106 InspectorTest.addResult("Loading another iframe."); |
| 107 return InspectorTest.callFunctionInPageAsync( |
| 108 "loadIframe", [ scope + "?BrokenChunked"]); |
| 109 }) |
| 110 .then(_ => { |
| 111 InspectorTest.addResult("The iframe loaded."); |
| 112 InspectorTest.addResult("-----------------"); |
| 113 InspectorTest.addResult("Loading another iframe."); |
| 114 return InspectorTest.callFunctionInPageAsync( |
| 115 "loadIframe", [ scope + "?RedirectError"]); |
| 116 }) |
| 117 .then(_ => { |
| 118 InspectorTest.addResult("The iframe loaded."); |
| 119 InspectorTest.addResult("-----------------"); |
| 120 InspectorTest.addResult("Done"); |
| 121 InspectorTest.completeTest(); |
| 122 }); |
| 123 } |
| 124 |
| 125 </script> |
| 126 </head> |
| 127 <body onload="runTest()"> |
| 128 <p>Tests the navigation request related events are available in the DevTools</p> |
| 129 </body> |
| 130 </html> |
OLD | NEW |