third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html - Issue 1880763002: Merge repaintRects and paintInvalidationObjects in text-based-repaint test results

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-transformed-child.html

Issue 1880763002: Merge repaintRects and paintInvalidationObjects in text-based-repaint test results (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/compositing/squashing/squash-transform-repainting-child.html ('k') | third_party/WebKit/LayoutTests/compositing/squashing/squashed-layer-loses-graphicslayer.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <head>	2 <head>

3 <script src="../../resources/run-after-layout-and-paint.js"></script>	3 <script src="../../resources/run-after-layout-and-paint.js"></script>

4 <style>	4 <style>

5 .composited {	5 .composited {

6 transform: translatez(0);	6 transform: translatez(0);

7 }	7 }

8	8

9 .box {	9 .box {

10 width: 100px;	10 width: 100px;

(...skipping 51 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
62 }	62 }

63	63

64 function runTest()	64 function runTest()

65 {	65 {

66 runAfterLayoutAndPaint(executeTestCases);	66 runAfterLayoutAndPaint(executeTestCases);

67 }	67 }

68	68

69 function executeTestCases()	69 function executeTestCases()

70 {	70 {

71 window.internals.startTrackingRepaints(document);	71 window.internals.startTrackingRepaints(document);

72 document.getElementById('Case1').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);	72 document.getElementById('Case1').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);

73 window.internals.stopTrackingRepaints(document);	73 window.internals.stopTrackingRepaints(document);

74	74

75 eventSender.mouseMoveTo(0, 0);	75 eventSender.mouseMoveTo(0, 0);

76 window.internals.startTrackingRepaints(document);	76 window.internals.startTrackingRepaints(document);

77 hoverOverOuterDiv();	77 hoverOverOuterDiv();

78 document.getElementById('Case2').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);	78 document.getElementById('Case2').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);

79 window.internals.stopTrackingRepaints(document);	79 window.internals.stopTrackingRepaints(document);

80	80

81 eventSender.mouseMoveTo(0, 0);	81 eventSender.mouseMoveTo(0, 0);

82 window.internals.startTrackingRepaints(document);	82 window.internals.startTrackingRepaints(document);

83 hoverOverInnerDiv();	83 hoverOverInnerDiv();

84 document.getElementById('Case3').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);	84 document.getElementById('Case3').textContent = window.internals.layerTre eAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);

85 window.internals.stopTrackingRepaints(document);	85 window.internals.stopTrackingRepaints(document);

86	86

87 // Display the test results only after test is done so that it does not affect repaint rect results.	87 // Display the test results only after test is done so that it does not affect repaint rect results.

88 document.getElementById('testResults').style.display = "block";	88 document.getElementById('testResults').style.display = "block";

89	89

90 if (window.testRunner)	90 if (window.testRunner)

91 testRunner.notifyDone();	91 testRunner.notifyDone();

92 }	92 }

93	93

94 function hoverOverOuterDiv()	94 function hoverOverOuterDiv()

(...skipping 24 matching lines...) Expand all Loading...
119 CASE 1, original layer tree	119 CASE 1, original layer tree

120 <pre id="Case1"></pre>	120 <pre id="Case1"></pre>

121	121

122 CASE 2, hovering over the outer div	122 CASE 2, hovering over the outer div

123 <pre id="Case2"></pre>	123 <pre id="Case2"></pre>

124	124

125 CASE 3, hovering over the inner div	125 CASE 3, hovering over the inner div

126 <pre id="Case3"></pre>	126 <pre id="Case3"></pre>

127 </div>	127 </div>

128 </body>	128 </body>

OLD	NEW