third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.html - Issue 1880763002: Merge repaintRects and paintInvalidationObjects in text-based-repaint test results

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-3.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-above-fixed-2.html ('k') | third_party/WebKit/LayoutTests/compositing/squashing/squash-onto-nephew.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 <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	6

7 #backgroundFixed {	7 #backgroundFixed {

8 transform: translatez(0);	8 transform: translatez(0);

9 position: fixed;	9 position: fixed;

10 height: 400px;	10 height: 400px;

(...skipping 53 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
64 testRunner.dumpAsText();	64 testRunner.dumpAsText();

65 testRunner.waitUntilDone();	65 testRunner.waitUntilDone();

66 }	66 }

67	67

68 function runTest()	68 function runTest()

69 {	69 {

70 if (!window.internals)	70 if (!window.internals)

71 return;	71 return;

72	72

73 // Case 1	73 // Case 1

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

75	75

76 // Case 2	76 // Case 2

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

78 window.scrollTo(0, 10);	78 window.scrollTo(0, 10);

79 runAfterLayoutAndPaint(function() {	79 runAfterLayoutAndPaint(function() {

80 document.getElementById('Case2').textContent = window.internals.layerT reeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);	80 document.getElementById('Case2').textContent = window.internals.layerT reeAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);

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

82	82

83 // Case 3	83 // Case 3

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

85 window.scrollTo(0, 110);	85 window.scrollTo(0, 110);

86 runAfterLayoutAndPaint(function() {	86 runAfterLayoutAndPaint(function() {

87 document.getElementById('Case3').textContent = window.internals.laye rTreeAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS);	87 document.getElementById('Case3').textContent = window.internals.laye rTreeAsText(document, internals.LAYER_TREE_INCLUDES_PAINT_INVALIDATIONS);

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

89	89

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

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

92	92

93 if (window.testRunner)	93 if (window.testRunner)

94 testRunner.notifyDone();	94 testRunner.notifyDone();

95 });	95 });

96 });	96 });

97 }	97 }

(...skipping 22 matching lines...) Expand all Loading...
120 CASE 1, original layer tree:	120 CASE 1, original layer tree:

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

122	122

123 CASE 2, scrolling y by 10 pixels, both the "container" and "inner" should sc roll properly.	123 CASE 2, scrolling y by 10 pixels, both the "container" and "inner" should sc roll properly.

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

125	125

126 CASE 3, scrolling y further so that "inner" no longer overlaps the fixed-pos layer, then the stacking context of "container" includes the "innerScrolling" l ayer, and doubles in width:	126 CASE 3, scrolling y further so that "inner" no longer overlaps the fixed-pos layer, then the stacking context of "container" includes the "innerScrolling" l ayer, and doubles in width:

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

128 </div>	128 </div>

129 </body>	129 </body>

OLD	NEW