OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css"> | 3 <style type="text/css"> |
4 .pass { color: green; } | 4 .pass { color: green; } |
5 .fail { color: red; } | 5 .fail { color: red; } |
6 </style> | 6 </style> |
7 <style type="text/css"> | 7 <style type="text/css"> |
8 .foo { color: black; } | 8 .foo { color: black; } |
9 @media screen { | 9 @media screen { |
10 .bar { color: blue; } | 10 .bar { color: blue; } |
11 } | 11 } |
12 @keyframes name { } | 12 @keyframes name { } |
13 @page { } | 13 @page { } |
14 </style> | 14 </style> |
15 <!-- @charset must be the first rule per spec, and additionally | |
16 with no leading whitespace per our parser. --> | |
17 <style>@charset "UTF-8";</style> | |
18 <script> | 15 <script> |
19 function printOut(msg) { | 16 function printOut(msg) { |
20 var console = document.getElementById("console"); | 17 var console = document.getElementById("console"); |
21 var span = document.createElement('span'); | 18 var span = document.createElement('span'); |
22 span.innerHTML = msg + '<br>'; | 19 span.innerHTML = msg + '<br>'; |
23 console.appendChild(span); | 20 console.appendChild(span); |
24 } | 21 } |
25 | 22 |
26 function resultStringifier(result) | 23 function resultStringifier(result) |
27 { | 24 { |
(...skipping 23 matching lines...) Expand all Loading... |
51 function runTests() { | 48 function runTests() { |
52 if (window.testRunner) | 49 if (window.testRunner) |
53 testRunner.dumpAsText(); | 50 testRunner.dumpAsText(); |
54 | 51 |
55 var rules = document.styleSheets[1].cssRules; | 52 var rules = document.styleSheets[1].cssRules; |
56 | 53 |
57 var rule = rules[0]; | 54 var rule = rules[0]; |
58 var mediaRule = rules[1]; | 55 var mediaRule = rules[1]; |
59 var keyframesRule = rules[2]; | 56 var keyframesRule = rules[2]; |
60 var pageRule = rules[3]; | 57 var pageRule = rules[3]; |
61 var charsetRule = document.styleSheets[2].cssRules[0]; | |
62 var style = rule.style; | 58 var style = rule.style; |
63 var mediaList = mediaRule.media; | 59 var mediaList = mediaRule.media; |
64 | 60 |
65 var listing = [ | 61 var listing = [ |
66 { | 62 { |
67 type: 'CSSRule', | 63 type: 'CSSRule', |
68 elementToUse: rule, | 64 elementToUse: rule, |
69 attributes: [ | 65 attributes: [ |
70 // 'null' is not a valid rule, so the setter does nothi
ng. | 66 // 'null' is not a valid rule, so the setter does nothi
ng. |
71 {name: 'cssText', expectedNull: '.foo { color: black; }'
} | 67 {name: 'cssText', expectedNull: '.foo { color: black; }'
} |
72 ] | 68 ] |
73 }, | 69 }, |
74 { | 70 { |
75 type: 'CSSCharsetRule', | |
76 elementToUse: charsetRule, | |
77 attributes: [ | |
78 {name: 'encoding', expectedNull: 'null'} | |
79 ] | |
80 }, | |
81 { | |
82 type: 'CSSKeyframesRule', | 71 type: 'CSSKeyframesRule', |
83 elementToUse: keyframesRule, | 72 elementToUse: keyframesRule, |
84 attributes: [ | 73 attributes: [ |
85 {name: 'name', expectedNull: 'null'} | 74 {name: 'name', expectedNull: 'null'} |
86 ] | 75 ] |
87 }, | 76 }, |
88 { | 77 { |
89 type: 'CSSPageRule', | 78 type: 'CSSPageRule', |
90 elementToUse: pageRule, | 79 elementToUse: pageRule, |
91 attributes: [ | 80 attributes: [ |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
126 printOut(''); | 115 printOut(''); |
127 } | 116 } |
128 } | 117 } |
129 </script> | 118 </script> |
130 </head> | 119 </head> |
131 <body onload="runTests()"> | 120 <body onload="runTests()"> |
132 <p>This test setting various attributes of a CSSOM elements to JavaScript nu
ll.</p> | 121 <p>This test setting various attributes of a CSSOM elements to JavaScript nu
ll.</p> |
133 <div id="console"></div> | 122 <div id="console"></div> |
134 </body> | 123 </body> |
135 </html> | 124 </html> |
OLD | NEW |