OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #composited-box { | 3 #composited-box { |
4 width: 100px; | 4 width: 100px; |
5 height: 100px; | 5 height: 100px; |
6 border: solid 1px black; | 6 border: solid 1px black; |
7 -webkit-transform:translate3D(0, 0, 0); | 7 -webkit-transform:translate3D(0, 0, 0); |
8 } | 8 } |
9 </style> | 9 </style> |
| 10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| 11 <script> |
| 12 function repaintTest() { |
| 13 document.getElementById('composited-box').style.webkitTransform = 'translate
3D(100px, 100px, 0)'; |
| 14 } |
| 15 window.onload = runRepaintTest; |
| 16 </script> |
10 <div id="composited-box"></div> | 17 <div id="composited-box"></div> |
11 <pre id="console"></pre> | |
12 <script src="../../resources/run-after-display.js"></script> | |
13 <script> | |
14 function doTest() { | |
15 internals.startTrackingRepaints(document); | |
16 document.getElementById("composited-box").style.webkitTransform = "trans
late3D(100px, 100px, 0)"; | |
17 document.getElementById("console").textContent = internals.layerTreeAsTe
xt(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | |
18 testRunner.notifyDone(); | |
19 } | |
20 | |
21 if (window.testRunner && window.internals) { | |
22 testRunner.dumpAsText(); | |
23 testRunner.waitUntilDone(); | |
24 runAfterDisplay(doTest); | |
25 } | |
26 </script> | |
OLD | NEW |