OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <script src="../../resources/js-test.js"></script> | |
5 <style> | |
6 .test { | |
7 color: red; | |
8 } | |
9 </style> | |
10 <style id="non-css" type="foo/bar"></style> | |
11 <style id="s"> | |
12 .test { | |
13 color: green; | |
14 } | |
15 </style> | |
16 </head> | |
17 <body> | |
18 <script> | |
19 description('Test the disabled property on a style element.'); | |
20 | |
21 var styleElement = document.getElementById('s'); | |
22 var console = document.getElementById('console'); | |
23 var testElement = document.createElement('div'); | |
24 testElement.innerText = "Test element"; | |
25 testElement.className = 'test'; | |
26 document.body.appendChild(testElement); | |
27 | |
28 shouldBeFalse('styleElement.disabled'); | |
29 shouldBe('window.getComputedStyle(testElement).color', '"rgb(0, 128, 0)"'); | |
30 | |
31 styleElement.disabled = true | |
32 shouldBeTrue('styleElement.disabled'); | |
33 shouldBe('window.getComputedStyle(testElement).color', '"rgb(255, 0, 0)"'); | |
34 | |
35 // Test reflection in the sheet. | |
36 shouldBeTrue('styleElement.sheet.disabled'); | |
37 styleElement.sheet.disabled = false | |
38 shouldBeFalse('styleElement.sheet.disabled'); | |
39 shouldBeFalse('styleElement.disabled'); | |
40 shouldBe('window.getComputedStyle(testElement).color', '"rgb(0, 128, 0)"'); | |
41 | |
42 // Test disconnected element | |
43 var newStyleElement = document.createElement('style'); | |
44 shouldBeFalse('newStyleElement.disabled'); | |
45 newStyleElement.disabled = true | |
46 shouldBeFalse('newStyleElement.disabled'); | |
47 | |
48 // Test non-CSS element | |
49 var otherStyle = document.getElementById('non-css'); | |
50 shouldBeFalse('otherStyle.disabled'); | |
51 otherStyle.disabled = true | |
52 shouldBeFalse('otherStyle.disabled'); | |
53 | |
54 | |
55 document.body.removeChild(testElement); | |
56 </script> | |
57 </body> | |
58 </html> | |
OLD | NEW |