third_party/WebKit/LayoutTests/fast/css/parsing-expr-error-recovery.html

   1 <html>
   2 <body>
   3 <div>Tests that CSS parser correctly recovers after {}, () and [] invalid blocks.</div>
   4 <div id="result"></div>
   5 <div id="tests"></div>
   6 <script type="text/javascript">
   7 if (window.testRunner)
   8     testRunner.dumpAsText();
   9
  10 var BASE_EXPR = "1px,\"x\",var(y) /calc(1px + (((5px)))),-webkit-min(1px,2px)";
  11 var INVALID_BLOCKS = ["#", "{}", "()", "[]", "{(){{}{{}}[]}}", "(})", "(])", "[}]", "[)]", "{)}", "{]}", "#({})"];
  12
  13 var tests = document.getElementById("tests");
  14 for (var i = 0; i <= BASE_EXPR.length; i++) {
  15     for (var j = 0; j < INVALID_BLOCKS.length; j++) {
  16         var invalidExpr = BASE_EXPR.substr(0, i) + INVALID_BLOCKS[j] + BASE_EXPR.substr(i);
  17         var test = document.createElement("DIV");
  18         test.textContent = "failed: " + invalidExpr;
  19         test.style.cssText = "color:" + invalidExpr + "; display: none;";
  20         tests.appendChild(test);
  21     }
  22 }
  23
  24 var failed = 0;
  25 for (var test = tests.firstChild; test; test = test.nextSibling) {
  26    if (getComputedStyle(test).display != "none")
  27        failed++;
  28 }
  29
  30 document.getElementById("result").textContent = failed ? "Failed " + failed + " tests" : "All tests passed";
  31
  32 </script>
  33 </body>