src/third_party/WebKit/LayoutTests/fast/css/invalidation/full-page-media.html

   1 <!DOCTYPE html>
   2 <script src="../../../resources/js-test.js"></script>
   3 <style>
   4 .outer #inner:not(:-webkit-full-page-media) {
   5     background-color: green
   6 }
   7 #outer + div {
   8     color: pink
   9 }
  10 </style>
  11 <div id="outer">
  12     <div>
  13         <div id="inner"></div>
  14     </div>
  15     <div></div>
  16     <div></div>
  17 </div>
  18 <div></div>
  19 <script>
  20 description("Support style invalidation when selectors contain :-webkit-full-page-media")
  21
  22 var transparent = "rgba(0, 0, 0, 0)";
  23 var green = "rgb(0, 128, 0)";
  24
  25 shouldBe("getComputedStyle(inner).backgroundColor", "transparent");
  26
  27 inner.offsetTop; // force recalc
  28 outer.className = "outer";
  29
  30 if (window.internals)
  31     shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "2");
  32
  33 shouldBe("getComputedStyle(inner).backgroundColor", "green");
  34 </script>