third_party/WebKit/LayoutTests/compositing/repaint/transform-style-change.html

   1 <!DOCTYPE html>
   2 <!-- Tests that an element composited with transform-style: preserve-3d still renders when switched to transform-style: flat -->
   3 <div id="box" style="width:100px; height:100px; background-color: green; transform: translateZ(0); -webkit-transform-style: preserve-3d"></div>
   4 <script src="../../resources/run-after-layout-and-paint.js"></script>
   5 <script>
   6 function test() {
   7     document.getElementById("box").style.webkitTransformStyle = "flat";
   8     if (window.testRunner)
   9         testRunner.notifyDone();
  10 }
  11
  12 if (window.testRunner) {
  13     testRunner.waitUntilDone();
  14     testRunner.dumpAsTextWithPixelResults();
  15 }
  16 // Force one composite with preserve-3d
  17 runAfterLayoutAndPaint(test);
  18 </script>