third_party/WebKit/LayoutTests/fast/css/next-sibling-changed.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/js-test.js"></script>
   3 <body>
   4 <div id="div1"></div>
   5 </body>
   6 <script>
   7 if (window.testRunner)
   8     testRunner.dumpAsText();
   9
  10 description("This test ensures we properly invalidate style when adding children affected by direct adjacent sibling selectors.");
  11
  12 var div1 = document.getElementById('div1');
  13 var div2 = document.createElement('div');
  14 div1.appendChild(div2);
  15 var testDiv = document.createElement('div');
  16 testDiv.id = "testDiv";
  17 div2.appendChild(testDiv);
  18 var style = document.createElement('style');
  19 document.documentElement.firstChild.appendChild(style);
  20 style.appendChild(document.createTextNode("#div1 > div + div > div { color: red; }\n"));
  21
  22 // Recalc style with our test div not matching the selector
  23 document.defaultView.getComputedStyle(testDiv, "").color;
  24
  25 var trigger = document.createElement('div');
  26 div1.insertBefore(trigger, div2);
  27 shouldBe('document.defaultView.getComputedStyle(testDiv).color', '"rgb(255, 0, 0)"');
  28
  29 </script>