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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html

Issue 23528004: [CSS Grid Layout] Update named grid lines syntax to the last version of the specs (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@named
Patch Set: New parsing based on rune's and jchaffraix's comments Created 7 years, 1 month 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 | « LayoutTests/fast/css-grid-layout/grid-container-change-named-grid-lines-recompute-child.html ('k') | LayoutTests/fast/css-grid-layout/grid-item-bad-resolution-double-span.html » ('j') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html » ('J')
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 <script> 4 <script>
5 if (window.testRunner) 5 if (window.testRunner)
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
7 </script> 7 </script>
8 <link href="resources/grid.css" rel="stylesheet"> 8 <link href="resources/grid.css" rel="stylesheet">
9 <style> 9 <style>
10 .grid { 10 .grid {
(...skipping 25 matching lines...) Expand all
36 grid-definition-rows: repeat(2, auto); 36 grid-definition-rows: repeat(2, auto);
37 grid-definition-columns: repeat(2, minmax(15px, 50%)); 37 grid-definition-columns: repeat(2, minmax(15px, 50%));
38 } 38 }
39 39
40 .twoDoubleTrackRepeat { 40 .twoDoubleTrackRepeat {
41 grid-definition-rows: repeat(2, minmax(5px, 10px) auto); 41 grid-definition-rows: repeat(2, minmax(5px, 10px) auto);
42 grid-definition-columns: repeat(2, auto minmax(100px, 120px)); 42 grid-definition-columns: repeat(2, auto minmax(100px, 120px));
43 } 43 }
44 44
45 .twoDoubleTrackWithNamedGridLineRepeat { 45 .twoDoubleTrackWithNamedGridLineRepeat {
46 grid-definition-rows: repeat(2, 10px 'start' auto 'end'); 46 grid-definition-rows: repeat(2, 10px (start) auto (end));
47 grid-definition-columns: repeat(2, auto 'middle' 250px 'end'); 47 grid-definition-columns: repeat(2, auto (middle) 250px (end));
48 } 48 }
49 49
50 .twoDoubleTrackWithTrailingNamedGridLineRepeat { 50 .twoDoubleTrackWithTrailingNamedGridLineRepeat {
51 grid-definition-rows: repeat(2, 'before' 10px); 51 grid-definition-rows: repeat(2, (before) 10px);
52 grid-definition-columns: repeat(2, 'before' auto); 52 grid-definition-columns: repeat(2, (before) auto);
53 } 53 }
54 54
55 .trailingNamedGridLineRepeat { 55 .trailingNamedGridLineRepeat {
56 grid-definition-rows: repeat(1, 10px) 'end'; 56 grid-definition-rows: repeat(1, 10px) (end);
57 grid-definition-columns: repeat(1, 250px) 'end'; 57 grid-definition-columns: repeat(1, 250px) (end);
58 } 58 }
59 59
60 .leadingNamedGridLineRepeat { 60 .leadingNamedGridLineRepeat {
61 grid-definition-rows: 'start' repeat(2, 10px); 61 grid-definition-rows: (start) repeat(2, 10px);
62 grid-definition-columns: 'start' repeat(2, 250px); 62 grid-definition-columns: (start) repeat(2, 250px);
63 } 63 }
64 64
65 .mixRepeatAfterNonRepeat { 65 .mixRepeatAfterNonRepeat {
66 grid-definition-rows: auto repeat(2, 10px); 66 grid-definition-rows: auto repeat(2, 10px);
67 grid-definition-columns: 'start' 140px repeat(2, 250px); 67 grid-definition-columns: (start) 140px repeat(2, 250px);
68 } 68 }
69 69
70 .mixNonRepeatAfterRepeat { 70 .mixNonRepeatAfterRepeat {
71 grid-definition-rows: repeat(2, 10px) 'end' auto; 71 grid-definition-rows: repeat(2, 10px) (end) auto;
72 grid-definition-columns: repeat(2, 250px) 15% 'last'; 72 grid-definition-columns: repeat(2, 250px) 15% (last);
73 } 73 }
74 </style> 74 </style>
75 <script src="../../resources/js-test.js"></script> 75 <script src="../../resources/js-test.js"></script>
76 </head> 76 </head>
77 <body> 77 <body>
78 <div class="grid singleSingleTrackRepeat" id="singleSingleTrackRepeatWithSize">< /div> 78 <div class="grid singleSingleTrackRepeat" id="singleSingleTrackRepeatWithSize">< /div>
79 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeat"></div> 79 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeat"></div>
80 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeatWithChildren"> 80 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeatWithChildren">
81 <div class="gridItem"></div> 81 <div class="gridItem"></div>
82 <div class="gridItem2"></div> 82 <div class="gridItem2"></div>
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
126 testInvalidSyntax("repeat()"); 126 testInvalidSyntax("repeat()");
127 testInvalidSyntax("repeat(3 / auto)"); 127 testInvalidSyntax("repeat(3 / auto)");
128 testInvalidSyntax("repeat(3 , ,)"); 128 testInvalidSyntax("repeat(3 , ,)");
129 testInvalidSyntax("repeat(0, 15px)"); 129 testInvalidSyntax("repeat(0, 15px)");
130 testInvalidSyntax("repeat(-1, auto)"); 130 testInvalidSyntax("repeat(-1, auto)");
131 // Nesting is no allowed. 131 // Nesting is no allowed.
132 testInvalidSyntax("repeat(2, repeat(1, auto))"); 132 testInvalidSyntax("repeat(2, repeat(1, auto))");
133 </script> 133 </script>
134 </body> 134 </body>
135 </html> 135 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-container-change-named-grid-lines-recompute-child.html ('k') | LayoutTests/fast/css-grid-layout/grid-item-bad-resolution-double-span.html » ('j') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698