third_party/WebKit/LayoutTests/paint/invalidation/multi-subsequence-composited.html

   1 <!DOCTYPE html>
   2 Tests interference between different subsequences with compositing. Passes if no red.
   3 <div id="container" style="position: absolute; width: 300px; height: 200px">
   4   <div id="composited-content1" style="position: absolute; top: 0; left: 0; backface-visibility: hidden">
   5     <div id="content1a" style="position: absolute; top: 0; left: 0; width: 100px; height: 100px; background-color: red"></div>
   6   </div>
   7   <div id="content2" style="position: absolute; top: 0; left: 100px; width: 100px; height: 100px; background-color: red"></div>
   8 </div>
   9 <script src="../../resources/run-after-layout-and-paint.js"></script>
  10 <script>
  11 onload = function() {
  12   if (window.testRunner)
  13     testRunner.waitUntilDone();
  14   runAfterLayoutAndPaint(function() {
  15     content1a.style.backgroundColor = 'green';
  16     runAfterLayoutAndPaint(function() {
  17       content2.style.backgroundColor = 'green';
  18       if (window.testRunner)
  19         testRunner.notifyDone();
  20     });
  21   });
  22 };
  23 </script>
  24