src/third_party/WebKit/LayoutTests/fast/repaint/invalidate-paint-in-iframe-in-composited-layer.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/run-after-display.js"></script>
   5 <script src="resources/text-based-repaint.js"></script>
   6 <script>
   7 window.onload = function() {
   8     runRepaintTest();
   9 };
  10
  11 function repaintTest() {
  12     document.getElementsByTagName('iframe')[0]
  13         .contentDocument
  14         .getElementsByTagName('div')[0]
  15         .style
  16         .backgroundColor = 'green';
  17 }
  18 </script>
  19 </head>
  20 <div style="height: 400px"></div>
  21 <div style="height: 200px; width: 200px; transform: translateZ(0)">
  22     <iframe srcdoc="<div style='height: 50px; width: 50px; background-color: red;'></div>"></iframe>
  23 </div>