| OLD | NEW |
| 1 <script src="../../../resources/testharness.js"></script> | 1 <meta charset="UTF-8"> |
| 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 <meta charset="UTF-8"> | |
| 5 | 4 |
| 6 <style> | 5 <style> |
| 7 #test1 { | 6 #test1 { |
| 8 --camelCase: blue; | 7 --camelCase: blue; |
| 9 color: var(--camelCase); | 8 color: var(--camelCase); |
| 10 } | 9 } |
| 11 #test2 { | 10 #test2 { |
| 12 --Aå: 100px; | 11 --Aå: 100px; |
| 13 width: var(--Aå); | 12 width: var(--Aå); |
| 14 } | 13 } |
| 15 #test3 { | 14 #test3 { |
| 16 --colour: green; | 15 --colour: green; |
| 17 background: var(--colour); | 16 background: var(--colour); |
| 18 color: var(--color); | 17 color: var(--color); |
| 19 } | 18 } |
| 20 </style> | 19 </style> |
| 21 | 20 |
| 22 <script> | 21 <script> |
| 23 test(function() { | 22 test(function() { |
| 24 assert_equals(document.styleSheets[0].cssRules[0].cssText, "#test1 { --camelCa
se: blue; color: var(--camelCase); }"); | 23 var cssRules = document.styleSheets[0].cssRules; |
| 25 assert_equals(document.styleSheets[0].cssRules[1].cssText, "#test2 { --Aå: 100
px; width: var(--Aå); }"); | 24 assert_equals(cssRules[0].cssText, "#test1 { --camelCase: blue; color: var(--c
amelCase); }"); |
| 26 assert_equals(document.styleSheets[0].cssRules[0].style.getPropertyValue("--ca
melCase"), " blue"); | 25 assert_equals(cssRules[1].cssText, "#test2 { --Aå: 100px; width: var(--Aå); }"
); |
| 27 assert_equals(document.styleSheets[0].cssRules[0].style.getPropertyValue("colo
r"), "var(--camelCase)"); | 26 assert_equals(cssRules[0].style.getPropertyValue("--camelCase"), " blue"); |
| 28 assert_equals(document.styleSheets[0].cssRules[1].style.getPropertyValue("--Aå
"), " 100px"); | 27 assert_equals(cssRules[0].style.getPropertyValue("color"), "var(--camelCase)")
; |
| 29 assert_equals(document.styleSheets[0].cssRules[1].style.getPropertyValue("widt
h"), "var(--Aå)"); | 28 assert_equals(cssRules[1].style.getPropertyValue("--Aå"), " 100px"); |
| 30 assert_equals(document.styleSheets[0].cssRules[2].style.getPropertyValue("back
ground"), "var(--colour)"); | 29 assert_equals(cssRules[1].style.getPropertyValue("width"), "var(--Aå)"); |
| 31 assert_equals(document.styleSheets[0].cssRules[2].style.getPropertyValue("colo
r"), "var(--color)"); | 30 assert_equals(cssRules[2].style.getPropertyValue("background"), "var(--colour)
"); |
| 31 assert_equals(cssRules[2].style.getPropertyValue("color"), "var(--color)"); |
| 32 }, "Custom properties serialization"); | 32 }, "Custom properties serialization"); |
| 33 </script> | 33 </script> |
| OLD | NEW |