diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
| commit | 2aa4a82499d4becd2284cdb482213d541b8804dd (patch) | |
| tree | b80bf8bf13c3766139fbacc530efd0dd9d54394c /layout/style/test/test_mq_changes_in_iframe.html | |
| parent | Initial commit. (diff) | |
| download | firefox-2aa4a82499d4becd2284cdb482213d541b8804dd.tar.xz firefox-2aa4a82499d4becd2284cdb482213d541b8804dd.zip | |
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/style/test/test_mq_changes_in_iframe.html')
| -rw-r--r-- | layout/style/test/test_mq_changes_in_iframe.html | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/layout/style/test/test_mq_changes_in_iframe.html b/layout/style/test/test_mq_changes_in_iframe.html new file mode 100644 index 0000000000..3a36476c42 --- /dev/null +++ b/layout/style/test/test_mq_changes_in_iframe.html @@ -0,0 +1,54 @@ +<!DOCTYPE HTML> +<html> +<head> + <meta charset="utf-8"> + <title>Media feature value change propagation in an iframe</title> + <script src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" href="/tests/SimpleTest/test.css"/> +</head> +<body> +<p id="display"></p> +<div id="content" style="display: none"></div> +<iframe id="iframe"></iframe> +<pre id="test"></pre> +<script> +add_task(async () => { + const mqString = "(prefers-reduced-motion: reduce)"; + + await SpecialPowers.pushPrefEnv({ set: [['ui.prefersReducedMotion', 0]]}); + + iframe.src = SimpleTest.getTestFileURL("mq_changes_child.html") + .replace("mochi.test:8888", "example.com"); + await new Promise(resolve => window.addEventListener("message", event => { + if (event.data == "ready") { + resolve(); + } + }, { once: true } )); + + const mql = matchMedia(mqString); + ok(!mql.matches, `Doesn't matches ${mqString}`); + + const changedInThisDocument = new Promise(resolve => { + mql.addEventListener("change", event => { resolve(event.matches); }); + }); + const changedInIFrame = new Promise(resolve => { + window.addEventListener("message", event => { + if ("matches" in event.data) { + resolve(event.data.matches); + } + }, { once: true }); + }); + + await SpecialPowers.pushPrefEnv({ set: [['ui.prefersReducedMotion', 1]]}); + + const results = + await Promise.allSettled([ changedInThisDocument, changedInIFrame ]); + + results.forEach(result => { + is(result.status, "fulfilled"); + ok(result.value, `Matches ${mqString}`); + }); +}); +</script> +</body> +</html> |