diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/cssom/computed-style-004.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/cssom/computed-style-004.html')
| -rw-r--r-- | testing/web-platform/tests/css/cssom/computed-style-004.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/cssom/computed-style-004.html b/testing/web-platform/tests/css/cssom/computed-style-004.html new file mode 100644 index 0000000000..c5b08712f9 --- /dev/null +++ b/testing/web-platform/tests/css/cssom/computed-style-004.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<title>CSS Test: getComputedStyle - resolved width in nested iframes dynamic width</title> +<link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org" /> +<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<iframe id="outer" width="100" scrolling="no" frameborder="0"></iframe> +<script> + const outerDoc = outer.contentWindow.document; + outerDoc.open(); + outerDoc.write('<body style="margin:0"><iframe id="inner" scrolling="no" frameborder="0" style="width:100%"></iframe>'); + outerDoc.close(); + + const innerWindow = outerDoc.querySelector("#inner").contentWindow; + const innerDoc = innerWindow.document; + innerDoc.open(); + innerDoc.write('<body style="margin:0"><div style="width:100%"></div>'); + innerDoc.close(); + innerDoc.body.offsetWidth; // Make sure we layout the top document. + + test(() => { + assert_equals(innerWindow.getComputedStyle(innerDoc.querySelector("div")).width, "100px"); + }, "Check that the initial width is 100px."); + + test(() => { + outer.setAttribute("width", "200"); + assert_equals(innerWindow.getComputedStyle(innerDoc.querySelector("div")).width, "200px"); + }, "Check that the resolved width of the inner div is affected by changing the width of outer iframe."); +</script> |