| <!DOCTYPE html> |
| <!-- Tests that an element composited with transform-style: preserve-3d still renders when switched to transform-style: flat --> |
| <div id="box" style="width:100px; height:100px; background-color: green; -webkit-transform: translateZ(0); -webkit-transform-style: preserve-3d"></div> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(true); // Only pixel results are useful |
| |
| function test() { |
| document.getElementById("box").style.webkitTransformStyle = "flat"; |
| } |
| |
| if (window.testRunner) { |
| testRunner.displayAndTrackRepaints(); // Force one composite with preserve-3d |
| test(); |
| } else |
| window.setTimeout(test, 0); |
| </script> |
