| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../resources/js-test-pre.js"></script> |
| <script> |
| |
| description('This tests the order by which tasks are scheduled across documents that are not similar origins.'); |
| |
| if (!window.internals) |
| testFailed('This test relies on window.internals'); |
| else { |
| jsTestIsAsync = true; |
| window.onload = startTest; |
| } |
| |
| logs = []; |
| crossOriginLogs = []; |
| |
| async function startTest() |
| { |
| const frame1 = document.createElement('iframe'); |
| document.body.appendChild(frame1); |
| |
| const frame2 = document.createElement('iframe'); |
| frame2.name = 'frame2'; |
| frame2.src = 'http://localhost:8000/eventloop/resources/eventloop-helper.html'; |
| document.body.appendChild(frame2); |
| |
| const frame3 = document.createElement('iframe'); |
| frame3.src = 'resources/eventloop-helper.html'; |
| document.body.appendChild(frame3); |
| |
| const frame4 = document.createElement('iframe'); |
| frame4.name = 'frame4'; |
| frame4.src = 'http://localhost:8000/eventloop/resources/eventloop-helper.html'; |
| |
| await waitForLoad(frame3); |
| frame3.contentDocument.body.appendChild(frame4); |
| |
| await waitForLoad(frame2); |
| await waitForLoad(frame4); |
| |
| frame3.contentWindow.internals.queueTask("DOMManipulation", () => logs.push('1')); |
| frame3.contentWindow.internals.queueTask("DOMManipulation", () => logs.push('2')); |
| internals.queueTask("DOMManipulation", () => logs.push('3')); |
| frame1.contentWindow.internals.queueTask("DOMManipulation", () => logs.push('4')); |
| internals.queueTask("DOMManipulation", () => logs.push('5')); |
| |
| frame2.contentWindow.postMessage({ |
| type: 'run', |
| order: ['frame2', 'frame2', 'self'], |
| startingNumber: 10, |
| }, '*'); |
| |
| await new Promise((resolve) => { window.resolveCrossOriginLogs = resolve; }); |
| |
| setTimeout(() => { |
| shouldBeEqualToString('logs.join(", ")', '1, 2, 3, 4, 5'); |
| shouldBeEqualToString('crossOriginLogs.join(", ")', '10, 11, 12'); |
| finishJSTest(); |
| }, 100); |
| } |
| |
| const loadedFrames = new Map; |
| onmessage = (event) => { |
| if (event.data.type == 'load') { |
| const resolve = loadedFrames.get(event.source); |
| if (resolve) |
| resolve(); |
| else |
| loadedFrames.set(event.source, null); |
| } else if (event.data.type == 'logs') { |
| crossOriginLogs = event.data.logs; |
| resolveCrossOriginLogs(); |
| } |
| } |
| |
| function waitForLoad(frame) |
| { |
| if (loadedFrames.has(frame.contentWindow)) |
| return Promise.resolve(); |
| return new Promise((resolve) => loadedFrames.set(frame.contentWindow, resolve)); |
| } |
| |
| successfullyParsed = true; |
| |
| </script> |
| <script src="../resources/js-test-post.js"></script> |
| </body> |
| </html> |
