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

Side by Side Diff: LayoutTests/paint/invalidation/spv2/align-content-distribution-change-grid.html

Issue 1302183007: Convert some text-based-repaint tests for spv2 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 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 <!-- Based on fast/repaint/align-content-distribution-change-grid.html -->
1 <!DOCTYPE HTML> 2 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script> 3 <script src="resources/paint-invalidation-test.js"></script>
3 <script> 4 <script>
4 function repaintTest() { 5 window.expectedPaintInvalidationObjects = [
6 "LayoutGrid DIV id='container'",
7 "LayoutBlockFlow DIV class='item'",
8 "LayoutBlockFlow DIV",
9 "LayoutBlockFlow DIV class='item'",
10 "LayoutBlockFlow DIV",
11 "LayoutBlockFlow DIV class='item'",
12 "LayoutBlockFlow DIV",
13 ];
14 function paintInvalidationTest() {
5 document.getElementById('container').style.alignContent = 'stretch'; 15 document.getElementById('container').style.alignContent = 'stretch';
6 } 16 }
7 onload = runRepaintTest; 17 onload = runPaintInvalidationTest;
8 </script> 18 </script>
9 <style> 19 <style>
10 body { 20 body {
11 margin: 0; 21 margin: 0;
12 } 22 }
13 #container { 23 #container {
14 display: grid; 24 display: grid;
15 grid-auto-columns: 200px; 25 grid-auto-columns: 200px;
16 grid-auto-rows: auto; 26 grid-auto-rows: auto;
17 grid-auto-flow: row; 27 grid-auto-flow: row;
(...skipping 11 matching lines...) Expand all
29 <div class="item"> 39 <div class="item">
30 <div style="height: 50px"></div> 40 <div style="height: 50px"></div>
31 </div> 41 </div>
32 <div class="item"> 42 <div class="item">
33 <div style="height: 50px"></div> 43 <div style="height: 50px"></div>
34 </div> 44 </div>
35 <div class="item"> 45 <div class="item">
36 <div style="height: 50px"></div> 46 <div style="height: 50px"></div>
37 </div> 47 </div>
38 </div> 48 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698