blob: 010c0b93281f3afdfabf4ff764e3c4abd95729b0 (
plain)
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
|
<!doctype html>
<title>CSS Test: CSSStyleSheet modifications after removal</title>
<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssstylesheet-interface">
<link rel="help" href="https://drafts.csswg.org/cssom/#the-cssrule-interface">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<iframe id="frm"></iframe>
<iframe id="frm2"></iframe>
<script>
test(() => {
frm.contentDocument.body.innerHTML = "<style>div {color:red}</style>";
let sheet = frm.contentDocument.querySelector("style").sheet;
assert_equals(sheet.cssRules.length, 1);
frm.remove();
document.body.offsetTop;
sheet.insertRule("span {color: green}", 0);
assert_equals(sheet.cssRules.length, 2);
}, "Modify sheet from removed iframe");
test(() => {
frm2.contentWindow.eval("let sheet = new CSSStyleSheet(); document.adoptedStyleSheets = [ sheet ];");
let sheet = frm2.contentDocument.adoptedStyleSheets[0];
assert_equals(sheet.cssRules.length, 0);
frm2.remove();
document.body.offsetTop;
sheet.insertRule("span {color: green}", 0);
assert_equals(sheet.cssRules.length, 1);
}, "Modify constructed sheet from removed iframe");
</script>
|
