LayoutTests/compositing/squashing/invalidations-with-large-negative-margin-inline-content.html - Issue 898783003: Move rendering/RenderLayer* to layout/

Side by Side Diff: LayoutTests/compositing/squashing/invalidations-with-large-negative-margin-inline-content.html

Issue 898783003: Move rendering/RenderLayer* to layout/ (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 5 years, 10 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 | Annotate | Revision Log

« no previous file with comments | « LayoutTests/compositing/squashing/invalidations-with-large-negative-margin.html ('k') | LayoutTests/compositing/squashing/remove-from-grouped-mapping-on-reassignment.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 <div style="height:200px;width:600px;overflow:scroll">	2 <div style="height:200px;width:600px;overflow:scroll">

3 <div style="position:relative; top: 100px">	3 <div style="position:relative; top: 100px">

4 <div style="height:400px;margin-bottom:-400px;position:relative">	4 <div style="height:400px;margin-bottom:-400px;position:relative">

5 <div style="width:50px;height:50px;position:absolute;margin:0;left: 400px" >	5 <div style="width:50px;height:50px;position:absolute;margin:0;left: 400px" >

6 <div id="chip" style="height: 20px; width: 20px; background: lightgray"> </span>	6 <div id="chip" style="height: 20px; width: 20px; background: lightgray"> </span>

7 </div>	7 </div>

8 </div>	8 </div>

9 </div>	9 </div>

10 </div>	10 </div>

11	11

12 <pre id="output" style="display:none"></pre>	12 <pre id="output" style="display:none"></pre>

13 <script>	13 <script>

14 // Test that updating the position of a RenderObject that is squashed relative t o its squashing container,	14 // Test that updating the position of a RenderObject that is squashed relative t o its squashing container,

15 // but does not have a RenderLayer, issues the correct repaint rects.	15 // but does not have a Layer, issues the correct repaint rects.

16 if (window.testRunner) {	16 if (window.testRunner) {

17 testRunner.dumpAsText();	17 testRunner.dumpAsText();

18 testRunner.waitUntilDone();	18 testRunner.waitUntilDone();

19 }	19 }

20 var updateFunction = function() {	20 var updateFunction = function() {

21 if (window.internals)	21 if (window.internals)

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

23	23

24 document.getElementById('chip').style.backgroundColor = "blue";	24 document.getElementById('chip').style.backgroundColor = "blue";

25	25

26 if (window.internals) {	26 if (window.internals) {

27 // Repaint should be at x=400px, since that is the position relative to the squashing layer.	27 // Repaint should be at x=400px, since that is the position relative to the squashing layer.

28 var data = window.internals.layerTreeAsText(document, internals.LAYER_TR EE_INCLUDES_REPAINT_RECTS);	28 var data = window.internals.layerTreeAsText(document, internals.LAYER_TR EE_INCLUDES_REPAINT_RECTS);

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

30	30

31 var output = document.getElementById('output');	31 var output = document.getElementById('output');

32 output.textContent = data;	32 output.textContent = data;

33 output.style.display = "block";	33 output.style.display = "block";

34 }	34 }

35	35

36 if (window.testRunner)	36 if (window.testRunner)

37 testRunner.notifyDone();	37 testRunner.notifyDone();

38 };	38 };

39	39

40 // Wait two frames before updating the chip's style, so that the document is pai nted and squashed first.	40 // Wait two frames before updating the chip's style, so that the document is pai nted and squashed first.

41 window.requestAnimationFrame(function() {	41 window.requestAnimationFrame(function() {

42 window.requestAnimationFrame(updateFunction);	42 window.requestAnimationFrame(updateFunction);

43 });	43 });

44 </script>	44 </script>

OLD	NEW