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

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 1488493003: [css-grid] refactoring of layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Patch rebased and refactoring of alignment css rules. Created 4 years, 11 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-change-rows-repaint-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-shrink-to-fit.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="resources/grid.css" rel="stylesheet"> 5 <link href="resources/grid.css" rel="stylesheet">
5 <style> 6 <style>
6 .grid { 7 .definite {
7 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */ 8 /* Give an explicit size to the grid so that percentage grid tracks have a c onsistent resolution */
8 width: 800px; 9 width: 800px;
9 height: 600px; 10 height: 600px;
10 } 11 }
11
12 .gridItem { 12 .gridItem {
13 grid-column: 1; 13 grid-column: 1;
14 grid-row: 1; 14 grid-row: 1;
15 width: 33px; 15 width: 33px;
16 height: 44px; 16 height: 44px;
17 } 17 }
18 18
19 .gridItem2 { 19 .gridItem2 {
20 grid-column: 2; 20 grid-column: 2;
21 grid-row: 2; 21 grid-row: 2;
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
64 } 64 }
65 65
66 .mixNonRepeatAfterRepeat { 66 .mixNonRepeatAfterRepeat {
67 grid-template-rows: repeat(2, 10px) [end] auto; 67 grid-template-rows: repeat(2, 10px) [end] auto;
68 grid-template-columns: repeat(2, 250px) 15% [last]; 68 grid-template-columns: repeat(2, 250px) 15% [last];
69 } 69 }
70 </style> 70 </style>
71 <script src="../../resources/js-test.js"></script> 71 <script src="../../resources/js-test.js"></script>
72 </head> 72 </head>
73 <body> 73 <body>
74 <div class="grid singleSingleTrackRepeat" id="singleSingleTrackRepeatWithSize">< /div> 74 <div class="grid definite singleSingleTrackRepeat" id="singleSingleTrackRepeatWi thSize"></div>
75 <div class="indefiniteSizeGrid singleSingleTrackRepeat" id="singleSingleTrackRep eatWithoutSize"></div> 75 <div class="grid min-content singleSingleTrackRepeat" id="singleSingleTrackRepea tWithoutSize"></div>
76 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeat"></div> 76 <div class="grid definite twoSingleTrackRepeat" id="twoSingleTrackRepeat"></div>
77 <div class="grid twoSingleTrackRepeat" id="twoSingleTrackRepeatWithChildren"> 77 <div class="grid definite twoSingleTrackRepeat" id="twoSingleTrackRepeatWithChil dren">
78 <div class="gridItem"></div> 78 <div class="gridItem"></div>
79 <div class="gridItem2"></div> 79 <div class="gridItem2"></div>
80 </div> 80 </div>
81 <div class="grid twoDoubleTrackRepeat" id="twoDoubleTrackRepeat"> 81 <div class="grid definite twoDoubleTrackRepeat" id="twoDoubleTrackRepeat">
82 <div class="gridItem"></div> 82 <div class="gridItem"></div>
83 <div class="gridItem2"></div> 83 <div class="gridItem2"></div>
84 </div> 84 </div>
85 <div class="grid twoDoubleTrackWithNamedGridLineRepeat" id="twoDoubleTrackWithNa medGridLineRepeat"> 85 <div class="grid definite twoDoubleTrackWithNamedGridLineRepeat" id="twoDoubleTr ackWithNamedGridLineRepeat">
86 <div class="gridItem"></div> 86 <div class="gridItem"></div>
87 <div class="gridItem2"></div> 87 <div class="gridItem2"></div>
88 </div> 88 </div>
89 <div class="grid twoDoubleTrackWithTrailingNamedGridLineRepeat" id="twoDoubleTra ckWithTrailingNamedGridLineRepeat"></div> 89 <div class="grid definite twoDoubleTrackWithTrailingNamedGridLineRepeat" id="two DoubleTrackWithTrailingNamedGridLineRepeat"></div>
90 <div class="grid trailingNamedGridLineRepeat" id="trailingNamedGridLineRepeat">< /div> 90 <div class="grid definite trailingNamedGridLineRepeat" id="trailingNamedGridLine Repeat"></div>
91 <div class="grid leadingNamedGridLineRepeat" id="leadingNamedGridLineRepeat"></d iv> 91 <div class="grid definite leadingNamedGridLineRepeat" id="leadingNamedGridLineRe peat"></div>
92 <div class="grid mixRepeatAfterNonRepeat" id="mixRepeatAfterNonRepeat"> 92 <div class="grid definite mixRepeatAfterNonRepeat" id="mixRepeatAfterNonRepeat">
93 <div class="gridItem"></div> 93 <div class="gridItem"></div>
94 </div> 94 </div>
95 <div class="grid mixNonRepeatAfterRepeat" id="mixNonRepeatAfterRepeat"></div> 95 <div class="grid definite mixNonRepeatAfterRepeat" id="mixNonRepeatAfterRepeat"> </div>
96 96
97 <script src="resources/grid-definitions-parsing-utils.js"></script> 97 <script src="resources/grid-definitions-parsing-utils.js"></script>
98 <script> 98 <script>
99 description('Test that setting and getting grid-template-columns and grid-te mplate-rows with repeat() works as expected'); 99 description('Test that setting and getting grid-template-columns and grid-te mplate-rows with repeat() works as expected');
100 100
101 debug("Test getting grid-template-columns and grid-template-rows set through CSS"); 101 debug("Test getting grid-template-columns and grid-template-rows set through CSS");
102 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thSize"), "120px", "18px"); 102 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thSize"), "120px", "18px");
103 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thoutSize"), "0px", "18px"); 103 testGridDefinitionsValues(document.getElementById("singleSingleTrackRepeatWi thoutSize"), "0px", "18px");
104 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), " 400px 400px", "0px 0px"); 104 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeat"), " 400px 400px", "0px 0px");
105 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeatWithC hildren"), "400px 400px", "44px 77px"); 105 testGridDefinitionsValues(document.getElementById("twoSingleTrackRepeatWithC hildren"), "400px 400px", "44px 77px");
(...skipping 21 matching lines...) Expand all
127 testInvalidSyntax("repeat(0, 15px)"); 127 testInvalidSyntax("repeat(0, 15px)");
128 testInvalidSyntax("repeat(-1, auto)"); 128 testInvalidSyntax("repeat(-1, auto)");
129 testInvalidSyntax("repeat(1, [foo])"); 129 testInvalidSyntax("repeat(1, [foo])");
130 testInvalidSyntax("repeat(1, )"); 130 testInvalidSyntax("repeat(1, )");
131 testInvalidSyntax("repeat(1)"); 131 testInvalidSyntax("repeat(1)");
132 // Nesting is no allowed. 132 // Nesting is no allowed.
133 testInvalidSyntax("repeat(2, repeat(1, auto))"); 133 testInvalidSyntax("repeat(2, repeat(1, auto))");
134 </script> 134 </script>
135 </body> 135 </body>
136 </html> 136 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-change-rows-repaint-expected.txt ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-element-shrink-to-fit.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698