commit 1429a13c83132a1f591bc3dc8acdd54902c3142c parent a0c1bb838ec67536f3788ba44657067eff332a42 Author: Oriol Brufau <obrufau@igalia.com> Date: Wed, 3 Dec 2025 14:42:27 +0000 Bug 2003486 [wpt PR 56391] - script: Reconstruct box tree when `order` changes, a=testonly Automatic update from web-platform-tests script: Reconstruct box tree when `order` changes The CSS `order` property affects the order of boxes in the box tree. Therefore, when it changes, we need to reconstruct it. Signed-off-by: Oriol Brufau <obrufau@igalia.com> -- wpt-commits: 02084ca2607931dee261a64ec94cea11520079d2 wpt-pr: 56391 Diffstat:
| A | testing/web-platform/tests/css/css-display/order-dynamic.html | | | 43 | +++++++++++++++++++++++++++++++++++++++++++ |
1 file changed, 43 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-display/order-dynamic.html b/testing/web-platform/tests/css/css-display/order-dynamic.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<meta charset="utf-8"> +<title>CSS Test: order - dynamic changes</title> +<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> +<link rel="help" href="https://www.w3.org/TR/css-display-3/#order-property"> +<link rel="match" href="../reference/ref-filled-green-200px-square.html"> +<meta name="assert" content="Order can be changed dynamically."> + +<style> +main { + display: flex; +} +div { + height: 200px; + width: 200px; +} +#red { + position: absolute; + z-index: -1; + background: red; +} +#green { + background: green; +} +</style> + +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<main> + <div id="red"></div> + <div id="target"></div> + <div id="green"></div> +</main> + +<script src="/common/reftest-wait.js"></script> +<script src="/common/rendering-utils.js"></script> +<script> +waitForAtLeastOneFrame().then(() => { + document.getElementById("target").style.order = "1"; + takeScreenshot(); +}); +</script> +</html>