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

Side by Side Diff: LayoutTests/compositing/squashing/repaint-squashed-layer-in-rect.html

Issue 408843004: Convert more tests into text-based-repaint tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: remove LayoutTests/virtual/softwarecompositing/repaint/invalidations-on-composited-layers-expected.… 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: 800px; width: 800px; background-color: lightgray; -webkit-tr ansform:translateZ(0)"> 2 <div style="height: 800px; width: 800px; background-color: lightgray; -webkit-tr ansform:translateZ(0)">
3 </div> 3 </div>
4 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> 4 <div style="position:absolute; top: 0px; height: 200px; width: 200px">
5 </div> 5 </div>
6 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20 0px; background-color: lightblue"> 6 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20 0px; background-color: lightblue">
7 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig htblue"> 7 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig htblue">
8 <div> 8 </div>
9 </div> 9 </div>
10 <pre id="output" style="display:none"> 10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
11 <pre>
12 <script src="../../resources/run-after-display.js"></script>
13 <script> 11 <script>
14 // Test that a repaint for the rect containing the changed background image is i ssued in the coordinate space of the 12 // Test that a repaint for the rect containing the changed background image is i ssued in the coordinate space of the
15 // squashing layer, *not* local to the div with the background image on it. 13 // squashing layer, *not* local to the div with the background image on it.
16 14
17 if (window.testRunner) {
18 testRunner.dumpAsText();
19 testRunner.waitUntilDone();
20 }
21
22 if (window.internals) 15 if (window.internals)
23 internals.settings.setLayerSquashingEnabled(true); 16 internals.settings.setLayerSquashingEnabled(true);
24 17
25 var imgElement = document.querySelector("#imgElement"); 18 function repaintTest() {
26 var output = document.querySelector("#output"); 19 var imgElement = document.querySelector("#imgElement");
27
28 runAfterDisplay(function() {
29 if (window.internals)
30 window.internals.startTrackingRepaints(document);
31
32 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; 20 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')";
33 21 }
34 if (window.internals) { 22 runRepaintTest();
35 output.textContent = window.internals.layerTreeAsText(document, internal s.LAYER_TREE_INCLUDES_REPAINT_RECTS);
36 window.internals.stopTrackingRepaints(document);
37 }
38
39 output.style.display = 'block';
40
41 if (window.testRunner)
42 testRunner.notifyDone();
43 });
44 </script> 23 </script>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698