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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-removal-auto-placement-update.html

Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fixed layout tests failing. Created 4 years, 10 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 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <link href="resources/grid-alignment.css" rel="stylesheet">
4 <style> 5 <style>
5 .grid { 6 .grid {
6 grid-template-columns: 50px 100px; 7 grid-template-columns: 50px 100px;
7 grid-template-rows: 50px 100px; 8 grid-template-rows: 50px 100px;
8 } 9 }
9 </style> 10 </style>
10 <script src="../../resources/check-layout.js"></script> 11 <script src="../../resources/check-layout.js"></script>
11 <script> 12 <script>
12 function testRemoval(gridElementID, autoFlowElementID, size) 13 function testRemoval(gridElementID, autoFlowElementID, size)
13 { 14 {
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
50 testRemoval("gridAutoFlowRowWithAutoAndFixedItems", "autoFlowRowElementWithA utoAndFixedItems", { 'width': '100', 'height': '50' }); 51 testRemoval("gridAutoFlowRowWithAutoAndFixedItems", "autoFlowRowElementWithA utoAndFixedItems", { 'width': '100', 'height': '50' });
51 testRemoval("gridAutoFlowRowWithAutoAndFixedItems", "autoFlowRowElementWithA utoAndFixedItems", { 'width': '50', 'height': '50' }); 52 testRemoval("gridAutoFlowRowWithAutoAndFixedItems", "autoFlowRowElementWithA utoAndFixedItems", { 'width': '50', 'height': '50' });
52 } 53 }
53 window.addEventListener("load", testRemovals, false); 54 window.addEventListener("load", testRemovals, false);
54 </script> 55 </script>
55 <body> 56 <body>
56 57
57 <p>This test checks that the tracks' auto positions are recomputed after removin g a grid item.</p> 58 <p>This test checks that the tracks' auto positions are recomputed after removin g a grid item.</p>
58 59
59 <div class="unconstrainedContainer"> 60 <div class="unconstrainedContainer">
60 <div class="grid gridAutoFlowColumnDense" id="gridAutoFlowColumnDense"> 61 <div class="grid gridAutoFlowColumnDense justifyContentStart" id="gridAutoFl owColumnDense">
61 <div class="sizedToGridArea secondRowSecondColumn">XXXXX XXXXX XXXXX</di v> 62 <div class="sizedToGridArea secondRowSecondColumn">XXXXX XXXXX XXXXX</di v>
62 <div class="sizedToGridArea firstRowSecondColumn">XXXXX XXXXX XXXXX</div > 63 <div class="sizedToGridArea firstRowSecondColumn">XXXXX XXXXX XXXXX</div >
63 <div class="sizedToGridArea secondRowFirstColumn">XXXXX XXXXX XXXXX</div > 64 <div class="sizedToGridArea secondRowFirstColumn">XXXXX XXXXX XXXXX</div >
64 <div class="sizedToGridArea firstRowFirstColumn">XXXXX XXXXX XXXXX</div> 65 <div class="sizedToGridArea firstRowFirstColumn">XXXXX XXXXX XXXXX</div>
65 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement " data-expected-width="170" data-expected-height="50">XXXXX XXXXX XXXXX</div> 66 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement " data-expected-width="170" data-expected-height="50">XXXXX XXXXX XXXXX</div>
66 </div> 67 </div>
67 </div> 68 </div>
68 69
69 <div class="unconstrainedContainer"> 70 <div class="unconstrainedContainer">
70 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowDense"> 71 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowDense">
(...skipping 22 matching lines...) Expand all
93 <div class="sizedToGridArea secondRowAutoColumn">XXXXX XXXXX XXXXX</div> 94 <div class="sizedToGridArea secondRowAutoColumn">XXXXX XXXXX XXXXX</div>
94 <div class="sizedToGridArea firstRowAutoColumn">XXXXX XXXXX XXXXX</div> 95 <div class="sizedToGridArea firstRowAutoColumn">XXXXX XXXXX XXXXX</div>
95 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit hAutoAndFixedItems" data-expected-width="100" data-expected-height="100">XXXXX X XXXX XXXXX</div> 96 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit hAutoAndFixedItems" data-expected-width="100" data-expected-height="100">XXXXX X XXXX XXXXX</div>
96 </div> 97 </div>
97 </div> 98 </div>
98 99
99 <div id="test-output"></div> 100 <div id="test-output"></div>
100 101
101 </body> 102 </body>
102 </html> 103 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698