diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /layout/style/test/test_mq_changes_in_iframe.html | |
parent | Initial commit. (diff) | |
download | thunderbird-upstream.tar.xz thunderbird-upstream.zip |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
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> |