| 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 #e { | 5 #e { |
| 6 --foo: { | 6 --foo: { |
| 7 border: 10px solid green; | 7 border: 10px solid green; |
| 8 font: 20px serif; | 8 font: 20px serif; |
| 9 }; | 9 }; |
| 10 @apply --foo; | 10 @apply --foo; |
| 11 } | 11 } |
| 12 </style> | 12 </style> |
| 13 <div id=e> | 13 <div id=e> |
| 14 </div> | 14 </div> |
| 15 <script> | 15 <script> |
| 16 test(function(){ | 16 test(function(){ |
| 17 assert_equals(getComputedStyle(e).border, "10px solid rgb(0, 128, 0)"); | 17 assert_equals(getComputedStyle(e).border, "10px solid rgb(0, 128, 0)"); |
| 18 assert_equals(getComputedStyle(e).font, "normal normal normal normal 20px /
normal serif"); | 18 assert_equals(getComputedStyle(e).fontSize, "20px"); |
| 19 assert_equals(getComputedStyle(e).fontFamily, "serif"); |
| 19 }, "Basic usage of @apply with shorthand properties"); | 20 }, "Basic usage of @apply with shorthand properties"); |
| 20 </script> | 21 </script> |
| OLD | NEW |