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

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: Use isSpecified() and added a FIXME Created 7 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
« LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('K') | « 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') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html » ('J')
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(element, '').getPropertyValue('grid-definition-colu mns') is "none" 7 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
8 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 8 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
9 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "10px" 9 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "10px"
10 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "15px" 10 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "15px"
11 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "53%" 11 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "53%"
12 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "27%" 12 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "27%"
13 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "auto" 13 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "auto"
14 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "auto" 14 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "auto"
15 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "100px" 15 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "100px"
16 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "150px" 16 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "150px"
17 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "64px" 17 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "64px"
18 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "60px" 18 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "60px"
19 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(10%, 15px)" 19 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(10%, 15px)"
20 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "minmax(20px, 50%)" 20 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "minmax(20px, 50%)"
21 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "min-content" 21 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "min-content"
22 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "min-content" 22 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "min-content"
23 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "max-content" 23 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "max-content"
24 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "max-content" 24 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "max-content"
25 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1fr" 25 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1fr"
26 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "2fr" 26 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "2fr"
27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "150px"
28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "75px"
29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "550px"
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "465px"
31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(10%, 15px)"
32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "minmax(20px, 50%)"
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(10%, 415px)"
34 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "minmax(80px, 50%)"
27 35
28 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none') 36 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none')
29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 38 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 39 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 40 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
33 41
34 Test the initial value 42 Test the initial value
35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
36 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
90 PASS element.style.gridDefinitionRows is "154fr" 98 PASS element.style.gridDefinitionRows is "154fr"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3.1459fr" 99 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3.1459fr"
92 PASS element.style.gridDefinitionColumns is "3.1459fr" 100 PASS element.style.gridDefinitionColumns is "3.1459fr"
93 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 2.718fr" 101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 2.718fr"
94 PASS element.style.gridDefinitionRows is "2.718fr" 102 PASS element.style.gridDefinitionRows is "2.718fr"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3fr" 103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3fr"
96 PASS element.style.gridDefinitionColumns is "3fr" 104 PASS element.style.gridDefinitionColumns is "3fr"
97 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 4fr" 105 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 4fr"
98 PASS element.style.gridDefinitionRows is "4fr" 106 PASS element.style.gridDefinitionRows is "4fr"
99 107
108 Test getting and setting grid-definition-columns and grid-definition-rows to cal c() values through JS
109 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "150px"
110 PASS element.style.gridDefinitionColumns is "calc(150px)"
111 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 75px"
112 PASS element.style.gridDefinitionRows is "calc(75px)"
113 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "370px"
114 PASS element.style.gridDefinitionColumns is "calc(50% - 30px)"
115 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 135px"
116 PASS element.style.gridDefinitionRows is "calc(75px + 10%)"
117 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(25%, 30px)"
118 PASS element.style.gridDefinitionColumns is "minmax(25%, calc(30px))"
119 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(75%, 40px)"
120 PASS element.style.gridDefinitionRows is "minmax(calc(75%), 40px)"
121 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(10%, 110px)"
122 PASS element.style.gridDefinitionColumns is "minmax(10%, calc(30px + 10%))"
123 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(100px, 200px)"
124 PASS element.style.gridDefinitionRows is "minmax(calc(25% - 50px), 200px)"
125
100 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS 126 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS
101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 131 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 132 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 133 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 134 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
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"
149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
151 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
152 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
153 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
154 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
123 155
124 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS 156 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS
125 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 157 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px"
126 PASS element.style.gridDefinitionColumns is "18px" 158 PASS element.style.gridDefinitionColumns is "18px"
127 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 159 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px"
128 PASS element.style.gridDefinitionRows is "66px" 160 PASS element.style.gridDefinitionRows is "66px"
129 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 161 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none"
130 PASS element.style.gridDefinitionColumns is "none" 162 PASS element.style.gridDefinitionColumns is "none"
131 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 163 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none"
132 PASS element.style.gridDefinitionRows is "none" 164 PASS element.style.gridDefinitionRows is "none"
133 165
134 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS 166 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS
135 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px last' 167 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px last'
136 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 101%' 168 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 101%'
137 169
138 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 170 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS
139 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% last' 171 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% last'
140 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 1fr' 172 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 1fr'
141 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 173 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
142 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 174 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
143 PASS successfullyParsed is true 175 PASS successfullyParsed is true
144 176
145 TEST COMPLETE 177 TEST COMPLETE
146 178
OLDNEW
« LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('K') | « 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') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698