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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt

Issue 2287113004: [css-grid] Implement fit-content track size (Closed)
Patch Set: Patch for landing Created 4 years, 3 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-columns-rows-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that setting and getting grid-template-columns and grid-template-rows works as expected 1 Test that setting and getting grid-template-columns and grid-template-rows works as expected
2 2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ". 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".
4 4
5 5
6 Test getting grid-template-columns and grid-template-rows set through CSS 6 Test getting grid-template-columns and grid-template-rows set through CSS
7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-columns') is "none" 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-columns') is "none"
8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-rows') is "none" 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-rows') is "none"
9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "10px" 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "10px"
10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "15px" 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "15px"
(...skipping 28 matching lines...) Expand all
39 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-columns') is "150px" 39 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-columns') is "150px"
40 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-rows') is "75px" 40 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-rows') is "75px"
41 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-columns') is "550px" 41 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-columns') is "550px"
42 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-rows') is "465px" 42 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-rows') is "465px"
43 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "80px" 43 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "80px"
44 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "300px" 44 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "300px"
45 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-columns') is "415px" 45 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-columns') is "415px"
46 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-rows') is "300px" 46 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-rows') is "300px"
47 PASS window.getComputedStyle(gridWithAutoInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "20px" 47 PASS window.getComputedStyle(gridWithAutoInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "20px"
48 PASS window.getComputedStyle(gridWithAutoInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "11px" 48 PASS window.getComputedStyle(gridWithAutoInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "11px"
49 PASS window.getComputedStyle(gridWithFitContentFunctionElement, '').getPropertyV alue('grid-template-columns') is "7px"
50 PASS window.getComputedStyle(gridWithFitContentFunctionElement, '').getPropertyV alue('grid-template-rows') is "11px"
49 51
50 Test getting wrong values for grid-template-columns and grid-template-rows throu gh CSS (they should resolve to the default: 'none') 52 Test getting wrong values for grid-template-columns and grid-template-rows throu gh CSS (they should resolve to the default: 'none')
51 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none" 53 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none"
52 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none" 54 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none"
53 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none" 55 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none"
54 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none" 56 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none"
55 57
56 Test the initial value 58 Test the initial value
57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 59 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
58 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 60 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
(...skipping 18 matching lines...) Expand all
77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px" 79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px"
78 PASS element.style.gridTemplateRows is "25vh" 80 PASS element.style.gridTemplateRows is "25vh"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
80 PASS element.style.gridTemplateColumns is "min-content" 82 PASS element.style.gridTemplateColumns is "min-content"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 83 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
82 PASS element.style.gridTemplateRows is "min-content" 84 PASS element.style.gridTemplateRows is "min-content"
83 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 85 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
84 PASS element.style.gridTemplateColumns is "max-content" 86 PASS element.style.gridTemplateColumns is "max-content"
85 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 87 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
86 PASS element.style.gridTemplateRows is "max-content" 88 PASS element.style.gridTemplateRows is "max-content"
89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
90 PASS element.style.gridTemplateColumns is "fit-content(100px)"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
92 PASS element.style.gridTemplateRows is "fit-content(25%)"
87 93
88 Test getting and setting grid-template-columns and grid-template-rows to minmax( ) values through JS 94 Test getting and setting grid-template-columns and grid-template-rows to minmax( ) values through JS
89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px" 95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px"
90 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)" 96 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px" 97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px"
92 PASS element.style.gridTemplateRows is "minmax(30px, 40%)" 98 PASS element.style.gridTemplateRows is "minmax(30px, 40%)"
93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px" 99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
94 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)" 100 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px" 101 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px"
96 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)" 102 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
173 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 179 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
174 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 180 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
175 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 181 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
176 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 182 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
177 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 183 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
178 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 184 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
179 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 185 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
180 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 186 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
181 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 187 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
182 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 188 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
189 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
190 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
191 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
192 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
193 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
194 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
195 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
196 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
197 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
198 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
199 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
200 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
201 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
202 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
183 203
184 Test setting grid-template-columns and grid-template-rows back to 'none' through JS 204 Test setting grid-template-columns and grid-template-rows back to 'none' through JS
185 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px" 205 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
186 PASS element.style.gridTemplateColumns is "18px" 206 PASS element.style.gridTemplateColumns is "18px"
187 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px" 207 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
188 PASS element.style.gridTemplateRows is "66px" 208 PASS element.style.gridTemplateRows is "66px"
189 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" 209 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
190 PASS element.style.gridTemplateColumns is "none" 210 PASS element.style.gridTemplateColumns is "none"
191 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne" 211 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
192 PASS element.style.gridTemplateRows is "none" 212 PASS element.style.gridTemplateRows is "none"
193 213
194 Test setting grid-template-columns and grid-template-rows to 'inherit' through J S 214 Test setting grid-template-columns and grid-template-rows to 'inherit' through J S
195 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px [last]' 215 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px [last]'
196 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f irst] 101px' 216 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f irst] 101px'
197 217
198 Test setting grid-template-columns and grid-template-rows to 'initial' through J S 218 Test setting grid-template-columns and grid-template-rows to 'initial' through J S
199 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '450px [last]' 219 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '450px [last]'
200 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f irst] 150px' 220 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '[f irst] 150px'
201 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' 221 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
202 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne' 222 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
203 PASS successfullyParsed is true 223 PASS successfullyParsed is true
204 224
205 TEST COMPLETE 225 TEST COMPLETE
206 226
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698