| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 |
| 5 <style> |
| 6 @font-face { |
| 7 --invalid-var: 1; |
| 8 } |
| 9 @viewport { |
| 10 --invalid-var: 2; |
| 11 } |
| 12 @keyframes foo { |
| 13 --invalid-var: 3; |
| 14 0% { --valid-var: 4; } |
| 15 100% { left: 10px; } |
| 16 } |
| 17 </style> |
| 18 |
| 19 <script> |
| 20 test(() => assert_equals(document.styleSheets[0].cssRules[0].cssText, "@font-fac
e { }"), |
| 21 "Custom properties are not allowed in @font-face rules"); |
| 22 test(() => assert_equals(document.styleSheets[0].cssRules[1].cssText, "@viewport
{ }"), |
| 23 "Custom properties are not allowed in @viewport rules"); |
| 24 test(() => assert_equals(document.styleSheets[0].cssRules[2].cssText, |
| 25 `@keyframes foo { |
| 26 0% { --valid-var: 4; } |
| 27 100% { left: 10px; } |
| 28 }`), "Custom properties are not allowed in the outer scope of @keyframes rules")
; |
| 29 </script> |
| OLD | NEW |