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

   1 <html>
   2 <head>
   3     <script type="text/javascript">
   4         if (window.testRunner)
   5             testRunner.dumpAsText();
   6     </script>
   7     <style>
   8         .to_be_shown {
   9           display:none;
  10           color:green;
  11         }
  12         .to_be_hidden {
  13           display:block;
  14           color:red;
  15         }
  16
  17         /* Expression containing an invalid block should be skipped */
  18         #test1 {
  19             behavior:expression((function(){})());
  20             display:none;
  21         }
  22         #test2 {
  23             behavior:expression(function(){}());
  24             display:none;
  25         }
  26
  27         /* Value containing an invalid block should be skipped */
  28         .malformed1 {
  29           height:{}
  30         }
  31         #test3 {
  32             display:none;
  33         }
  34
  35         /* Malformed declaration list should be skipped */
  36         .malformed2 {
  37             a:link { color: blue;}
  38             a:active { color: red;}
  39         }
  40         #test4 {
  41             display:none;
  42         }
  43
  44         .malformed3 {
  45             ;*display:expression(function(){})
  46         }
  47         #test5 {
  48             display:none;
  49         }
  50
  51         #test6 {
  52             display: none !important;
  53             display: block !important {invalid_block};
  54         }
  55
  56         #test7 {
  57             display: none !important;
  58         }
  59         #test7 {
  60             display: block !important {invalid_block}
  61         }
  62
  63         #test8 {
  64             color: rgb(1,});
  65             display: none;
  66         }
  67
  68         #test9 {
  69             color: rgb(});
  70             display: none;
  71         }
  72
  73         #test10 {
  74             width: calc(1,});
  75             display: none;
  76         }
  77
  78         #test11 {
  79             width: calc(});
  80             display: none;
  81         }
  82
  83         #test12 {
  84             width: -webkit-min(1,});
  85             display: none;
  86         }
  87
  88         #test13 {
  89             width: -webkit-min(});
  90             display: none;
  91         }
  92
  93         #test14 {
  94             width: calc((#)});
  95             display: none;
  96         }
  97
  98         /* Successfully parsed */
  99         #last {
 100             display:block;
 101         }
 102     </style>
 103 </head>
 104 <body>
 105   <div class="to_be_hidden" id="test1">FAIL: Test 1</div>
 106   <div class="to_be_hidden" id="test2">FAIL: Test 2</div>
 107   <div class="to_be_hidden" id="test3">FAIL: Test 3</div>
 108   <div class="to_be_hidden" id="test4">FAIL: Test 4</div>
 109   <div class="to_be_hidden" id="test5">FAIL: Test 5</div>
 110   <div class="to_be_hidden" id="test6">FAIL: Test 6</div>
 111   <div class="to_be_hidden" id="test7">FAIL: Test 7</div>
 112   <div class="to_be_hidden" id="test8">FAIL: Test 8</div>
 113   <div class="to_be_hidden" id="test9">FAIL: Test 9</div>
 114   <div class="to_be_hidden" id="test10">FAIL: Test 10</div>
 115   <div class="to_be_hidden" id="test11">FAIL: Test 11</div>
 116   <div class="to_be_hidden" id="test12">FAIL: Test 12</div>
 117   <div class="to_be_hidden" id="test13">FAIL: Test 13</div>
 118   <div class="to_be_hidden" id="test14">FAIL: Test 14</div>
 119   <div class="to_be_shown" id="last">PASS</div>
 120 </body>
 121 </html>
 122