| 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 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 79 @supports (display: block !important) and ((display: inline) or (display: de
adbeef)){ | 79 @supports (display: block !important) and ((display: inline) or (display: de
adbeef)){ |
| 80 #t16 { content: "APPLIED" } | 80 #t16 { content: "APPLIED" } |
| 81 } | 81 } |
| 82 | 82 |
| 83 @supports not ((not (display: block)) or ((display: none) and (deadbeef: 1px
))) { | 83 @supports not ((not (display: block)) or ((display: none) and (deadbeef: 1px
))) { |
| 84 #t17 { content: "APPLIED" } | 84 #t17 { content: "APPLIED" } |
| 85 } | 85 } |
| 86 | 86 |
| 87 /* Whitespace/Syntax */ | 87 /* Whitespace/Syntax */ |
| 88 @supports not( display: deadbeef) { | 88 @supports not( display: deadbeef) { |
| 89 #t22 { content: "APPLIED" } | 89 #t22 { content: "FAIL" } |
| 90 } | 90 } |
| 91 | 91 |
| 92 @supports (display: none)and ( -webkit-transition: all 1s ) { | 92 @supports (display: none)and ( -webkit-transition: all 1s ) { |
| 93 #t23 { content: "APPLIED" } | 93 #t23 { content: "FAIL" } |
| 94 } | 94 } |
| 95 | 95 |
| 96 @supports (display: none)or(-webkit-transition: all 1s) { | 96 @supports (display: none)or(-webkit-transition: all 1s) { |
| 97 #t24 { content: "APPLIED" } | 97 #t24 { content: "FAIL" } |
| 98 } | 98 } |
| 99 | 99 |
| 100 @supports (display: none) or(-webkit-transition: all 1s ) { | 100 @supports (display: none) or(-webkit-transition: all 1s ) { |
| 101 #t25 { content: "APPLIED" } | 101 #t25 { content: "FAIL" } |
| 102 } | 102 } |
| 103 | 103 |
| 104 @supports (((((((display: none))))))) { | 104 @supports (((((((display: none))))))) { |
| 105 #t26 { content: "APPLIED" } | 105 #t26 { content: "APPLIED" } |
| 106 } | 106 } |
| 107 | 107 |
| 108 @supports(((((((display: none))))))) { | 108 @supports(((((((display: none))))))) { |
| 109 #t27 { content: "APPLIED" } | 109 #t27 { content: "APPLIED" } |
| 110 } | 110 } |
| 111 | 111 |
| (...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 236 } | 236 } |
| 237 | 237 |
| 238 </style> | 238 </style> |
| 239 </head> | 239 </head> |
| 240 <body> | 240 <body> |
| 241 <div id="test_container"></div> | 241 <div id="test_container"></div> |
| 242 | 242 |
| 243 <script> | 243 <script> |
| 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, 22, 23, 24, 25, 28, 29, 34
, 36, 43, 44, 45, 46]; // Tests whose content shouldn't change from the UNTOUCHE
D 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 |
|---|
Chromium Code Reviews
Issue 1015303002:
Promote new CSS parser to experimental (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master