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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 23472008: [CSS Grid Layout] Support calc() breadth track size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@103761-wk
Patch Set: Patch for landing 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-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.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 Test that setting and getting grid-definition-columns and grid-definition-rows w orks as expected 1 Test that setting and getting grid-definition-columns and grid-definition-rows w orks 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-definition-columns and grid-definition-rows set through CSS 6 Test getting grid-definition-columns and grid-definition-rows set through CSS
7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-columns') is "none" 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-columns') is "none"
8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-rows') is "none" 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-rows') is "none"
9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "10px" 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "10px"
10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "15px" 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "15px"
(...skipping 14 matching lines...) Expand all
25 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-columns') is "0px" 25 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-columns') is "0px"
26 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-rows') is "0px" 26 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-rows') is "0px"
27 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px" 27 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px"
28 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px" 28 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px"
29 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-columns') is "0px" 29 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-columns') is "0px"
30 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-rows') is "0px" 30 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-rows') is "0px"
31 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px" 31 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px"
32 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px" 32 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px"
33 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-columns') is "800px" 33 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-columns') is "800px"
34 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-rows') is "600px" 34 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-rows') is "600px"
35 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-def inition-columns') is "150px"
36 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-def inition-rows') is "75px"
37 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-definition-columns') is "550px"
38 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-definition-rows') is "465px"
39 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-definition-columns') is "80px"
40 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-definition-rows') is "300px"
41 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-definition-columns') is "415px"
42 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-definition-rows') is "300px"
35 43
36 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none') 44 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none')
37 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none" 45 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none"
38 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none" 46 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none"
39 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none" 47 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none"
40 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none" 48 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none"
41 49
42 Test the initial value 50 Test the initial value
43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 51 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 52 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 PASS element.style.gridDefinitionRows is "154fr" 106 PASS element.style.gridDefinitionRows is "154fr"
99 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px" 107 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px"
100 PASS element.style.gridDefinitionColumns is "3.1459fr" 108 PASS element.style.gridDefinitionColumns is "3.1459fr"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px" 109 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px"
102 PASS element.style.gridDefinitionRows is "2.718fr" 110 PASS element.style.gridDefinitionRows is "2.718fr"
103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px" 111 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px"
104 PASS element.style.gridDefinitionColumns is "3fr" 112 PASS element.style.gridDefinitionColumns is "3fr"
105 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px" 113 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px"
106 PASS element.style.gridDefinitionRows is "4fr" 114 PASS element.style.gridDefinitionRows is "4fr"
107 115
116 Test getting and setting grid-definition-columns and grid-definition-rows to cal c() values through JS
117 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "150px"
118 PASS element.style.gridDefinitionColumns is "calc(150px)"
119 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 75px"
120 PASS element.style.gridDefinitionRows is "calc(75px)"
121 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "370px"
122 PASS element.style.gridDefinitionColumns is "calc(50% - 30px)"
123 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 135px"
124 PASS element.style.gridDefinitionRows is "calc(75px + 10%)"
125 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "200px"
126 PASS element.style.gridDefinitionColumns is "minmax(25%, calc(30px))"
127 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 450px"
128 PASS element.style.gridDefinitionRows is "minmax(calc(75%), 40px)"
129 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "110px"
130 PASS element.style.gridDefinitionColumns is "minmax(10%, calc(30px + 10%))"
131 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 200px"
132 PASS element.style.gridDefinitionRows is "minmax(calc(25% - 50px), 200px)"
133
108 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS 134 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS
109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 135 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 136 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 137 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 138 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 143 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 144 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 147 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 148 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 151 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 152 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 153 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 154 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
131 161
132 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS 162 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS
133 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 163 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px"
134 PASS element.style.gridDefinitionColumns is "18px" 164 PASS element.style.gridDefinitionColumns is "18px"
135 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 165 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px"
136 PASS element.style.gridDefinitionRows is "66px" 166 PASS element.style.gridDefinitionRows is "66px"
137 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 167 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none"
138 PASS element.style.gridDefinitionColumns is "none" 168 PASS element.style.gridDefinitionColumns is "none"
139 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 169 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none"
140 PASS element.style.gridDefinitionRows is "none" 170 PASS element.style.gridDefinitionRows is "none"
141 171
142 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS 172 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS
143 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px last' 173 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px last'
144 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 101px' 174 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 101px'
145 175
146 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 176 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS
147 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '450px last' 177 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '450px last'
148 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 150px' 178 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 150px'
149 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 179 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
150 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 180 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
151 PASS successfullyParsed is true 181 PASS successfullyParsed is true
152 182
153 TEST COMPLETE 183 TEST COMPLETE
154 184
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698