| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/testharness.js"></script> | 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> | 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 <style> | 4 <style> |
| 5 #container { | 5 #container { |
| 6 --a: it was the best of times; | 6 --a: it was the best of times; |
| 7 --b: it was the worst of times; | 7 --b: it was the worst of times; |
| 8 --c: also the blurst of times; | 8 --c: also the blurst of times; |
| 9 } | 9 } |
| 10 | 10 |
| 11 #b { | 11 #b { |
| 12 --c: it was the age of wisdom; | 12 --c: it was the age of wisdom; |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| 15 | 15 |
| 16 <div id="container"> | 16 <div id="container"> |
| 17 <div id="a"></div> | 17 <div id="a"></div> |
| 18 <div id="b"><div id="c"></div></div> | 18 <div id="b"><div id="c"></div></div> |
| 19 </div> | 19 </div> |
| 20 | 20 |
| 21 <script> | 21 <script> |
| 22 test(function() { | 22 test(function() { |
| 23 assert_equals(getComputedStyle(container).getPropertyValue("--a"), " it was th
e best of times"); | 23 assert_equals(getComputedStyle(container).getPropertyValue("--a"), " it was th
e best of times"); |
| 24 assert_equals(getComputedStyle(container).getPropertyValue("--b"), " it was th
e worst of times"); | 24 assert_equals(getComputedStyle(container).getPropertyValue("--b"), " it was th
e worst of times"); |
| 25 assert_equals(getComputedStyle(container).getPropertyValue("--c"), " also the
blurst of times"); | 25 assert_equals(getComputedStyle(container).getPropertyValue("--c"), " also the
blurst of times"); |
| 26 assert_equals(getComputedStyle(container).getPropertyValue("--d"), ""); |
| 26 }, 'Directly declared custom properties appear in computed style.'); | 27 }, 'Directly declared custom properties appear in computed style.'); |
| 27 | 28 |
| 28 test(function() { | 29 test(function() { |
| 29 assert_equals(getComputedStyle(a).getPropertyValue("--a"), " it was the best o
f times"); | 30 assert_equals(getComputedStyle(a).getPropertyValue("--a"), " it was the best o
f times"); |
| 30 assert_equals(getComputedStyle(a).getPropertyValue("--b"), " it was the worst
of times"); | 31 assert_equals(getComputedStyle(a).getPropertyValue("--b"), " it was the worst
of times"); |
| 31 assert_equals(getComputedStyle(a).getPropertyValue("--c"), " also the blurst o
f times"); | 32 assert_equals(getComputedStyle(a).getPropertyValue("--c"), " also the blurst o
f times"); |
| 33 assert_equals(getComputedStyle(a).getPropertyValue("--d"), ""); |
| 32 }, 'Inherited custom properties appear in computed style.'); | 34 }, 'Inherited custom properties appear in computed style.'); |
| 33 | 35 |
| 34 test(function() { | 36 test(function() { |
| 35 assert_equals(getComputedStyle(b).getPropertyValue("--a"), " it was the best o
f times"); | 37 assert_equals(getComputedStyle(b).getPropertyValue("--a"), " it was the best o
f times"); |
| 36 assert_equals(getComputedStyle(b).getPropertyValue("--b"), " it was the worst
of times"); | 38 assert_equals(getComputedStyle(b).getPropertyValue("--b"), " it was the worst
of times"); |
| 37 assert_equals(getComputedStyle(b).getPropertyValue("--c"), " it was the age of
wisdom"); | 39 assert_equals(getComputedStyle(b).getPropertyValue("--c"), " it was the age of
wisdom"); |
| 40 assert_equals(getComputedStyle(b).getPropertyValue("--d"), ""); |
| 38 }, 'Inherited custom properties overidden values appear correctly in computed st
yle.'); | 41 }, 'Inherited custom properties overidden values appear correctly in computed st
yle.'); |
| 39 | 42 |
| 40 test(function() { | 43 test(function() { |
| 41 assert_equals(getComputedStyle(c).getPropertyValue("--a"), " it was the best o
f times"); | 44 assert_equals(getComputedStyle(c).getPropertyValue("--a"), " it was the best o
f times"); |
| 42 assert_equals(getComputedStyle(c).getPropertyValue("--b"), " it was the worst
of times"); | 45 assert_equals(getComputedStyle(c).getPropertyValue("--b"), " it was the worst
of times"); |
| 43 assert_equals(getComputedStyle(c).getPropertyValue("--c"), " it was the age of
wisdom"); | 46 assert_equals(getComputedStyle(c).getPropertyValue("--c"), " it was the age of
wisdom"); |
| 47 assert_equals(getComputedStyle(c).getPropertyValue("--d"), ""); |
| 44 }, 'Overidden and inherited custom properties appear in computed style.'); | 48 }, 'Overidden and inherited custom properties appear in computed style.'); |
| 45 </script> | 49 </script> |
| OLD | NEW |