OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- Tests that an element composited with transform-style: preserve-3d still re
nders when switched to transform-style: flat --> | 2 <!-- Tests that an element composited with transform-style: preserve-3d still re
nders 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> | 3 <div id="box" style="width:100px; height:100px; background-color: green; -webkit
-transform: translateZ(0); -webkit-transform-style: preserve-3d"></div> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.dumpAsText(true); // Only pixel results are useful | 6 testRunner.dumpAsTextWithPixelResults(); // Only pixel results are useful |
7 | 7 |
8 function test() { | 8 function test() { |
9 document.getElementById("box").style.webkitTransformStyle = "flat"; | 9 document.getElementById("box").style.webkitTransformStyle = "flat"; |
10 } | 10 } |
11 | 11 |
12 if (window.testRunner) { | 12 if (window.testRunner) { |
13 testRunner.display(); // Force one composite with preserve-3d | 13 testRunner.display(); // Force one composite with preserve-3d |
14 test(); | 14 test(); |
15 } else | 15 } else |
16 window.setTimeout(test, 0); | 16 window.setTimeout(test, 0); |
17 </script> | 17 </script> |
OLD | NEW |