src/third_party/WebKit/LayoutTests/compositing/rtl/rtl-overflow-invalidation.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/run-after-display.js"></script>
   5 <style>
   6     body {
   7         direction: rtl;
   8         margin: 0px;
   9     }
  10
  11     #layer {
  12         position: absolute;
  13         top: 50px;
  14         right: 50px;
  15         width: 100px;
  16         height: 100px;
  17         background-color: red;
  18     }
  19
  20     #root {
  21         width: 1000px;
  22         height: 1000px;
  23         transform:translateZ(0);
  24     }
  25 </style>
  26 <script>
  27     function doTest() {
  28         if (window.testRunner) {
  29             testRunner.waitUntilDone();
  30             testRunner.dumpAsTextWithPixelResults();
  31         }
  32         runAfterDisplay(function() {
  33             // This test passes if this element is repainted correctly, even
  34             // on a page that is composited and has horizontal overflow.
  35             var elem = document.getElementById("layer");
  36             elem.style.backgroundColor = "green";
  37             if (window.testRunner)
  38                 testRunner.notifyDone();
  39         });
  40     }
  41     window.addEventListener('load', doTest, false);
  42 </script>
  43 <body>
  44     <div id="layer" class=""></div>
  45     <div id="root"></div>
  46 </body>
  47 </html>