diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/layout-instability/main-frame.html | |
parent | Initial commit. (diff) | |
download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
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 |