third_party/WebKit/LayoutTests/fast/backgrounds/obscured-background-child-style-change.html

   1 <script src="../../resources/run-after-layout-and-paint.js"></script>
   2 <style>
   3 .parent {
   4     position: relative;
   5     background-color: black;
   6     width: 100px;
   7     height: 100px;
   8 }
   9 .child {
  10     background-color: red;
  11     width: 100px;
  12     height: 100px;
  13 }
  14 </style>
  15 <div class=parent>
  16     <div class=child>
  17     </div>
  18 </div>
  19 <div class=parent>
  20     <div>
  21         <div class=child>
  22         </div>
  23     </div>
  24 </div>
  25 <script>
  26 if (window.testRunner)
  27     testRunner.waitUntilDone();
  28 runAfterLayoutAndPaint(function() {
  29     var children = document.getElementsByClassName("child");
  30     children[0].style.backgroundColor = "rgba(0,255,0,0.5)";
  31     children[1].style.backgroundColor = "rgba(0,255,0,0.5)";
  32     if (window.testRunner)
  33         testRunner.notifyDone();
  34 });
  35 </script>