LayoutTests/fast/css/adjacent-sibling-selector.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4     <style type="text/css">
   5                 div[test=before] + div + span {
   6             color: red;
   7             display: block;
   8         }
   9                 div[test=before] + div + span + span {
  10             display: none;
  11         }
  12                 div[test=after] + div + span {
  13             display: none;
  14         }
  15                 div[test=after] + div + span + span {
  16             color: green;
  17             display: block;
  18         }
  19     </style>
  20 </head>
  21 <body  onload="startTest();">
  22     <div id="div1" test="before">Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=66887">https://bugs.webkit.org/show_bug.cgi?id=66887</a></div>
  23     <div id="div2">Test Result:</div>
  24     <span>FAILED</span>
  25     <span>PASSED</span>
  26     <script>
  27         function change() {
  28             var element = document.getElementById('div1');
  29             element.attributes.test.value = "after";
  30             if (window.layoutTestController) {
  31                 layoutTestController.notifyDone();
  32             }
  33         }
  34         function startTest() {
  35             if (window.layoutTestController) {
  36                 layoutTestController.dumpAsText();
  37                 layoutTestController.waitUntilDone();
  38             }
  39             // Trigger an attribute change after all load processing is done. Doing the change
  40             // here immediately does not exhibit the problem.
  41             setTimeout("change();", 0);
  42         }
  43     </script>
  44 </body>
  45 </html>
  46