| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <style> | 3 <style> |
| 4 #layer { | 4 #layer { |
| 5 position: relative; | 5 position: relative; |
| 6 left: 10px; | 6 left: 10px; |
| 7 width: 100px; | 7 width: 100px; |
| 8 height: 50px; | 8 height: 50px; |
| 9 transform: translateZ(0); | 9 transform: translateZ(0); |
| 10 } | 10 } |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 runAfterLayoutAndPaint(runTest); | 26 runAfterLayoutAndPaint(runTest); |
| 27 }; | 27 }; |
| 28 | 28 |
| 29 function runTest() { | 29 function runTest() { |
| 30 if (window.internals) | 30 if (window.internals) |
| 31 internals.startTrackingRepaints(document); | 31 internals.startTrackingRepaints(document); |
| 32 left += 0.1; | 32 left += 0.1; |
| 33 document.getElementById('layer').style.left = left + 'px'; | 33 document.getElementById('layer').style.left = left + 'px'; |
| 34 if (window.internals) { | 34 if (window.internals) { |
| 35 document.getElementById('console').textContent += left + ':\n' | 35 document.getElementById('console').textContent += left + ':\n' |
| 36 + internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_
REPAINT_RECTS); | 36 + internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_
PAINT_INVALIDATIONS); |
| 37 internals.stopTrackingRepaints(document); | 37 internals.stopTrackingRepaints(document); |
| 38 } | 38 } |
| 39 | 39 |
| 40 if (left < 12) { | 40 if (left < 12) { |
| 41 repaintTest(); | 41 repaintTest(); |
| 42 } else { | 42 } else { |
| 43 // Display the test results only after test is done so that it does not
affect repaint rect results. | 43 // Display the test results only after test is done so that it does not
affect repaint rect results. |
| 44 document.getElementById('console').style.display = "block"; | 44 document.getElementById('console').style.display = "block"; |
| 45 if (window.testRunner) | 45 if (window.testRunner) |
| 46 testRunner.notifyDone(); | 46 testRunner.notifyDone(); |
| 47 } | 47 } |
| 48 } | 48 } |
| 49 </script> | 49 </script> |
| 50 <body onload="repaintTest()"> | 50 <body onload="repaintTest()"> |
| 51 <div id="layer"></div> | 51 <div id="layer"></div> |
| 52 <pre id="console"></pre> | 52 <pre id="console"></pre> |
| OLD | NEW |