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

Side by Side Diff: LayoutTests/fast/css-grid-layout/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 "400px" 11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "400px"
12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "150px" 12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "150px"
13 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-definition-columns') is "0px" 13 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-columns') is "0px"
14 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-definition-rows') is "0px" 14 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-rows') is "0px"
15 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-definition-columns') is "7px" 15 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-columns') is "7px"
16 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-definition-rows') is "11px" 16 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-rows') is "11px"
17 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "0px" 17 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "0px"
18 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "0px" 18 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "0px"
19 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-definition-columns') is "0px" 19 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-columns') is "0px"
20 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-definition-rows') is "0px" 20 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-rows') is "0px"
21 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-columns') is "7px" 21 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-columns') is "7px"
22 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-rows') is "11px" 22 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-rows') is "11px"
23 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-columns') is "100px" 23 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-columns') is "100px"
24 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-defin ition-rows') is "150px" 24 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-rows') is "150px"
25 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-columns') is "64px" 25 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-columns') is "64px"
26 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-definition-rows') is "60px" 26 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-rows') is "60px"
27 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-d efinition-columns') is "80px" 27 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-columns') is "80px"
28 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-d efinition-rows') is "300px" 28 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-rows') is "300px"
29 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-columns') is "0px" 29 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-columns') is "0px"
30 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-definition-rows') is "0px" 30 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-rows') is "0px"
31 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px" 31 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px"
32 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px" 32 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px"
33 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-columns') is "0px" 33 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-columns') is "0px"
34 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-definition-rows') is "0px" 34 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-rows') is "0px"
35 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-columns') is "17px" 35 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px"
36 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-definition-rows') is "11px" 36 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px"
37 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-columns') is "800px" 37 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-columns') is "800px"
38 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -definition-rows') is "600px" 38 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-rows') is "600px"
39 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-def inition-columns') is "150px" 39 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-columns') is "150px"
40 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-def inition-rows') is "75px" 40 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-rows') is "75px"
41 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-definition-columns') is "550px" 41 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-columns') is "550px"
42 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-definition-rows') is "465px" 42 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-rows') is "465px"
43 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-definition-columns') is "80px" 43 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "80px"
44 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-definition-rows') is "300px" 44 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "300px"
45 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-definition-columns') is "415px" 45 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-columns') is "415px"
46 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-definition-rows') is "300px" 46 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-rows') is "300px"
47 47
48 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none') 48 Test getting wrong values for grid-template-columns and grid-template-rows throu gh CSS (they should resolve to the default: 'none')
49 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-columns') is "none" 49 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none"
50 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-definition-rows') is "none" 50 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none"
51 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-columns') is "none" 51 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none"
52 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-definition-rows') is "none" 52 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none"
53 53
54 Test the initial value 54 Test the initial value
55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 57 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
58 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 58 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
59 59
60 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 60 Test getting and setting grid-template-columns and grid-template-rows through JS
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
62 PASS element.style.gridDefinitionColumns is "18px" 62 PASS element.style.gridTemplateColumns is "18px"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
64 PASS element.style.gridDefinitionRows is "66px" 64 PASS element.style.gridTemplateRows is "66px"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "440px" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px"
66 PASS element.style.gridDefinitionColumns is "55%" 66 PASS element.style.gridTemplateColumns is "55%"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px"
68 PASS element.style.gridDefinitionRows is "40%" 68 PASS element.style.gridTemplateRows is "40%"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "0px" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
70 PASS element.style.gridDefinitionColumns is "auto" 70 PASS element.style.gridTemplateColumns is "auto"
71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
72 PASS element.style.gridDefinitionRows is "auto" 72 PASS element.style.gridTemplateRows is "auto"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "80px" 73 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "80px"
74 PASS element.style.gridDefinitionColumns is "10vw" 74 PASS element.style.gridTemplateColumns is "10vw"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 150px" 75 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px"
76 PASS element.style.gridDefinitionRows is "25vh" 76 PASS element.style.gridTemplateRows is "25vh"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "0px" 77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
78 PASS element.style.gridDefinitionColumns is "min-content" 78 PASS element.style.gridTemplateColumns is "min-content"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px" 79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
80 PASS element.style.gridDefinitionRows is "min-content" 80 PASS element.style.gridTemplateRows is "min-content"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "0px" 81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
82 PASS element.style.gridDefinitionColumns is "max-content" 82 PASS element.style.gridTemplateColumns is "max-content"
83 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px" 83 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
84 PASS element.style.gridDefinitionRows is "max-content" 84 PASS element.style.gridTemplateRows is "max-content"
85 85
86 Test getting and setting grid-definition-columns and grid-definition-rows to min max() values through JS 86 Test getting and setting grid-template-columns and grid-template-rows to minmax( ) values through JS
87 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "440px" 87 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px"
88 PASS element.style.gridDefinitionColumns is "minmax(55%, 45px)" 88 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)"
89 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px" 89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px"
90 PASS element.style.gridDefinitionRows is "minmax(30px, 40%)" 90 PASS element.style.gridTemplateRows is "minmax(30px, 40%)"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "220px" 91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
92 PASS element.style.gridDefinitionColumns is "minmax(22em, 8vh)" 92 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
93 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 80px" 93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px"
94 PASS element.style.gridDefinitionRows is "minmax(10vw, 5em)" 94 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "48px" 95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "48px"
96 PASS element.style.gridDefinitionColumns is "minmax(min-content, 8vh)" 96 PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)"
97 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 80px" 97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px"
98 PASS element.style.gridDefinitionRows is "minmax(10vw, min-content)" 98 PASS element.style.gridTemplateRows is "minmax(10vw, min-content)"
99 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "220px" 99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
100 PASS element.style.gridDefinitionColumns is "minmax(22em, max-content)" 100 PASS element.style.gridTemplateColumns is "minmax(22em, max-content)"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 50px" 101 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50 px"
102 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em)" 102 PASS element.style.gridTemplateRows is "minmax(max-content, 5em)"
103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "0px" 103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
104 PASS element.style.gridDefinitionColumns is "minmax(min-content, max-content)" 104 PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)"
105 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px" 105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
106 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content)" 106 PASS element.style.gridTemplateRows is "minmax(max-content, min-content)"
107 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px" 107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
108 PASS element.style.gridDefinitionColumns is "3600fr" 108 PASS element.style.gridTemplateColumns is "3600fr"
109 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px" 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
110 PASS element.style.gridDefinitionRows is "154fr" 110 PASS element.style.gridTemplateRows is "154fr"
111 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px" 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
112 PASS element.style.gridDefinitionColumns is "3.1459fr" 112 PASS element.style.gridTemplateColumns is "3.1459fr"
113 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px" 113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
114 PASS element.style.gridDefinitionRows is "2.718fr" 114 PASS element.style.gridTemplateRows is "2.718fr"
115 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "800px" 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
116 PASS element.style.gridDefinitionColumns is "3fr" 116 PASS element.style.gridTemplateColumns is "3fr"
117 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px" 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
118 PASS element.style.gridDefinitionRows is "4fr" 118 PASS element.style.gridTemplateRows is "4fr"
119 119
120 Test getting and setting grid-definition-columns and grid-definition-rows to cal c() values through JS 120 Test getting and setting grid-template-columns and grid-template-rows to calc() values through JS
121 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "150px" 121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "150px"
122 PASS element.style.gridDefinitionColumns is "calc(150px)" 122 PASS element.style.gridTemplateColumns is "calc(150px)"
123 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 75px" 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75 px"
124 PASS element.style.gridDefinitionRows is "calc(75px)" 124 PASS element.style.gridTemplateRows is "calc(75px)"
125 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "370px" 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "370px"
126 PASS element.style.gridDefinitionColumns is "calc(50% - 30px)" 126 PASS element.style.gridTemplateColumns is "calc(50% - 30px)"
127 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 135px" 127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13 5px"
128 PASS element.style.gridDefinitionRows is "calc(75px + 10%)" 128 PASS element.style.gridTemplateRows is "calc(75px + 10%)"
129 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "200px" 129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "200px"
130 PASS element.style.gridDefinitionColumns is "minmax(25%, calc(30px))" 130 PASS element.style.gridTemplateColumns is "minmax(25%, calc(30px))"
131 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 450px" 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45 0px"
132 PASS element.style.gridDefinitionRows is "minmax(calc(75%), 40px)" 132 PASS element.style.gridTemplateRows is "minmax(calc(75%), 40px)"
133 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "110px" 133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "110px"
134 PASS element.style.gridDefinitionColumns is "minmax(10%, calc(30px + 10%))" 134 PASS element.style.gridTemplateColumns is "minmax(10%, calc(30px + 10%))"
135 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 200px" 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20 0px"
136 PASS element.style.gridDefinitionRows is "minmax(calc(25% - 50px), 200px)" 136 PASS element.style.gridTemplateRows is "minmax(calc(25% - 50px), 200px)"
137 137
138 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS 138 Test setting grid-template-columns and grid-template-rows to bad values through JS
139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
143 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 143 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
144 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 144 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
147 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 147 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
148 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 148 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
151 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 151 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
152 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 152 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
153 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 153 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
154 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 154 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
161 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 161 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
162 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 162 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
163 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 163 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
164 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 164 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
165 165
166 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS 166 Test setting grid-template-columns and grid-template-rows back to 'none' through JS
167 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px" 167 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
168 PASS element.style.gridDefinitionColumns is "18px" 168 PASS element.style.gridTemplateColumns is "18px"
169 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px" 169 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
170 PASS element.style.gridDefinitionRows is "66px" 170 PASS element.style.gridTemplateRows is "66px"
171 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 171 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
172 PASS element.style.gridDefinitionColumns is "none" 172 PASS element.style.gridTemplateColumns is "none"
173 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
174 PASS element.style.gridDefinitionRows is "none" 174 PASS element.style.gridTemplateRows is "none"
175 175
176 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS 176 Test setting grid-template-columns and grid-template-rows to 'inherit' through J S
177 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px (last)' 177 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px (last)'
178 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' (first) 101px' 178 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 101px'
179 179
180 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 180 Test setting grid-template-columns and grid-template-rows to 'initial' through J S
181 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '450px (last)' 181 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '450px (last)'
182 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' (first) 150px' 182 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 150px'
183 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
184 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 184 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
185 PASS successfullyParsed is true 185 PASS successfullyParsed is true
186 186
187 TEST COMPLETE 187 TEST COMPLETE
188 188
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698