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

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-justify-content-vertical-rl.html

Issue 1031853002: [CSS Grid Layout] Content Distribution support for grid. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Missing layout test expectations file. Created 5 years, 8 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <link href="resources/grid.css" rel="stylesheet"> 4 <link href="resources/grid.css" rel="stylesheet">
5 <script src="../../resources/check-layout.js"></script> 5 <script src="../../resources/check-layout.js"></script>
6 <style> 6 <style>
7 body { 7 body {
8 margin: 0; 8 margin: 0;
9 } 9 }
10 10
(...skipping 29 matching lines...) Expand all
40 justify-content: right; 40 justify-content: right;
41 } 41 }
42 42
43 .justifyContentFlexStart { 43 .justifyContentFlexStart {
44 justify-content: flex-start; 44 justify-content: flex-start;
45 } 45 }
46 46
47 .justifyContentFlexEnd { 47 .justifyContentFlexEnd {
48 justify-content: flex-end; 48 justify-content: flex-end;
49 } 49 }
50
51 .justifyContentEndTrue {
52 justify-content: end true;
53 }
54
55 .justifyContentCenterTrue {
56 justify-content: center true;
57 }
58
59 .justifyContentRightSafe {
60 justify-content: right safe;
61 }
62
63 .justifyContentLeftTrue {
64 justify-content: left true;
65 }
66 </style> 50 </style>
67 </head> 51 </head>
68 <body onload="checkLayout('.grid')"> 52 <body onload="checkLayout('.grid')">
69 53
70 <p>This test checks that the align-content property is applied correctly in vert ical-RL grids.</p> 54 <p>This test checks that the align-content property is applied correctly in vert ical-RL grids.</p>
71 55
72 <div style="position: relative"> 56 <div style="position: relative">
73 <p>direction: LTR | justify-content: 'center'</p> 57 <p>direction: LTR | justify-content: 'center'</p>
74 <div class="grid verticalRL justifyContentCenter" data-expected-width="300" data-expected-height="200"> 58 <div class="grid verticalRL justifyContentCenter" data-expected-width="300" data-expected-height="200">
75 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y= "50" data-expected-width="20" data-expected-height="40"></div> 59 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y= "50" data-expected-width="20" data-expected-height="40"></div>
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
165 <div class="grid verticalRL directionRTL justifyContentEnd" data-expected-wi dth="300" data-expected-height="200"> 149 <div class="grid verticalRL directionRTL justifyContentEnd" data-expected-wi dth="300" data-expected-height="200">
166 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y= "60" data-expected-width="20" data-expected-height="40"></div> 150 <div class="cell firstRowFirstColumn" data-offset-x="280" data-offset-y= "60" data-expected-width="20" data-expected-height="40"></div>
167 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div> 151 <div class="firstRowSecondColumn" data-offset-x="200" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div>
168 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div> 152 <div class="secondRowFirstColumn" data-offset-x="100" data-offset-y="50" data-expected-width="100" data-expected-height="50"></div>
169 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset- y="10" data-expected-width="20" data-expected-height="40"></div> 153 <div class="cell secondRowSecondColumn" data-offset-x="180" data-offset- y="10" data-expected-width="20" data-expected-height="40"></div>
170 </div> 154 </div>
171 </div> 155 </div>
172 156
173 </body> 157 </body>
174 </html> 158 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-justify-content-vertical-lr.html ('k') | Source/core/layout/LayoutGrid.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698