mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<!DOCTYPE type>
|
|
<title>Assorted CSS variable 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="test1">
|
|
</style>
|
|
|
|
<style id="test2">
|
|
</style>
|
|
|
|
<style id="test3">
|
|
</style>
|
|
|
|
<script>
|
|
var tests = [
|
|
function() {
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=773296#c121
|
|
var test1 = document.getElementById("test1");
|
|
test1.textContent = "p { var-a:123!important; }";
|
|
var declaration = test1.sheet.cssRules[0].style;
|
|
declaration.cssText;
|
|
declaration.setProperty("color", "black");
|
|
is(declaration.getPropertyValue("var-a"), "123");
|
|
},
|
|
|
|
function() {
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=773296#c121
|
|
var test2 = document.getElementById("test2");
|
|
test2.textContent = "p { var-a: a !important; }";
|
|
var declaration = test2.sheet.cssRules[0].style;
|
|
is(declaration.getPropertyPriority("var-a"), "important");
|
|
},
|
|
|
|
function() {
|
|
// https://bugzilla.mozilla.org/show_bug.cgi?id=955913
|
|
var test3 = document.getElementById("test3");
|
|
test3.textContent = "p { border-left-style: inset; padding: 1px; var-decoration: line-through; }";
|
|
var declaration = test3.sheet.cssRules[0].style;
|
|
is(declaration[declaration.length - 1], "var-decoration");
|
|
},
|
|
];
|
|
|
|
function runTest() {
|
|
tests.forEach(function(fn) { fn(); });
|
|
SimpleTest.finish();
|
|
}
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
SpecialPowers.pushPrefEnv({ set: [["layout.css.variables.enabled", true ]] },
|
|
runTest);
|
|
</script>
|