third_party/WebKit/LayoutTests/fast/css/pseudo-empty-display-none.html

   1 <style>
   2   p { background-color: green; width: 100px; height: 100px }
   3   p:empty { display: none }
   4 </style>
   5
   6 <body>
   7  Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=26570"> bug 26570</a>.
   8  There should be two green boxes on this page.<br>
   9  <p></p>
  10  <p>&#09;</p>
  11  <p></p>
  12  <p><span></span></p>
  13  <p></p>
  14 </body>
  15
  16 <script>
  17   if (window.testRunner)
  18       testRunner.dumpAsText();
  19
  20   var list = document.querySelectorAll("p");
  21   for (var result = "", i = 0; i < list.length; ++i)
  22       result += list.item(i).offsetWidth == (100 * (i & 1)) ? "PASS " : "FAIL ";
  23
  24   result = list.length == result.match(/PASS /g).length ? "PASS" : "FAIL";
  25   document.body.appendChild(document.createTextNode(result));
  26 </script>