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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1168453002: [CSSGridLayout] Switch from parentheses to brackets for grid line names (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Patch for landing v2 Created 5 years, 6 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 | « LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html ('k') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set.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 This test checks that the 'grid-template' shorthand is properly parsed and the l onghand properties correctly assigned. 1 This test checks that the 'grid-template' shorthand is properly parsed and the l onghand properties correctly assigned.
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-areas set through CSS. 6 Test getting grid-template-areas set through CSS.
7 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-columns') is "none" 7 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-columns') is "none"
8 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-rows') is "none" 8 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-rows') is "none"
9 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-areas') is "none" 9 PASS window.getComputedStyle(gridTemplateWithNone, '').getPropertyValue('grid-te mplate-areas') is "none"
10 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-columns') is "10px" 10 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-columns') is "10px"
11 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-rows') is "15px" 11 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-rows') is "15px"
12 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-areas') is "none" 12 PASS window.getComputedStyle(gridTemplateSimpleForm, '').getPropertyValue('grid- template-areas') is "none"
13 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-columns') is "none" 13 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-columns') is "none"
14 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-rows') is "15px" 14 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-rows') is "15px"
15 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-areas') is "none" 15 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneColumns, '').getPrope rtyValue('grid-template-areas') is "none"
16 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-columns') is "10px" 16 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-columns') is "10px"
17 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-rows') is "none" 17 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-rows') is "none"
18 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-areas') is "none" 18 PASS window.getComputedStyle(gridTemplateSimpleFormWithNoneRows, '').getProperty Value('grid-template-areas') is "none"
19 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-columns') is "none" 19 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-columns') is "none"
20 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-rows') is "none" 20 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-rows') is "none"
21 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-areas') is "none" 21 PASS window.getComputedStyle(gridTemplateSimpleFormWithNone, '').getPropertyValu e('grid-template-areas') is "none"
22 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-columns') is "10px" 22 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-columns') is "10px"
23 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-rows') is "15px" 23 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-rows') is "15px"
24 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-areas') is "\"a\"" 24 PASS window.getComputedStyle(gridTemplateComplexForm, '').getPropertyValue('grid -template-areas') is "\"a\""
25 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-columns') is "10px" 25 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-columns') is "10px"
26 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-rows') is "(head) 15px (tail)" 26 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-rows') is "[head] 15px [tail]"
27 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-areas') is "\"a\"" 27 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNames, '').getProper tyValue('grid-template-areas') is "\"a\""
28 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-columns') is "10px" 28 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-columns') is "10px"
29 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-rows') is "(head) 15px (tail)" 29 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-rows') is "[head] 15px [tail]"
30 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-areas') is "\"a b\"" 30 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleColumns , '').getPropertyValue('grid-template-areas') is "\"a b\""
31 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-columns') is "10px" 31 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-columns') is "10px"
32 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-rows') is "(head1) 15px (tail1 head2) 20px (t ail2)" 32 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-rows') is "[head1] 15px [tail1 head2] 20px [t ail2]"
33 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-areas') is "\"a\" \"b\"" 33 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRows, ' ').getPropertyValue('grid-template-areas') is "\"a\" \"b\""
34 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-columns') is "(first) 10px (nav nav 2) 15px (nav nav2) 15px" 34 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-columns') is "[first] 10px [nav nav 2] 15px [nav nav2] 15px"
35 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-rows') is "100px (nav nav2) 25px (n av nav2) 25px (last)" 35 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-rows') is "100px [nav nav2] 25px [n av nav2] 25px [last]"
36 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-areas') is "\"a b c\" \"d e f\" \"g h i\"" 36 PASS window.getComputedStyle(gridTemplateComplexFormWithLineNamesMultipleRowsAnd Columns, '').getPropertyValue('grid-template-areas') is "\"a b c\" \"d e f\" \"g h i\""
37 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-columns') is "10px" 37 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-columns') is "10px"
38 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-rows') is "0px" 38 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-rows') is "0px"
39 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-areas') is "\"a\"" 39 PASS window.getComputedStyle(gridTemplateComplexFormWithAuto, '').getPropertyVal ue('grid-template-areas') is "\"a\""
40 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-columns') is "none" 40 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-columns') is "none"
41 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-rows') is "0px" 41 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-rows') is "0px"
42 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-areas') is "\"a\"" 42 PASS window.getComputedStyle(gridTemplateComplexFormOnlyAreas, '').getPropertyVa lue('grid-template-areas') is "\"a\""
43 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-columns') is "none" 43 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-columns') is "none"
44 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-rows') is "(first) 0px" 44 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-rows') is "[first] 0px"
45 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-areas') is "\"a\"" 45 PASS window.getComputedStyle(gridTemplateNoColumnsRowWithEmptyTrailingLineNames, '').getPropertyValue('grid-template-areas') is "\"a\""
46 46
47 Test getting wrong values for grid-template shorthand through CSS (they should r esolve to the default: 'none') 47 Test getting wrong values for grid-template shorthand through CSS (they should r esolve to the default: 'none')
48 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-columns') is "none" 48 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-columns') is "none"
49 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-rows') is "none" 49 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-rows') is "none"
50 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-areas') is "none" 50 PASS window.getComputedStyle(gridTemplateMultipleSlash, '').getPropertyValue('gr id-template-areas') is "none"
51 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-columns') is "none" 51 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-columns') is "none"
52 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-rows') is "none" 52 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-rows') is "none"
53 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-areas') is "none" 53 PASS window.getComputedStyle(gridTemplateSimpleFormJustColumns, '').getPropertyV alue('grid-template-areas') is "none"
54 PASS window.getComputedStyle(gridTemplateSimpleFormNoRows, '').getPropertyValue( 'grid-template-columns') is "none" 54 PASS window.getComputedStyle(gridTemplateSimpleFormNoRows, '').getPropertyValue( 'grid-template-columns') is "none"
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none" 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
120 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne' 120 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one' 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one'
122 122
123 Test setting grid-template-columns and grid-template-rows back to 'none' through JS 123 Test setting grid-template-columns and grid-template-rows back to 'none' through JS
124 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "10px" 124 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "10px"
125 PASS element.style.gridTemplateColumns is "10px" 125 PASS element.style.gridTemplateColumns is "10px"
126 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(l ine) 20px" 126 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[l ine] 20px"
127 PASS element.style.gridTemplateRows is "(line) 20px" 127 PASS element.style.gridTemplateRows is "[line] 20px"
128 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\"" 128 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\""
129 PASS element.style.gridTemplateAreas is "\"a\"" 129 PASS element.style.gridTemplateAreas is "\"a\""
130 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" 130 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
131 PASS element.style.gridTemplateColumns is "none" 131 PASS element.style.gridTemplateColumns is "none"
132 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne" 132 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
133 PASS element.style.gridTemplateRows is "none" 133 PASS element.style.gridTemplateRows is "none"
134 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one" 134 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
135 PASS element.style.gridTemplateAreas is "none" 135 PASS element.style.gridTemplateAreas is "none"
136 136
137 Test getting and setting grid-template shorthand through JS 137 Test getting and setting grid-template shorthand through JS
138 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px" 138 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
139 PASS element.style.gridTemplateColumns is "18px" 139 PASS element.style.gridTemplateColumns is "18px"
140 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px" 140 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
141 PASS element.style.gridTemplateRows is "66px" 141 PASS element.style.gridTemplateRows is "66px"
142 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one" 142 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
143 PASS element.style.gridTemplateAreas is "none" 143 PASS element.style.gridTemplateAreas is "none"
144 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "10px" 144 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "10px"
145 PASS element.style.gridTemplateColumns is "10px" 145 PASS element.style.gridTemplateColumns is "10px"
146 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(h ead) 15px (tail)" 146 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[h ead] 15px [tail]"
147 PASS element.style.gridTemplateRows is "(head) 15px (tail)" 147 PASS element.style.gridTemplateRows is "[head] 15px [tail]"
148 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\"" 148 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\""
149 PASS element.style.gridTemplateAreas is "\"a\"" 149 PASS element.style.gridTemplateAreas is "\"a\""
150 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" 150 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
151 PASS element.style.gridTemplateColumns is "none" 151 PASS element.style.gridTemplateColumns is "none"
152 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 152 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
153 PASS element.style.gridTemplateRows is "auto" 153 PASS element.style.gridTemplateRows is "auto"
154 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\"" 154 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "\ "a\""
155 PASS element.style.gridTemplateAreas is "\"a\"" 155 PASS element.style.gridTemplateAreas is "\"a\""
156 156
157 Test setting grid-template shorthand to bad values through JS 157 Test setting grid-template shorthand to bad values through JS
(...skipping 12 matching lines...) Expand all
170 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 170 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
171 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 171 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
172 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none" 172 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
173 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 173 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
174 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 174 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
175 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none" 175 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
176 PASS successfullyParsed is true 176 PASS successfullyParsed is true
177 177
178 TEST COMPLETE 178 TEST COMPLETE
179 179
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html ('k') | LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698