| <!DOCTYPE HTML> |
| <style> |
| .invalid { |
| word-spacing: 20px; |
| word-spacing: calc(1 + 1px); |
| word-spacing: calc(1 + 100%); |
| word-spacing: calc(100%); |
| word-spacing: calc(10px) bla; |
| word-spacing: calc(bla) 10px; |
| } |
| .valid { |
| word-spacing: calc(10px); |
| } |
| </style> |
| <div class="invalid"></div> |
| <div class="valid"></div> |
| <script src="../../resources/js-test.js"></script> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function getComputedValue(selector, property) { |
| return getComputedStyle(document.querySelector(selector))[property]; |
| } |
| |
| shouldBe('getComputedValue(".invalid", "wordSpacing")', '"20px"'); |
| shouldBe('getComputedValue(".valid", "wordSpacing")', '"10px"'); |
| </script> |