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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-line-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/minmax-max-content-resolution-rows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.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> 1 <!DOCTYPE HTML>
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 .gridItem { 12 .gridItem {
12 grid-column: 1; 13 grid-column: 1;
13 grid-row: 1; 14 grid-row: 1;
14 height: 22px; 15 height: 22px;
15 width: 77px; 16 width: 77px;
16 } 17 }
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
67 grid-template-rows: 50px [nav nav2] [middle] 10px; 68 grid-template-rows: 50px [nav nav2] [middle] 10px;
68 } 69 }
69 .gridWithInvalidCustomIdents { 70 .gridWithInvalidCustomIdents {
70 grid-template-columns: [first span] 10px; 71 grid-template-columns: [first span] 10px;
71 grid-template-rows: 50px [inherit] 10px; 72 grid-template-rows: 50px [inherit] 10px;
72 } 73 }
73 </style> 74 </style>
74 <script src="../../resources/js-test.js"></script> 75 <script src="../../resources/js-test.js"></script>
75 </head> 76 </head>
76 <body> 77 <body>
77 <div class="grid gridWithFixed" id="gridWithFixedElement"></div> 78 <div class="grid definite gridWithFixed" id="gridWithFixedElement"></div>
78 <div class="grid gridWithPercent" id="gridWithPercentElement"></div> 79 <div class="grid definite gridWithPercent" id="gridWithPercentElement"></div>
79 <div class="indefiniteSizeGrid gridWithPercent" id="gridWithPercentWithoutSize"> </div> 80 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSize"></ div>
80 <div class="indefiniteSizeGrid gridWithPercent" id="gridWithPercentWithoutSizeWi thChildren"> 81 <div class="grid min-content gridWithPercent" id="gridWithPercentWithoutSizeWith Children">
81 <div class="gridItem"></div> 82 <div class="gridItem"></div>
82 </div> 83 </div>
83 <div class="grid gridWithAuto" id="gridWithAutoElement"></div> 84 <div class="grid definite gridWithAuto" id="gridWithAutoElement"></div>
84 <div class="grid gridWithAuto" id="gridWithAutoWithChildrenElement"> 85 <div class="grid definite gridWithAuto" id="gridWithAutoWithChildrenElement">
85 <div class="gridItem"></div> 86 <div class="gridItem"></div>
86 </div> 87 </div>
87 <div class="grid gridWithMinMax" id="gridWithMinMax"></div> 88 <div class="grid definite gridWithMinMax" id="gridWithMinMax"></div>
88 <div class="grid gridWithFixedMultiple" id="gridWithFixedMultiple"></div> 89 <div class="grid definite gridWithFixedMultiple" id="gridWithFixedMultiple"></di v>
89 <div class="grid gridWithPercentageSameStringMultipleTimes" id="gridWithPercenta geSameStringMultipleTimes"></div> 90 <div class="grid definite gridWithPercentageSameStringMultipleTimes" id="gridWit hPercentageSameStringMultipleTimes"></div>
90 <div class="grid gridWithRepeat" id="gridWithRepeatElement"></div> 91 <div class="grid definite gridWithRepeat" id="gridWithRepeatElement"></div>
91 <div class="grid gridWithEmptyBrackets" id="gridWithEmptyBrackets"></div> 92 <div class="grid definite gridWithEmptyBrackets" id="gridWithEmptyBrackets"></di v>
92 <div class="grid gridWithoutBrackets" id="gridWithoutBrackets"></div> 93 <div class="grid definite gridWithoutBrackets" id="gridWithoutBrackets"></div>
93 <div class="grid gridWithInvalidNestedBrackets" id="gridWithInvalidNestedBracket s"></div> 94 <div class="grid definite gridWithInvalidNestedBrackets" id="gridWithInvalidNest edBrackets"></div>
94 <div class="grid gridWithUnbalancedBrackets" id="gridWithUnbalancedBrackets"></d iv> 95 <div class="grid definite gridWithUnbalancedBrackets" id="gridWithUnbalancedBrac kets"></div>
95 <div class="grid gridWithMisplacedBrackets" id="gridWithMisplacedBrackets"></div > 96 <div class="grid definite gridWithMisplacedBrackets" id="gridWithMisplacedBracke ts"></div>
96 <div class="grid gridWithContiguousBrackets" id="gridWithContiguousBrackets"></d iv> 97 <div class="grid definite gridWithContiguousBrackets" id="gridWithContiguousBrac kets"></div>
97 <div class="grid gridWithInvalidCustomIdents" id="gridWithInvalidCustomIdents">< /div> 98 <div class="grid definite gridWithInvalidCustomIdents" id="gridWithInvalidCustom Idents"></div>
98 99
99 <script src="resources/grid-definitions-parsing-utils.js"></script> 100 <script src="resources/grid-definitions-parsing-utils.js"></script>
100 <script> 101 <script>
101 description('Test that setting and getting grid-template-columns and grid-te mplate-rows works as expected'); 102 description('Test that setting and getting grid-template-columns and grid-te mplate-rows works as expected');
102 103
103 debug("Test getting grid-template-columns and grid-template-rows set through CSS"); 104 debug("Test getting grid-template-columns and grid-template-rows set through CSS");
104 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), " [first] 10px", "[first] 15px"); 105 testGridDefinitionsValues(document.getElementById("gridWithFixedElement"), " [first] 10px", "[first] 15px");
105 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "424px [last]", "162px [last]"); 106 testGridDefinitionsValues(document.getElementById("gridWithPercentElement"), "424px [last]", "162px [last]");
106 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSiz e"), "0px [last]", "0px [last]"); 107 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSiz e"), "0px [last]", "0px [last]");
107 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSiz eWithChildren"), "77px [last]", "22px [last]"); 108 testGridDefinitionsValues(document.getElementById("gridWithPercentWithoutSiz eWithChildren"), "77px [last]", "22px [last]");
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
143 testGridDefinitionsSetBadJSValues("[foo]", "[bar"); 144 testGridDefinitionsSetBadJSValues("[foo]", "[bar");
144 testGridDefinitionsSetBadJSValues("[foo bar]", "[bar foo]"); 145 testGridDefinitionsSetBadJSValues("[foo bar]", "[bar foo]");
145 testGridDefinitionsSetBadJSValues("foo bar 10px", "50% baz bar foo 2em"); 146 testGridDefinitionsSetBadJSValues("foo bar 10px", "50% baz bar foo 2em");
146 testGridDefinitionsSetBadJSValues("[foo [bar]] 10px", "50% [[baz bar] foo] 2 em"); 147 testGridDefinitionsSetBadJSValues("[foo [bar]] 10px", "50% [[baz bar] foo] 2 em");
147 testGridDefinitionsSetBadJSValues("[foo bar 10px", "50% [baz bar] foo] 2em") ; 148 testGridDefinitionsSetBadJSValues("[foo bar 10px", "50% [baz bar] foo] 2em") ;
148 testGridDefinitionsSetBadJSValues("[foo 10px] 2em", "[50% bar] [foo]"); 149 testGridDefinitionsSetBadJSValues("[foo 10px] 2em", "[50% bar] [foo]");
149 testGridDefinitionsSetBadJSValues("[auto] 2em", "50% [bar initial]"); 150 testGridDefinitionsSetBadJSValues("[auto] 2em", "50% [bar initial]");
150 </script> 151 </script>
151 </body> 152 </body>
152 </html> 153 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/minmax-max-content-resolution-rows.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698