47 lines
1.2 KiB
HTML
47 lines
1.2 KiB
HTML
<!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>
|