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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html

Issue 1885913002: [css-grid] Use grid-template-areas to determine the explicit grid (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 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
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-change-explicit-grid-recompute-child-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set-expected.txt » ('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="resources/grid.css" rel="stylesheet"> 4 <link href="resources/grid.css" rel="stylesheet">
5 <style> 5 <style>
6 #gridTemplateWithNone { 6 #gridTemplateWithNone {
7 grid-template: none; 7 grid-template: none;
8 } 8 }
9 #gridTemplateSimpleForm { 9 #gridTemplateSimpleForm {
10 grid-template: 15px / 10px; 10 grid-template: 15px / 10px;
(...skipping 10 matching lines...) Expand all
21 #gridTemplateComplexForm { 21 #gridTemplateComplexForm {
22 grid-template: "a" 15px / 10px; 22 grid-template: "a" 15px / 10px;
23 } 23 }
24 #gridTemplateComplexFormWithLineNames { 24 #gridTemplateComplexFormWithLineNames {
25 grid-template: [head] "a" 15px [tail] / 10px; 25 grid-template: [head] "a" 15px [tail] / 10px;
26 } 26 }
27 #gridTemplateComplexFormWithLineNamesWithoutRowSize { 27 #gridTemplateComplexFormWithLineNamesWithoutRowSize {
28 grid-template: [head] "a" [tail] / 10px; 28 grid-template: [head] "a" [tail] / 10px;
29 } 29 }
30 #gridTemplateComplexFormWithLineNamesMultipleColumns { 30 #gridTemplateComplexFormWithLineNamesMultipleColumns {
31 grid-template: [head] "a b" 15px [tail] / 10px; 31 grid-template: [head] "a b" 15px [tail] / 10px 20px;
32 } 32 }
33 #gridTemplateComplexFormWithLineNamesMultipleColumnsWithoutRowSize { 33 #gridTemplateComplexFormWithLineNamesMultipleColumnsWithoutRowSize {
34 grid-template: [head] "a b" [tail] / 10px; 34 grid-template: [head] "a b" [tail] / 10px 20px;
35 } 35 }
36 #gridTemplateComplexFormWithLineNamesMultipleRows { 36 #gridTemplateComplexFormWithLineNamesMultipleRows {
37 grid-template: [head1] "a" 15px [tail1] 37 grid-template: [head1] "a" 15px [tail1]
38 [head2] "b" 20px [tail2] / 10px; 38 [head2] "b" 20px [tail2] / 10px;
39 } 39 }
40 #gridTemplateComplexFormWithLineNamesMultipleRowsWithoutRowsSizes { 40 #gridTemplateComplexFormWithLineNamesMultipleRowsWithoutRowsSizes {
41 grid-template: [head1] "a" [tail1] 41 grid-template: [head1] "a" [tail1]
42 [head2] "b" [tail2] / 10px; 42 [head2] "b" [tail2] / 10px;
43 } 43 }
44 #gridTemplateComplexFormWithLineNamesMultipleRowsAndColumns { 44 #gridTemplateComplexFormWithLineNamesMultipleRowsAndColumns {
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after
195 195
196 debug("Test getting grid-template-areas set through CSS."); 196 debug("Test getting grid-template-areas set through CSS.");
197 testGridDefinitionsValues(document.getElementById("gridTemplateWithNone"), " none", "none", "none"); 197 testGridDefinitionsValues(document.getElementById("gridTemplateWithNone"), " none", "none", "none");
198 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleForm"), "10px", "15px", "none"); 198 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleForm"), "10px", "15px", "none");
199 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNoneColumns"), "none", "15px", "none"); 199 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNoneColumns"), "none", "15px", "none");
200 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNoneRows"), "10px", "none", "none"); 200 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNoneRows"), "10px", "none", "none");
201 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNone"), "none", "none", "none"); 201 testGridDefinitionsValues(document.getElementById("gridTemplateSimpleFormWit hNone"), "none", "none", "none");
202 testGridDefinitionsValues(document.getElementById("gridTemplateComplexForm") , "10px", "15px", '"a"'); 202 testGridDefinitionsValues(document.getElementById("gridTemplateComplexForm") , "10px", "15px", '"a"');
203 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNames"), "10px", "[head] 15px [tail]", '"a"'); 203 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNames"), "10px", "[head] 15px [tail]", '"a"');
204 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesWithoutRowSize"), "10px", "[head] 0px [tail]", '"a"'); 204 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesWithoutRowSize"), "10px", "[head] 0px [tail]", '"a"');
205 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleColumns"), "10px", "[head] 15px [tail]", '"a b"'); 205 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleColumns"), "10px 20px", "[head] 15px [tail]", '"a b"');
206 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleColumnsWithoutRowSize"), "10px", "[head] 0px [tail]", '"a b"' ); 206 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleColumnsWithoutRowSize"), "10px 20px", "[head] 0px [tail]", '" a b"');
207 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRows"), "10px", "[head1] 15px [tail1 head2] 20px [tail2]", '" a" "b"'); 207 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRows"), "10px", "[head1] 15px [tail1 head2] 20px [tail2]", '" a" "b"');
208 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsWithoutRowsSizes"), "10px", "[head1] 0px [tail1 head2] 0p x [tail2]", '"a" "b"'); 208 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsWithoutRowsSizes"), "10px", "[head1] 0px [tail1 head2] 0p x [tail2]", '"a" "b"');
209 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsAndColumns"), "[first] 10px [nav nav2] 15px [nav nav2] 15 px", "100px [nav nav2] 25px [nav nav2] 25px [last]", '"a b c" "d e f" "g h i"'); 209 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsAndColumns"), "[first] 10px [nav nav2] 15px [nav nav2] 15 px", "100px [nav nav2] 25px [nav nav2] 25px [last]", '"a b c" "d e f" "g h i"');
210 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsAndColumnsWithoutRowsSizes"), "[first] 10px [nav nav2] 15 px [nav nav2] 15px", "0px [nav nav2] 0px [nav nav2] 0px [last]", '"a b c" "d e f " "g h i"'); 210 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thLineNamesMultipleRowsAndColumnsWithoutRowsSizes"), "[first] 10px [nav nav2] 15 px [nav nav2] 15px", "0px [nav nav2] 0px [nav nav2] 0px [last]", '"a b c" "d e f " "g h i"');
211 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thAuto"), "10px", "0px", '"a"'); 211 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormWi thAuto"), "10px", "0px", '"a"');
212 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormOn lyAreas"), "none", "0px", '"a"'); 212 testGridDefinitionsValues(document.getElementById("gridTemplateComplexFormOn lyAreas"), "none", "0px", '"a"');
213 testGridDefinitionsValues(document.getElementById("gridTemplateNoColumnsRowW ithEmptyTrailingLineNames"), "none", "[first] 0px", '"a"'); 213 testGridDefinitionsValues(document.getElementById("gridTemplateNoColumnsRowW ithEmptyTrailingLineNames"), "none", "[first] 0px", '"a"');
214 testGridDefinitionsValues(document.getElementById("gridTemplateConsecutiveAr eas"), "10px", "0px 0px", '"a" "a"'); 214 testGridDefinitionsValues(document.getElementById("gridTemplateConsecutiveAr eas"), "10px", "0px 0px", '"a" "a"');
215 215
216 debug(""); 216 debug("");
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
266 testGridDefinitionsSetBadJSValues("'a' / none"); 266 testGridDefinitionsSetBadJSValues("'a' / none");
267 testGridDefinitionsSetBadJSValues("'a' [name] 10px / 25px"); 267 testGridDefinitionsSetBadJSValues("'a' [name] 10px / 25px");
268 testGridDefinitionsSetBadJSValues("'a' / 'b'"); 268 testGridDefinitionsSetBadJSValues("'a' / 'b'");
269 testGridDefinitionsSetBadJSValues("15px"); 269 testGridDefinitionsSetBadJSValues("15px");
270 testGridDefinitionsSetBadJSValues("20px none / 15px"); 270 testGridDefinitionsSetBadJSValues("20px none / 15px");
271 testGridDefinitionsSetBadJSValues("10px 'a' / 25px"); 271 testGridDefinitionsSetBadJSValues("10px 'a' / 25px");
272 272
273 </script> 273 </script>
274 </body> 274 </body>
275 </html> 275 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-container-change-explicit-grid-recompute-child-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698