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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-vert-lr.html

Issue 1488493003: [css-grid] refactoring of layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years 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
« third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-change-column-repaint.html ('K') | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-horiz-bt.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-vert-rl.html » ('j') | third_party/WebKit/LayoutTests/fast/css-grid-layout/min-width-height-auto-and-margins.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <script src="../../resources/check-layout.js"></script> 3 <script src="../../resources/check-layout.js"></script>
4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">
4 <link href="resources/grid.css" rel="stylesheet"> 5 <link href="resources/grid.css" rel="stylesheet">
5 <style> 6 <style>
6 .grid { 7 .grid {
7 grid-template-rows: auto auto; 8 grid-template-rows: auto auto;
8 grid-template-columns: auto auto; 9 grid-template-columns: auto auto;
9 width: -webkit-fit-content;
10 } 10 }
11 11
12 .gridItem { 12 .gridItem {
13 width: 20px; 13 width: 20px;
14 height: 40px; 14 height: 40px;
15 } 15 }
16 16
17 .marginTop { 17 .marginTop {
18 margin-top: 20px; 18 margin-top: 20px;
19 } 19 }
(...skipping 17 matching lines...) Expand all
37 .paddingBottom { 37 .paddingBottom {
38 padding-bottom: 10px; 38 padding-bottom: 10px;
39 } 39 }
40 </style> 40 </style>
41 </head> 41 </head>
42 <body onload="checkLayout('.grid')"> 42 <body onload="checkLayout('.grid')">
43 43
44 <div>This test checks that the grid's rows and columns 'auto' sizes are updated accordingly to its grid-item's before and start margins.</div> 44 <div>This test checks that the grid's rows and columns 'auto' sizes are updated accordingly to its grid-item's before and start margins.</div>
45 45
46 <div> 46 <div>
47 <div class="grid verticalLR" data-expected-width="40" data-expected-height=" 120"> 47 <div class="grid fit-content verticalLR" data-expected-width="40" data-expec ted-height="120">
48 <div class="gridItem marginTop firstRowFirstColumn"></div> 48 <div class="gridItem marginTop firstRowFirstColumn"></div>
49 <div class="gridItem marginBottom firstRowSecondColumn"></div> 49 <div class="gridItem marginBottom firstRowSecondColumn"></div>
50 <div class="gridItem secondRowFirstColumn"></div> 50 <div class="gridItem secondRowFirstColumn"></div>
51 <div class="gridItem secondRowSecondColumn"></div> 51 <div class="gridItem secondRowSecondColumn"></div>
52 </div> 52 </div>
53 </div> 53 </div>
54 54
55 <div> 55 <div>
56 <div class="grid verticalLR" data-expected-width="40" data-expected-height=" 120"> 56 <div class="grid fit-content verticalLR" data-expected-width="40" data-expec ted-height="120">
57 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div> 57 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div>
58 <div class="gridItem borderTop borderBottom firstRowSecondColumn"></div> 58 <div class="gridItem borderTop borderBottom firstRowSecondColumn"></div>
59 <div class="gridItem secondRowFirstColumn"></div> 59 <div class="gridItem secondRowFirstColumn"></div>
60 <div class="gridItem secondRowSecondColumn"></div> 60 <div class="gridItem secondRowSecondColumn"></div>
61 </div> 61 </div>
62 </div> 62 </div>
63 63
64 <div> 64 <div>
65 <div class="grid verticalLR" data-expected-width="40" data-expected-height=" 120"> 65 <div class="grid fit-content verticalLR" data-expected-width="40" data-expec ted-height="120">
66 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div> 66 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div>
67 <div class="gridItem borderTop borderBottom firstRowSecondColumn"></div> 67 <div class="gridItem borderTop borderBottom firstRowSecondColumn"></div>
68 <div class="gridItem secondRowFirstColumn"></div> 68 <div class="gridItem secondRowFirstColumn"></div>
69 <div class="gridItem secondRowSecondColumn"></div> 69 <div class="gridItem secondRowSecondColumn"></div>
70 </div> 70 </div>
71 </div> 71 </div>
72 72
73 <div> 73 <div>
74 <div class="grid verticalLR" data-expected-width="40" data-expected-height=" 120"> 74 <div class="grid fit-content verticalLR" data-expected-width="40" data-expec ted-height="120">
75 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div> 75 <div class="gridItem marginTop paddingTop firstRowFirstColumn"></div>
76 <div class="gridItem paddingBottom firstRowSecondColumn"></div> 76 <div class="gridItem paddingBottom firstRowSecondColumn"></div>
77 <div class="gridItem secondRowFirstColumn"></div> 77 <div class="gridItem secondRowFirstColumn"></div>
78 <div class="gridItem secondRowSecondColumn"></div> 78 <div class="gridItem secondRowSecondColumn"></div>
79 </div> 79 </div>
80 </div> 80 </div>
81 81
82 </body> 82 </body>
83 </html> 83 </html>
OLDNEW
« third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-change-column-repaint.html ('K') | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-horiz-bt.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-margin-auto-columns-rows-vert-rl.html » ('j') | third_party/WebKit/LayoutTests/fast/css-grid-layout/min-width-height-auto-and-margins.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698