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

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

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 years, 10 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
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-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-definition-columns and grid-definition-rows set through CSS 6 Test getting grid-template-columns and grid-template-rows set through CSS
7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-columns') is "none" 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-columns') is "none"
8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-def inition-rows') is "none" 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-rows') is "none"
9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "10px" 9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "10px"
10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "15px" 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "15px"
11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53%" 11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "53%"
12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27%" 12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "27%"
13 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "auto" 13 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "auto"
14 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "auto" 14 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "auto"
15 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-columns') is "100px" 15 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-columns') is "100px"
16 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-rows') is "150px" 16 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-rows') is "150px"
17 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-columns') is "64px" 17 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-columns') is "64px"
18 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-rows') is "60px" 18 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-rows') is "60px"
19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "minmax(10%, 15px)" 19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -columns') is "minmax(10%, 15px)"
20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "minmax(20px, 50%)" 20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -rows') is "minmax(20px, 50%)"
21 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-columns') is "min-content" 21 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-temp late-columns') is "min-content"
22 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-defi nition-rows') is "min-content" 22 PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-temp late-rows') is "min-content"
23 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-columns') is "max-content" 23 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-temp late-columns') is "max-content"
24 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-defi nition-rows') is "max-content" 24 PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-temp late-rows') is "max-content"
25 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-columns') is "1fr" 25 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-templa te-columns') is "1fr"
26 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-defini tion-rows') is "2fr" 26 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-templa te-rows') is "2fr"
27 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-definition -columns') is "150px" 27 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-template-c olumns') is "150px"
28 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-definition -rows') is "75px" 28 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-template-r ows') is "75px"
29 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-def inition-columns') is "calc(50% + 150px)" 29 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-tem plate-columns') is "calc(50% + 150px)"
30 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-def inition-rows') is "calc(65% + 75px)" 30 PASS window.getComputedStyle(gridWithCalcComplex, '').getPropertyValue('grid-tem plate-rows') is "calc(65% + 75px)"
31 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-columns') is "minmax(10%, 15px)" 31 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-template-columns') is "minmax(10%, 15px)"
32 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-rows') is "minmax(20px, 50%)" 32 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-template-rows') is "minmax(20px, 50%)"
33 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-definition-columns') is "minmax(10%, calc(50% + 15px))" 33 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-template-columns') is "minmax(10%, calc(50% + 15px))"
34 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-definition-rows') is "minmax(calc(20px + 10%), 50%)" 34 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyVal ue('grid-template-rows') is "minmax(calc(20px + 10%), 50%)"
35 35
36 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-template-columns and grid-template-rows throu gh CSS (they should resolve to the default: 'none')
37 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none" 37 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none"
38 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none" 38 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none"
39 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none" 39 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none"
40 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none" 40 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none"
41 41
42 Test the initial value 42 Test the initial value
43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 45 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
46 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 46 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
47 47
48 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 48 Test getting and setting grid-template-columns and grid-template-rows through JS
49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
50 PASS element.style.gridDefinitionColumns is "18px" 50 PASS element.style.gridTemplateColumns is "18px"
51 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 51 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
52 PASS element.style.gridDefinitionRows is "66px" 52 PASS element.style.gridTemplateRows is "66px"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "55%" 53 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "55%"
54 PASS element.style.gridDefinitionColumns is "55%" 54 PASS element.style.gridTemplateColumns is "55%"
55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 40%" 55 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "40 %"
56 PASS element.style.gridDefinitionRows is "40%" 56 PASS element.style.gridTemplateRows is "40%"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "auto" 57 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "auto"
58 PASS element.style.gridDefinitionColumns is "auto" 58 PASS element.style.gridTemplateColumns is "auto"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " auto" 59 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "au to"
60 PASS element.style.gridDefinitionRows is "auto" 60 PASS element.style.gridTemplateRows is "auto"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "80px" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "80px"
62 PASS element.style.gridDefinitionColumns is "10vw" 62 PASS element.style.gridTemplateColumns is "10vw"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 150px" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px"
64 PASS element.style.gridDefinitionRows is "25vh" 64 PASS element.style.gridTemplateRows is "25vh"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "min-content" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "min-content"
66 PASS element.style.gridDefinitionColumns is "min-content" 66 PASS element.style.gridTemplateColumns is "min-content"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " min-content" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi n-content"
68 PASS element.style.gridDefinitionRows is "min-content" 68 PASS element.style.gridTemplateRows is "min-content"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "max-content" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "max-content"
70 PASS element.style.gridDefinitionColumns is "max-content" 70 PASS element.style.gridTemplateColumns is "max-content"
71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " max-content" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "ma x-content"
72 PASS element.style.gridDefinitionRows is "max-content" 72 PASS element.style.gridTemplateRows is "max-content"
73 73
74 Test getting and setting grid-definition-columns and grid-definition-rows to min max() values through JS 74 Test getting and setting grid-template-columns and grid-template-rows to minmax( ) values through JS
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(55%, 45px)" 75 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(55%, 45px)"
76 PASS element.style.gridDefinitionColumns is "minmax(55%, 45px)" 76 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(30px, 40%)" 77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(30px, 40%)"
78 PASS element.style.gridDefinitionRows is "minmax(30px, 40%)" 78 PASS element.style.gridTemplateRows is "minmax(30px, 40%)"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(220px, 48px)" 79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(220px, 48px)"
80 PASS element.style.gridDefinitionColumns is "minmax(22em, 8vh)" 80 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(80px, 50px)" 81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(80px, 50px)"
82 PASS element.style.gridDefinitionRows is "minmax(10vw, 5em)" 82 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
83 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(min-content, 48px)" 83 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(min-content, 48px)"
84 PASS element.style.gridDefinitionColumns is "minmax(min-content, 8vh)" 84 PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)"
85 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(80px, min-content)" 85 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(80px, min-content)"
86 PASS element.style.gridDefinitionRows is "minmax(10vw, min-content)" 86 PASS element.style.gridTemplateRows is "minmax(10vw, min-content)"
87 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(220px, max-content)" 87 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(220px, max-content)"
88 PASS element.style.gridDefinitionColumns is "minmax(22em, max-content)" 88 PASS element.style.gridTemplateColumns is "minmax(22em, max-content)"
89 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, 50px)" 89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(max-content, 50px)"
90 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em)" 90 PASS element.style.gridTemplateRows is "minmax(max-content, 5em)"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "minmax(min-content, max-content)" 91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(min-content, max-content)"
92 PASS element.style.gridDefinitionColumns is "minmax(min-content, max-content)" 92 PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)"
93 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, min-content)" 93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(max-content, min-content)"
94 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content)" 94 PASS element.style.gridTemplateRows is "minmax(max-content, min-content)"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3600fr" 95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "3600fr"
96 PASS element.style.gridDefinitionColumns is "3600fr" 96 PASS element.style.gridTemplateColumns is "3600fr"
97 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 154fr" 97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 4fr"
98 PASS element.style.gridDefinitionRows is "154fr" 98 PASS element.style.gridTemplateRows is "154fr"
99 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3.1459fr" 99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "3.1459fr"
100 PASS element.style.gridDefinitionColumns is "3.1459fr" 100 PASS element.style.gridTemplateColumns is "3.1459fr"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 2.718fr" 101 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "2. 718fr"
102 PASS element.style.gridDefinitionRows is "2.718fr" 102 PASS element.style.gridTemplateRows is "2.718fr"
103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "3fr" 103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "3fr"
104 PASS element.style.gridDefinitionColumns is "3fr" 104 PASS element.style.gridTemplateColumns is "3fr"
105 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 4fr" 105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "4f r"
106 PASS element.style.gridDefinitionRows is "4fr" 106 PASS element.style.gridTemplateRows is "4fr"
107 107
108 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS 108 Test setting grid-template-columns and grid-template-rows to bad values through JS
109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 113 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 114 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 119 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 120 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 123 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 124 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 125 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 126 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 127 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 128 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 129 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 130 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
131 131
132 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS 132 Test setting grid-template-columns and grid-template-rows back to 'none' through JS
133 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
134 PASS element.style.gridDefinitionColumns is "18px" 134 PASS element.style.gridTemplateColumns is "18px"
135 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
136 PASS element.style.gridDefinitionRows is "66px" 136 PASS element.style.gridTemplateRows is "66px"
137 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 137 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
138 PASS element.style.gridDefinitionColumns is "none" 138 PASS element.style.gridTemplateColumns is "none"
139 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 139 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
140 PASS element.style.gridDefinitionRows is "none" 140 PASS element.style.gridTemplateRows is "none"
141 141
142 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS 142 Test setting grid-template-columns and grid-template-rows to 'inherit' through J S
143 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px (last)' 143 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px (last)'
144 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' (first) 101%' 144 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 101%'
145 145
146 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 146 Test setting grid-template-columns and grid-template-rows to 'initial' through J S
147 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% (last)' 147 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '150% (last)'
148 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' (first) 1fr' 148 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 1fr'
149 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 149 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
150 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 150 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
151 PASS successfullyParsed is true 151 PASS successfullyParsed is true
152 152
153 TEST COMPLETE 153 TEST COMPLETE
154 154
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698