<html>
<body>
<div>Tests that CSS parser correctly recovers after {}, () and [] invalid blocks.</div>
<div id="result"></div>
<div id="tests"></div>
<script type="text/javascript">
if (window.testRunner)
testRunner.dumpAsText();
var BASE_EXPR = "1px,\"x\",var(y) /calc(1px + (((5px)))),-webkit-min(1px,2px)";
var INVALID_BLOCKS = ["#", "{}", "()", "[]", "{(){{}{{}}[]}}", "(})", "(])", "[}]", "[)]", "{)}", "{]}", "#({})"];
var tests = document.getElementById("tests");
for (var i = 0; i <= BASE_EXPR.length; i++) {
for (var j = 0; j < INVALID_BLOCKS.length; j++) {
var invalidExpr = BASE_EXPR.substr(0, i) + INVALID_BLOCKS[j] + BASE_EXPR.substr(i);
var test = document.createElement("DIV");
test.textContent = "failed: " + invalidExpr;
test.style.cssText = "color:" + invalidExpr + "; display: none;";
tests.appendChild(test);
}
}
var failed = 0;
for (var test = tests.firstChild; test; test = test.nextSibling) {
if (getComputedStyle(test).display != "none")
failed++;
}
document.getElementById("result").textContent = failed ? "Failed " + failed + " tests" : "All tests passed";
</script>
</body>