third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.html - Issue 1880763002: Merge repaintRects and paintInvalidationObjects in text-based-repaint test results

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/repaint-child-of-squashed.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/invalidations-with-large-negative-margin-inline-content.html ('k') | third_party/WebKit/LayoutTests/compositing/squashing/selection-repaint-with-gaps.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 33 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
44 }	44 }

45	45

46 function runTest()	46 function runTest()

47 {	47 {

48 runAfterLayoutAndPaint(executeTestCases);	48 runAfterLayoutAndPaint(executeTestCases);

49 }	49 }

50	50

51 function executeTestCases()	51 function executeTestCases()

52 {	52 {

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

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

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

56	56

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

58 document.querySelector("#inner").style.backgroundColor = 'red';	58 document.querySelector("#inner").style.backgroundColor = 'red';

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

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

61	61

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

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

64	64

65 if (window.testRunner)	65 if (window.testRunner)

66 testRunner.notifyDone();	66 testRunner.notifyDone();

67 }	67 }

68 </script>	68 </script>

69 </head>	69 </head>

70 <body onload="runTest()">	70 <body onload="runTest()">

71 <div class="composited box behind"></div>	71 <div class="composited box behind"></div>

72	72

73 <div class="box top">	73 <div class="box top">

74 <div id="inner">	74 <div id="inner">

75 </div>	75 </div>

76 </div>	76 </div>

77	77

78 <div id="testResults" style="display:none">	78 <div id="testResults" style="display:none">

79 CASE 1, original layer tree	79 CASE 1, original layer tree

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

81	81

82 CASE 2, change color of "inner" to red	82 CASE 2, change color of "inner" to red

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

84 </div>	84 </div>

85 </body>	85 </body>

OLD	NEW