| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <title>View transitions: basic cross-document navigation in a cross-origin iframe</title> |
| <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> |
| <link rel="author" href="mailto:khushalsagar@chromium.org"> |
| <link rel="match" href="root-element-transition-iframe-ref.html"> |
| <script src="/common/reftest-wait.js"></script> |
| <script src="resources/common.js"></script> |
| <script src="/common/get-host-info.sub.js"></script> |
| |
| <iframe id="inner"></iframe> |
| <script> |
| async function runTest() { |
| let frame = document.getElementById("inner"); |
| |
| let frameLoaded = waitForMessage("loaded"); |
| frame.src = get_host_info().HTTP_REMOTE_ORIGIN + "/css/css-view-transitions/navigation/resources/root-element-transition-iframe.html?blue"; |
| await frameLoaded; |
| frame.contentWindow.postMessage("checkrendering", '*'); |
| await waitForMessage("rendered"); |
| |
| frame.src = get_host_info().HTTP_REMOTE_ORIGIN + "/css/css-view-transitions/navigation/resources/root-element-transition-iframe.html?grey"; |
| await waitForMessage("transition"); |
| |
| takeScreenshot(); |
| } |
| onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest)); |
| </script> |
| </html> |
