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_variables_order.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_variables_order.html')
-rw-r--r-- | layout/style/test/test_variables_order.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/layout/style/test/test_variables_order.html b/layout/style/test/test_variables_order.html new file mode 100644 index 0000000000..5adb9edf75 --- /dev/null +++ b/layout/style/test/test_variables_order.html @@ -0,0 +1,53 @@ +<!DOCTYPE type> +<title>CSS variables order tests</title> +<script src="/MochiKit/MochiKit.js"></script> +<script src="/tests/SimpleTest/SimpleTest.js"></script> +<link rel="stylesheet" href="/tests/SimpleTest/test.css" type="text/css"> + +<style id="test"> +</style> + +<div id="t4"></div> + +<script> + +/* + * Although the spec does not enforce any specific order, Gecko and Servo + * implement a consistent ordering for CSSDeclaration objects in the DOM. + * CSSDeclarations expose property names as indexed properties, which need + * to be stable. This order is the order that properties are cascaded in. + * + * We have this test just to prevent regressions, rather than testing specific + * mandated behavior. + */ + +function prepareTest() { + var e = document.createElement("link"); + e.addEventListener("load", runTest); + e.setAttribute("rel", "stylesheet"); + e.setAttribute("href", "support/external-variable-url.css"); + document.head.appendChild(e); +} + +function runTest() { + var test = document.getElementById("test"); + test.textContent = "div { --SomeVariableName: a; }"; + + var declaration = test.sheet.cssRules[0].style; + is(declaration.item(0), "--SomeVariableName", "custom property name returned by item() on style declaration"); + is(declaration[0], "--SomeVariableName", "custom property name returned by indexed getter on style declaration"); + + var element = document.getElementById("t4"); + var cs = window.getComputedStyle(element); + + ["--SomeVariableName", "--a"].forEach((varName, index) => { + is(cs.item(cs.length - (index + 1)), varName, "custom property name returned by item() on computed style"); + is(cs[cs.length - (index + 1)], varName, "custom property name returned by indexed getter on style declaration"); + }); + + SimpleTest.finish(); +} + +SimpleTest.waitForExplicitFinish(); +prepareTest(); +</script> |