src/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; -webkit-transform: translateZ(0); -webkit-transform-style: preserve-3d"></div>
   4 <script>
   5 if (window.testRunner)
   6     testRunner.dumpAsTextWithPixelResults(); // Only pixel results are useful
   7
   8 function test() {
   9     document.getElementById("box").style.webkitTransformStyle = "flat";
  10 }
  11
  12 if (window.testRunner) {
  13     testRunner.display(); // Force one composite with preserve-3d
  14     test();
  15 } else
  16     window.setTimeout(test, 0);
  17 </script>