diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/layout-instability/main-frame.html | |
| parent | Initial commit. (diff) | |
| download | firefox-upstream.tar.xz firefox-upstream.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/layout-instability/main-frame.html')
| -rw-r--r-- | testing/web-platform/tests/layout-instability/main-frame.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/testing/web-platform/tests/layout-instability/main-frame.html b/testing/web-platform/tests/layout-instability/main-frame.html new file mode 100644 index 0000000000..0d0bf84ddc --- /dev/null +++ b/testing/web-platform/tests/layout-instability/main-frame.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> +<body> +<title>Layout Instability: subframe layout shift score</title> +<link rel="help" href="https://wicg.github.io/layout-instability/" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + #i { + border: 0; + position: absolute; + left: 0; + top: 0; + background-color: pink; + } +</style> +<iframe id="i" width="400" height="300" src="sub-frame.html"></iframe> + +<script> +const loadPromise = new Promise(resolve => { + window.addEventListener("load", () => { + resolve(true); + }); +}); + +let iframe = document.getElementById('i'); +const load_promise = new Promise(resolve => { + iframe.addEventListener('load', function() { + resolve(true); + }); +}); + +checkMainFrameLoad = async () => { + await loadPromise; + return true; +}; + +checkIFrameLoad = async () => { + // Wait for the iframe finishing loading + await load_promise; + return true; +}; + +promise_test(async t => { + checkMainFrameLoad(); + // Wait for the iframe finishing loading + checkIFrameLoad(); + + // Wait for the message sent from the iframe after it receives all the layout + // shifts. + await new Promise(resolve => { + window.addEventListener("message", (event) => { + if (event.data.type == "layout shift score") { + t.step(() => { + assert_equals(event.data.score, event.data.expectedScore); + }); + resolve(); + } + }, false); + }); +}, ""); +</script> +</body> +</html>
\ No newline at end of file |