| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../resources/run-after-layout-and-paint.js"></script> | 4 <script src="../../resources/run-after-layout-and-paint.js"></script> |
| 5 <style> | 5 <style> |
| 6 div { | 6 div { |
| 7 position: absolute; | 7 position: absolute; |
| 8 z-index: 1; | 8 z-index: 1; |
| 9 width: 100px; | 9 width: 100px; |
| 10 height: 100px; | 10 height: 100px; |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 61 function runTest() | 61 function runTest() |
| 62 { | 62 { |
| 63 if (!window.internals) | 63 if (!window.internals) |
| 64 return; | 64 return; |
| 65 runAfterLayoutAndPaint(executeTestCases); | 65 runAfterLayoutAndPaint(executeTestCases); |
| 66 } | 66 } |
| 67 | 67 |
| 68 function executeTestCases() | 68 function executeTestCases() |
| 69 { | 69 { |
| 70 // Case 1 | 70 // Case 1 |
| 71 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 71 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS); |
| 72 | 72 |
| 73 // Case 2 | 73 // Case 2 |
| 74 window.internals.startTrackingRepaints(document); | 74 window.internals.startTrackingRepaints(document); |
| 75 document.getElementById("forceComposited").className = "underneath"; | 75 document.getElementById("forceComposited").className = "underneath"; |
| 76 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 76 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS); |
| 77 window.internals.stopTrackingRepaints(document); | 77 window.internals.stopTrackingRepaints(document); |
| 78 | 78 |
| 79 // Display the test results only after test is done so that it does not
affect repaint rect results. | 79 // Display the test results only after test is done so that it does not
affect repaint rect results. |
| 80 document.getElementById('testResults').style.display = "block"; | 80 document.getElementById('testResults').style.display = "block"; |
| 81 | 81 |
| 82 if (window.testRunner) | 82 if (window.testRunner) |
| 83 testRunner.notifyDone(); | 83 testRunner.notifyDone(); |
| 84 } | 84 } |
| 85 </script> | 85 </script> |
| 86 </head> | 86 </head> |
| (...skipping 15 matching lines...) Expand all Loading... |
| 102 <pre id="Case1"></pre> | 102 <pre id="Case1"></pre> |
| 103 | 103 |
| 104 CASE 2, The original composited layer is no longer composited, which then al
so removes all squashing layers. The important point is that there should be an
appropriate repaint to the root GraphicsLayer: | 104 CASE 2, The original composited layer is no longer composited, which then al
so removes all squashing layers. The important point is that there should be an
appropriate repaint to the root GraphicsLayer: |
| 105 <pre id="Case2"></pre> | 105 <pre id="Case2"></pre> |
| 106 | 106 |
| 107 </div> | 107 </div> |
| 108 | 108 |
| 109 </body> | 109 </body> |
| 110 | 110 |
| 111 </html> | 111 </html> |
| OLD | NEW |