| <!-- webkit-test-runner [ UsesBackForwardCache=true ] --> |
| <!DOCTYPE html> |
| <html> |
| <body> |
| <p>This tests that pageshow event is fired before the object element loads when a document in the page cache is restored.</p> |
| <div id="result"></div> |
| <script> |
| |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| testRunner.waitUntilDone(); |
| } |
| |
| let newWindow; |
| function start() { |
| result.textContent = 'Running...'; |
| newWindow = window.open(URL.createObjectURL(newPage)); |
| } |
| |
| const newPage = new Blob([`<!DOCTYPE html> |
| <html> |
| <body> |
| <p>This is new page.</p> |
| <iframe id="iframe2"></iframe> |
| <iframe id="iframe1"></iframe> |
| <script> |
| window.pageShowed = false; |
| |
| iframe2.onload = () => { |
| opener.postMessage({step: 'opened'}, '*'); |
| } |
| onmessage = () => { |
| opener.postMessage({step: 'ready'}, '*'); |
| } |
| |
| iframe1.contentDocument.body.innerHTML = '<span>hello</span>'; |
| iframe2.src = URL.createObjectURL(opener.subframePage); |
| |
| </scr` + `ipt> |
| </body> |
| </html>`], {'type': 'text/html'}); |
| |
| window.subframePage = new Blob([`<!DOCTYPE html> |
| <html> |
| <body> |
| <object id="object1"></object> |
| <script> |
| window.addEventListener('pagehide', () => { |
| const object1 = window.object1; |
| object1.remove(); |
| document.body.appendChild(object1); |
| object1.addEventListener('beforeload', () => { |
| top.opener.postMessage({step: 'check', pageShowed: !!top.iframe1.contentDocument.body.firstChild.offsetHeight}, '*'); |
| }, {once: true}); |
| }); |
| </sc` + `ript> |
| </body> |
| </html>`], {'type': 'text/html'}); |
| |
| const secondPage = new Blob([`<!DOCTYPE html> |
| <html> |
| <body onload="opener.postMessage({step: 'navigated'}, '*')"> |
| <p>second page.</p> |
| </body> |
| </html>`], {'type': 'text/html'}); |
| |
| let isLastStep = false; |
| onmessage = (event) => { |
| if (isLastStep && event.data.step != 'check') |
| return; |
| switch (event.data.step) { |
| case 'opened': |
| newWindow.postMessage('getready', '*'); |
| break; |
| case 'ready': |
| newWindow.location = URL.createObjectURL(secondPage); |
| break; |
| case 'navigated': |
| isLastStep = true; |
| newWindow.history.back(); |
| break; |
| case 'check': |
| result.textContent = event.data.pageShowed ? 'PASS' : 'FAIL'; |
| newWindow.close(); |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| break; |
| } |
| } |
| |
| if (window.testRunner) |
| window.onload = start; |
| else |
| document.write('<button onclick="start()">Start</button>'); |
| |
| setTimeout(() => testRunner.notifyDone(), 3000); |
| |
| </script> |
| </body> |
| </html> |
