| <!DOCTYPE HTML> |
| <style> |
| .test1 { |
| width: 1px; |
| width: calc(100px |
| </style> |
| <style> |
| .test2 { |
| width: 1px; |
| width: calc((((((100px |
| </style> |
| <style> |
| @media all { |
| .test3 { |
| width: 1px; |
| width: calc(100px |
| </style> |
| <body> |
| <div>Tests parsing style declarations without closing braces and parentheses. "User agents must close all open constructs ... at the end of the style sheet." |
| (<a href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors">http://www.w3.org/TR/CSS21/syndata.html#parsing-errors</a>). So it must be parsed as if |
| all braces and parentheses are closed.</div> |
| <div id="console"></div> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| var NUMBER_OF_TESTS = 3; |
| var failed = false; |
| var consoleElement = document.getElementById("console"); |
| for (var i = 1; i <= NUMBER_OF_TESTS; i++) { |
| var div = document.createElement("DIV"); |
| div.className = "test" + i; |
| document.body.appendChild(div); |
| var width = window.getComputedStyle(div).getPropertyValue("width"); |
| document.body.removeChild; |
| |
| if (width != "100px") { |
| consoleElement.textContent += "Test " + i + " failed\n"; |
| failed = true; |
| } |
| } |
| if (!failed) { |
| consoleElement.textContent += "All tests passed\n"; |
| } |
| </script> |
| </body> |
