Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(450)

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

Issue 408843004: Convert more tests into text-based-repaint tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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
OLDNEW
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"> 3 <div style="position:relative">
4 <div style="height:400px;margin-bottom:-400px;position:relative"> 4 <div style="height:400px;margin-bottom:-400px;position:relative">
5 <div id="chip" style="width:50px;height:50px;position:absolute;background: lightblue;margin:0"></div> 5 <div id="chip" style="width:50px;height:50px;position:absolute;background: lightblue;margin:0"></div>
6 </div> 6 </div>
7 </div> 7 </div>
8 </div> 8 </div>
9 9
10 <pre id="output" style="display:none"></pre> 10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
11 <script> 11 <script>
12 // Test that moving a RenderLayer that is squashed relative to its squashing con tainer repaints correctly. 12 // Test that moving a RenderLayer that is squashed relative to its squashing con tainer repaints correctly.
13 // In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer. 13 // In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer.
14 if (window.testRunner) { 14
15 testRunner.dumpAsText(); 15 if (window.internals)
16 testRunner.waitUntilDone(); 16 window.internals.settings.setLayerSquashingEnabled(true);
17
18 function repaintTest()
19 {
20 document.getElementById('chip').style.left = "400px";
17 } 21 }
18 22
19 if (window.internals) { 23 runRepaintTest();
20 window.internals.settings.setLayerSquashingEnabled(true);
21 window.internals.startTrackingRepaints(document);
22 }
23 var updateFunction = function()
24 {
25 document.getElementById('chip').style.left = "400px";
26
27 if (window.internals) {
28 var data = window.internals.layerTreeAsText(document, internals.LAYER_TR EE_INCLUDES_REPAINT_RECTS);
29 window.internals.stopTrackingRepaints(document);
30 var output = document.getElementById('output');
31 output.textContent = data;
32
33 output.style.display = "block";
34 }
35 if (window.testRunner)
36 testRunner.notifyDone();
37 }
38
39 // Wait two frames before updating the chip's style, so that the document is pai nted and squashed first.
40 window.requestAnimationFrame(function() {
41 window.requestAnimationFrame(updateFunction);
42 });
43
44
45 </script> 24 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698