OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../resources/js-test.js"></script> | 4 <script src="../resources/js-test.js"></script> |
5 <style> | 5 <style> |
6 .test { | 6 .test { |
7 content: "UNTOUCHED"; | 7 content: "UNTOUCHED"; |
8 } | 8 } |
9 | 9 |
10 @supports (display: none) { | 10 @supports (display: none) { |
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
244 description("Test the @supports rule."); | 244 description("Test the @supports rule."); |
245 var numTests = 48; | 245 var numTests = 48; |
246 var untouchedTests = [1, 3, 5, 8, 12, 13, 14, 18, 28, 29, 34, 36, 43, 44, 45
, 46]; // Tests whose content shouldn't change from the UNTOUCHED default. | 246 var untouchedTests = [1, 3, 5, 8, 12, 13, 14, 18, 28, 29, 34, 36, 43, 44, 45
, 46]; // Tests whose content shouldn't change from the UNTOUCHED default. |
247 | 247 |
248 var container = document.getElementById("test_container"); | 248 var container = document.getElementById("test_container"); |
249 for (var i=0; i < numTests; i++) { | 249 for (var i=0; i < numTests; i++) { |
250 var div = document.createElement("div"); | 250 var div = document.createElement("div"); |
251 div.id = "t" + i; | 251 div.id = "t" + i; |
252 div.className = "test"; | 252 div.className = "test"; |
253 container.appendChild(div); | 253 container.appendChild(div); |
254 shouldBeEqualToString("getComputedStyle(document.getElementById('t"+i+"'
)).content", untouchedTests.indexOf(i) >= 0 ? "UNTOUCHED" : "APPLIED"); | 254 shouldBeEqualToString("getComputedStyle(document.getElementById('t"+i+"'
)).content", untouchedTests.indexOf(i) >= 0 ? "'UNTOUCHED'" : "'APPLIED'"); |
255 } | 255 } |
256 | 256 |
257 test_container.parentNode.removeChild(test_container); | 257 test_container.parentNode.removeChild(test_container); |
258 </script> | 258 </script> |
259 </body> | 259 </body> |
260 </html> | 260 </html> |
OLD | NEW |