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

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

Issue 23528004: [CSS Grid Layout] Update named grid lines syntax to the last version of the specs (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@named
Patch Set: New parsing based on rune's and jchaffraix's comments 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
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(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "first 10px" 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "first 10px"
8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "first 15px" 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "first 15px"
9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "424px last" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "424px last"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "162px last" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "162px last"
11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "first 0px" 11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "first 0px"
12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "0px last" 12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "0px last"
13 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-columns') is "first 77px" 13 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-columns') is "first 77px"
14 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-rows') is "22px last" 14 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-rows') is "22px last"
15 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "first 80px" 15 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "first 80px"
16 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "300px last" 16 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "300px last"
17 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-columns') is "first nav 10px last" 17 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-columns') is "first nav 10px last"
18 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-rows') is "first nav 15px last" 18 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-rows') is "first nav 15px last"
19 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-columns') is "first nav 80px nav 120px last" 19 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-columns') is "first nav 80px nav 120px last"
20 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-rows') is "first nav2 150px nav2 450px last" 20 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-rows') is "first nav2 150px nav2 450px last"
21 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-columns') is "first 10px nav nav2 400px nav nav2 400px"
22 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-rows') is "100px nav nav2 150px nav nav2 150px last"
21 23
22 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 24 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS
23 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 18px" 25 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 18px"
24 PASS element.style.gridDefinitionColumns is "first 18px" 26 PASS element.style.gridDefinitionColumns is "first 18px"
25 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px last" 27 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px last"
26 PASS element.style.gridDefinitionRows is "66px last" 28 PASS element.style.gridDefinitionRows is "66px last"
27 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 440px" 29 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 440px"
28 PASS element.style.gridDefinitionColumns is "first 55%" 30 PASS element.style.gridDefinitionColumns is "first 55%"
29 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px last" 31 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px last"
30 PASS element.style.gridDefinitionRows is "40% last" 32 PASS element.style.gridDefinitionRows is "40% last"
(...skipping 30 matching lines...) Expand all
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " first nav 0px last" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " first nav 0px last"
62 PASS element.style.gridDefinitionRows is "first nav minmax(max-content, min-cont ent) last" 64 PASS element.style.gridDefinitionRows is "first nav minmax(max-content, min-cont ent) last"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first nav 0px nav 0px last" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first nav 0px nav 0px last"
64 PASS element.style.gridDefinitionColumns is "first nav minmax(min-content, max-c ontent) nav auto last" 66 PASS element.style.gridDefinitionColumns is "first nav minmax(min-content, max-c ontent) nav auto last"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " first nav2 0px nav2 15px last" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " first nav2 0px nav2 15px last"
66 PASS element.style.gridDefinitionRows is "first nav2 minmax(max-content, min-con tent) nav2 minmax(10px, 15px) last" 68 PASS element.style.gridDefinitionRows is "first nav2 minmax(max-content, min-con tent) nav2 minmax(10px, 15px) last"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "foo bar 0px foo 0px bar" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "foo bar 0px foo 0px bar"
68 PASS element.style.gridDefinitionColumns is "foo bar auto foo auto bar" 70 PASS element.style.gridDefinitionColumns is "foo bar auto foo auto bar"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " foo bar 0px foo 0px bar" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " foo bar 0px foo 0px bar"
70 PASS element.style.gridDefinitionRows is "foo bar auto foo auto bar" 72 PASS element.style.gridDefinitionRows is "foo bar auto foo auto bar"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 0px foo bar 20px foo bar 20px"
74 PASS element.style.gridDefinitionColumns is "first auto foo bar 20px foo bar 20p x"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 220px foo 300px baz"
76 PASS element.style.gridDefinitionRows is "220px foo 50% baz"
77
78 Test getting invalid grid-definition-columns and grid-definition-rows set throug h CSS
79 PASS window.getComputedStyle(gridWithoutParenthesesElement, '').getPropertyValue ('grid-definition-columns') is "none"
80 PASS window.getComputedStyle(gridWithoutParenthesesElement, '').getPropertyValue ('grid-definition-rows') is "none"
81 PASS window.getComputedStyle(gridWithInvalidNestedParenthesesElement, '').getPro pertyValue('grid-definition-columns') is "none"
82 PASS window.getComputedStyle(gridWithInvalidNestedParenthesesElement, '').getPro pertyValue('grid-definition-rows') is "none"
83 PASS window.getComputedStyle(gridWithUnbalancedParenthesesElement, '').getProper tyValue('grid-definition-columns') is "none"
84 PASS window.getComputedStyle(gridWithUnbalancedParenthesesElement, '').getProper tyValue('grid-definition-rows') is "none"
85 PASS window.getComputedStyle(gridWithMisplacedParenthesesElement, '').getPropert yValue('grid-definition-columns') is "none"
86 PASS window.getComputedStyle(gridWithMisplacedParenthesesElement, '').getPropert yValue('grid-definition-rows') is "none"
71 87
72 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS 88 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 89 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
74 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 90 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 91 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
76 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 92 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
77 PASS successfullyParsed is true 101 PASS successfullyParsed is true
78 102
79 TEST COMPLETE 103 TEST COMPLETE
80 104
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698