1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
// https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-csstext
[
document.body,
document.createElement("cool-beans")
].forEach(element => {
test(t => {
t.add_cleanup(() => element.removeAttribute("style"));
element.style.background = "red";
assert_equals(element.getAttribute("style"), "background: red;");
element.style.cssText = "background:red";
assert_equals(element.getAttribute("style"), "background: red;");
}, `cssText setter should set style attribute even when there are no style changes (${element.localName})`);
test(t => {
t.add_cleanup(() => element.removeAttribute("style"));
element.setAttribute("style", "background: red");
assert_equals(element.getAttribute("style"), "background: red");
element.style.cssText = "background:red";
assert_equals(element.getAttribute("style"), "background: red;");
}, `cssText setter should set style attribute even when there are no style changes, part 2 (${element.localName})`);
test(t => {
t.add_cleanup(() => element.removeAttribute("style"));
element.setAttribute("style", "background: red");
assert_equals(element.getAttribute("style"), "background: red");
element.style.cssText = "background:red "; // trailing space
assert_equals(element.getAttribute("style"), "background: red;");
}, `cssText setter should set style attribute even when there are no style changes, part 3 (${element.localName})`);
test(t => {
t.add_cleanup(() => element.removeAttribute("style"));
element.setAttribute("style", "background: red");
assert_equals(element.getAttribute("style"), "background: red");
element.style.cssText = "background:red;";
assert_equals(element.getAttribute("style"), "background: red;");
}, `cssText setter should set style attribute even when there are no style changes, part 4 (${element.localName})`);
});
test(t => {
const style = document.createElement("style");
t.add_cleanup(() => {
document.body.removeAttribute("style");
style.remove();
});
style.textContent = `[style="background: red;"] { background:white !important; }`;
document.body.appendChild(style);
document.body.setAttribute("style", "background:red");
assert_true(document.body.matches("[style=\"background:red\"]"));
assert_equals(getComputedStyle(document.body).backgroundColor, "rgb(255, 0, 0)");
document.body.style.cssText = "background:red";
assert_equals(getComputedStyle(document.body).backgroundColor, "rgb(255, 255, 255)");
assert_true(document.body.matches("[style=\"background: red;\"]"));
}, `cssText setter and selector invalidation`);
|
