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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.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
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-min-max-width.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-initialize-span-one-items.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 PUBLIC "-//IETF//DTD HTML//EN"> 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html> 2 <html>
3 <head> 3 <head>
4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet"> 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">
5 <link href="resources/grid.css" rel="stylesheet"> 5 <link href="resources/grid.css" rel="stylesheet">
6 <link href="resources/grid-alignment.css" rel="stylesheet">
6 <style> 7 <style>
7 .definite { 8 .definite {
8 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */ 9 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */
9 width: 800px; 10 width: 800px;
10 height: 600px; 11 height: 600px;
11 } 12 }
12 .gridItem { 13 .gridItem {
13 grid-column: 1; 14 grid-column: 1;
14 grid-row: 1; 15 grid-row: 1;
15 width: 33px; 16 width: 33px;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
66 .mixNonRepeatAfterRepeat { 67 .mixNonRepeatAfterRepeat {
67 grid-template-rows: repeat(2, 10px) [end] auto; 68 grid-template-rows: repeat(2, 10px) [end] auto;
68 grid-template-columns: repeat(2, 250px) 15% [last]; 69 grid-template-columns: repeat(2, 250px) 15% [last];
69 } 70 }
70 </style> 71 </style>
71 <script src="../../resources/js-test.js"></script> 72 <script src="../../resources/js-test.js"></script>
72 </head> 73 </head>
73 <body> 74 <body>
74 <div class="grid definite singleSingleTrackRepeat" id="singleSingleTrackRepeatWi thSize"></div> 75 <div class="grid definite singleSingleTrackRepeat" id="singleSingleTrackRepeatWi thSize"></div>
75 <div class="grid min-content singleSingleTrackRepeat" id="singleSingleTrackRepea tWithoutSize"></div> 76 <div class="grid min-content singleSingleTrackRepeat" id="singleSingleTrackRepea tWithoutSize"></div>
76 <div class="grid definite twoSingleTrackRepeat" id="twoSingleTrackRepeat"></div> 77 <div class="grid definite twoSingleTrackRepeat alignContentStart" id="twoSingleT rackRepeat"></div>
77 <div class="grid definite twoSingleTrackRepeat" id="twoSingleTrackRepeatWithChil dren"> 78 <div class="grid definite twoSingleTrackRepeat alignContentStart" id="twoSingleT rackRepeatWithChildren">
78 <div class="gridItem"></div> 79 <div class="gridItem"></div>
79 <div class="gridItem2"></div> 80 <div class="gridItem2"></div>
80 </div> 81 </div>
81 <div class="grid definite twoDoubleTrackRepeat" id="twoDoubleTrackRepeat"> 82 <div class="grid definite twoDoubleTrackRepeat contentStart" id="twoDoubleTrackR epeat">
82 <div class="gridItem"></div> 83 <div class="gridItem"></div>
83 <div class="gridItem2"></div> 84 <div class="gridItem2"></div>
84 </div> 85 </div>
85 <div class="grid definite twoDoubleTrackWithNamedGridLineRepeat" id="twoDoubleTr ackWithNamedGridLineRepeat"> 86 <div class="grid definite twoDoubleTrackWithNamedGridLineRepeat contentStart" id ="twoDoubleTrackWithNamedGridLineRepeat">
86 <div class="gridItem"></div> 87 <div class="gridItem"></div>
87 <div class="gridItem2"></div> 88 <div class="gridItem2"></div>
88 </div> 89 </div>
89 <div class="grid definite twoDoubleTrackWithTrailingNamedGridLineRepeat" id="two DoubleTrackWithTrailingNamedGridLineRepeat"></div> 90 <div class="grid definite twoDoubleTrackWithTrailingNamedGridLineRepeat justifyC ontentStart" id="twoDoubleTrackWithTrailingNamedGridLineRepeat"></div>
90 <div class="grid definite trailingNamedGridLineRepeat" id="trailingNamedGridLine Repeat"></div> 91 <div class="grid definite trailingNamedGridLineRepeat" id="trailingNamedGridLine Repeat"></div>
91 <div class="grid definite leadingNamedGridLineRepeat" id="leadingNamedGridLineRe peat"></div> 92 <div class="grid definite leadingNamedGridLineRepeat" id="leadingNamedGridLineRe peat"></div>
92 <div class="grid definite mixRepeatAfterNonRepeat" id="mixRepeatAfterNonRepeat"> 93 <div class="grid definite mixRepeatAfterNonRepeat alignContentStart" id="mixRepe atAfterNonRepeat">
93 <div class="gridItem"></div> 94 <div class="gridItem"></div>
94 </div> 95 </div>
95 <div class="grid definite mixNonRepeatAfterRepeat" id="mixNonRepeatAfterRepeat"> </div> 96 <div class="grid definite mixNonRepeatAfterRepeat alignContentStart" id="mixNonR epeatAfterRepeat"></div>
96 97
97 <script src="resources/grid-definitions-parsing-utils.js"></script> 98 <script src="resources/grid-definitions-parsing-utils.js"></script>
98 <script> 99 <script>
99 description('Test that setting and getting grid-template-columns and grid-te mplate-rows with repeat() works as expected'); 100 description('Test that setting and getting grid-template-columns and grid-te mplate-rows with repeat() works as expected');
100 101
101 debug("Test getting grid-template-columns and grid-template-rows set through CSS"); 102 debug("Test getting grid-template-columns and grid-template-rows set through CSS");
102 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thSize"), "120px", "18px"); 103 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thSize"), "120px", "18px");
103 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thoutSize"), "0px", "18px"); 104 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thoutSize"), "0px", "18px");
104 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), " 400px 400px", "0px 0px"); 105 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), " 400px 400px", "0px 0px");
105 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeatWithC hildren"), "400px 400px", "44px 77px"); 106 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeatWithC hildren"), "400px 400px", "44px 77px");
(...skipping 21 matching lines...) Expand all
127 testInvalidSyntax("repeat(0, 15px)"); 128 testInvalidSyntax("repeat(0, 15px)");
128 testInvalidSyntax("repeat(-1, auto)"); 129 testInvalidSyntax("repeat(-1, auto)");
129 testInvalidSyntax("repeat(1, [foo])"); 130 testInvalidSyntax("repeat(1, [foo])");
130 testInvalidSyntax("repeat(1, )"); 131 testInvalidSyntax("repeat(1, )");
131 testInvalidSyntax("repeat(1)"); 132 testInvalidSyntax("repeat(1)");
132 // Nesting is no allowed. 133 // Nesting is no allowed.
133 testInvalidSyntax("repeat(2, repeat(1, auto))"); 134 testInvalidSyntax("repeat(2, repeat(1, auto))");
134 </script> 135 </script>
135 </body> 136 </body>
136 </html> 137 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-min-max-width.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-initialize-span-one-items.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698