| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE HTML> | 
|  | 2 <style> | 
|  | 3 .invalid { | 
|  | 4     letter-spacing: 20px; | 
|  | 5     letter-spacing: calc(1 + 1px); | 
|  | 6     letter-spacing: calc(1 + 100%); | 
|  | 7     letter-spacing: calc(100%); | 
|  | 8     letter-spacing: calc(10px) bla; | 
|  | 9     letter-spacing: calc(bla) 10px; | 
|  | 10 } | 
|  | 11 .valid { | 
|  | 12     letter-spacing: calc(10px); | 
|  | 13 } | 
|  | 14 </style> | 
|  | 15 <div class="invalid"></div> | 
|  | 16 <div class="valid"></div> | 
|  | 17 <script src="../../resources/js-test.js"></script> | 
|  | 18 <script> | 
|  | 19 if (window.testRunner) | 
|  | 20     testRunner.dumpAsText(); | 
|  | 21 | 
|  | 22 function getComputedValue(selector, property) { | 
|  | 23     return getComputedStyle(document.querySelector(selector))[property]; | 
|  | 24 } | 
|  | 25 | 
|  | 26 shouldBe('getComputedValue(".invalid", "letterSpacing")', '"20px"'); | 
|  | 27 shouldBe('getComputedValue(".valid", "letterSpacing")', '"10px"'); | 
|  | 28 </script> | 
| OLD | NEW | 
|---|