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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/compositing/squashing/repaint-via-layout-offset.html

Issue 403843002: Convert some layout tests to text-based-repaint tests (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebase tests (due to removal of <pre>) 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
« no previous file with comments | « LayoutTests/compositing/squashing/repaint-overflow-scrolled-squashed-content.html ('k') | LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../resources/run-after-display.js"></script> 2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
3 <style> 3 <style>
4 #container { 4 #container {
5 position: absolute; 5 position: absolute;
6 z-index: 0; 6 z-index: 0;
7 left: 50px; 7 left: 50px;
8 top: 50px; 8 top: 50px;
9 } 9 }
10 10
11 .child { 11 .child {
12 position: absolute; 12 position: absolute;
13 width: 40px; 13 width: 40px;
14 height: 40px; 14 height: 40px;
15 background-color: red; 15 background-color: red;
16 } 16 }
17 17
18 .embiggen { 18 .embiggen {
19 width: 50px; 19 width: 50px;
20 height: 50px; 20 height: 50px;
21 background-color: green; 21 background-color: green;
22 } 22 }
23 </style> 23 </style>
24 <div style="width:200px; height:200px; transform: translateZ(0px); background-co lor: lightblue"></div> 24 <div style="width:200px; height:200px; transform: translateZ(0px); background-co lor: lightblue"></div>
25 <div id="container"> 25 <div id="container">
26 <span class="child"></span> 26 <span class="child"></span>
27 <span class="child"></span> 27 <span class="child"></span>
28 </div> 28 </div>
29 <pre></pre>
30 <script> 29 <script>
31 if (window.testRunner) { 30 function repaintTest() {
32 testRunner.dumpAsText(); 31 document.querySelectorAll('.child')[1].classList.add('embiggen');
33 testRunner.waitUntilDone();
34 } 32 }
35 33 runRepaintTest();
36 runAfterDisplay(function() {
37 document.querySelectorAll('.child')[0].classList.add('embiggen')
38 runAfterDisplay(function() {
39 if (window.internals)
40 window.internals.startTrackingRepaints(document);
41
42 document.querySelectorAll('.child')[1].classList.add('embiggen')
43
44 if (window.internals) {
45 var layerTree = window.internals.layerTreeAsText(document, internals .LAYER_TREE_INCLUDES_REPAINT_RECTS);
46 window.internals.stopTrackingRepaints(document);
47 document.querySelector('pre').textContent = layerTree;
48 }
49
50 if (window.testRunner)
51 testRunner.notifyDone();
52 });
53 });
54 </script> 34 </script>
OLDNEW
« no previous file with comments | « LayoutTests/compositing/squashing/repaint-overflow-scrolled-squashed-content.html ('k') | LayoutTests/compositing/squashing/resize-squashing-layer-that-needs-full-repaint.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698