third_party/WebKit/LayoutTests/compositing/nested-direct-image-compositing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Check to disappear the afterimage after changing the style of an img tag.</title>
   5 <style type="text/css">
   6 div.cell
   7 {
   8     transform: translate3d(0, 0, 0);
   9 }
  10
  11 img
  12 {
  13     position: absolute;
  14     transform: translate3d(0, 0, 0);
  15 }
  16
  17 div.magnify img
  18 {
  19     transform: scale(2.0);
  20 }
  21 </style>
  22 </head>
  23 <body>
  24
  25
  26 <div class="cell magnify" id="cell">
  27     <img src="resources/simple_image.png">
  28 </div>
  29
  30
  31 <script type="text/javascript">
  32 function updateStack()
  33 {
  34     var cell = document.getElementById("cell");
  35     cell.className = "cell";
  36
  37     setTimeout(function() {
  38         if (window.testRunner) {
  39             window.testRunner.notifyDone();
  40         }
  41     }, 10);
  42 }
  43
  44 window.onload = function ()
  45 {
  46     if (window.testRunner) {
  47         window.testRunner.dumpAsTextWithPixelResults();
  48         window.testRunner.waitUntilDone();
  49     }
  50
  51     setTimeout(function() {
  52         updateStack();
  53     }, 200);
  54 }
  55 </script>
  56
  57 </body>
  58 </html>
  59