| OLD | NEW |
| (Empty) |
| 1 <!-- quirks --> | |
| 2 <title>Syntax quirks in @supports/CSS.supports</title> | |
| 3 <script src="../../../resources/testharness.js"></script> | |
| 4 <script src="../../../resources/testharnessreport.js"></script> | |
| 5 <link rel=help href=https://drafts.csswg.org/css-conditional/#at-supports> | |
| 6 <link rel=help href=https://drafts.csswg.org/css-conditional/#the-css-interface> | |
| 7 <link rel=help href=https://quirks.spec.whatwg.org/#the-hashless-hex-color-quirk
> | |
| 8 <link rel=help href=https://quirks.spec.whatwg.org/#the-unitless-length-quirk> | |
| 9 <style> | |
| 10 /* sanity check */ | |
| 11 @supports (background-color: lime) { #a { background-color: lime } } | |
| 12 @supports (background-position: 1px 1px) { #a { background-position: 1px 1px }
} | |
| 13 /* test */ | |
| 14 @supports (background-color: 00ff00) { #b { background-color: 00ff00 } } | |
| 15 @supports (background-position: 1 1) { #b { background-position: 1 1 } } | |
| 16 </style> | |
| 17 <div id=a></div> | |
| 18 <div id=b></div> | |
| 19 <div id=c></div> <!-- c unstyled --> | |
| 20 <script> | |
| 21 var a = document.getElementById('a'); | |
| 22 var b = document.getElementById('b'); | |
| 23 var c = document.getElementById('c'); | |
| 24 | |
| 25 test(function() { | |
| 26 assert_not_equals(getComputedStyle(a).backgroundColor, getComputedStyle(c).bac
kgroundColor); | |
| 27 }, 'Sanity check @supports color'); | |
| 28 | |
| 29 test(function() { | |
| 30 assert_equals(getComputedStyle(b).backgroundColor, getComputedStyle(a).backgro
undColor); | |
| 31 }, '@supports quirky color'); | |
| 32 | |
| 33 test(function() { | |
| 34 assert_false(CSS.supports('background-color', '00ff00')); | |
| 35 }, 'CSS.supports() quirky color'); | |
| 36 | |
| 37 test(function() { | |
| 38 assert_not_equals(getComputedStyle(a).backgroundPosition, getComputedStyle(c).
backgroundPosition); | |
| 39 }, 'Sanity check @supports length'); | |
| 40 | |
| 41 test(function() { | |
| 42 assert_equals(getComputedStyle(b).backgroundPosition, getComputedStyle(a).back
groundPosition); | |
| 43 }, '@supports quirky length'); | |
| 44 | |
| 45 test(function() { | |
| 46 assert_false(CSS.supports('background-position', '1 1')); | |
| 47 }, 'CSS.supports() quirky length'); | |
| 48 </script> | |
| OLD | NEW |