blob: 1f621f5e9c0064851b6e36ef258d7005b519bf7e (
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
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
|
<!DOCTYPE html>
<html>
<head>
<title>Stylesheets not removed from StyleSheetList when disabled</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<link id="s1" rel="stylesheet" title="set" href="data:text/css,#e1{color:red}">
<link id="s2" rel="alternate stylesheet" type="text/css" title="set" href="data:text/css,#e2{color:red}">
<link id="s3" rel="stylesheet" type="text/css" href="data:text/css,#e3{color:red}">
<style id="s4">#e4{color:red}</style>
<style id="s5" title="set">#e5{color:red}</style>
<script>
var initialTest = async_test("Check that all stylesheets are initially present in document.styleSheets");
var colorTest = async_test("Check that no stylesheets are applied when disabled");
var testObj = new Object;
for (var i=0; i<5; i++) {
testObj[i] = async_test("#s"+(i+1)+" accessible through document.styleSheets after disabling");
}
onload = function(){
var count = document.styleSheets.length;
initialTest.step(function(){
assert_equals(count, 5);
});
initialTest.done();
var i;
for (i=0; i<5; i++)
document.getElementById("s"+(i+1)).disabled = true;
colorTest.step(function(){
for (i=0; i<5; i++)
assert_equals(getComputedStyle(document.getElementById("e"+(i+1))).color, "rgb(0, 128, 0)");
});
colorTest.done();
count = document.styleSheets.length;
for (i=0; i<count; i++)
testObj[document.styleSheets[i].ownerNode.id] = true;
for (i=0; i<5; i++) {
testObj[i].step(function(){
assert_true(testObj["s"+(i+1)]);
}, "Check if #s"+(i+1)+" is present in document.styleSheets after it is disabled");
testObj[i].done();
}
};
</script>
</head>
<body>
<div id="log"></div>
<div style="color: green">
<span id="e1">This</span>
<span id="e2">text</span>
<span id="e3">should</span>
<span id="e4">be</span>
<span id="e5">green</span>
</div>
</body>
</html>
|
