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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 149373004: [CSS Grid Layout] Implementation of the grid-template shorthand. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@grid-template-working
Patch Set: Adding checks and layout tests to verify misplaced 'none' arguments. 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
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-template-shorthand-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html » ('j') | LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-get-set.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that setting and getting grid-template-columns and grid-template-rows works 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-template-columns and grid-template-rows set through CSS 6 Test getting grid-template shorthand set 'columns and rows' through CSS
7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-columns') is "none" 7 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-columns') is "none"
8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-rows') is "none" 8 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-rows') is "none"
9 PASS window.getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-tem plate-areas') is "none"
9 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "10px" 10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "10px"
10 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "15px" 11 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "15px"
12 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-areas') is "none"
11 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "400px" 13 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "400px"
12 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "150px" 14 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "150px"
15 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-areas') is "none"
13 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-columns') is "0px" 16 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-columns') is "0px"
14 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-rows') is "0px" 17 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-rows') is "0px"
18 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-areas') is "none"
15 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-columns') is "7px" 19 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-columns') is "7px"
16 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-rows') is "11px" 20 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-rows') is "11px"
21 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-areas') is "none"
17 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "0px" 22 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "0px"
18 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "0px" 23 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "0px"
24 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-areas') is "none"
19 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-columns') is "0px" 25 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-columns') is "0px"
20 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-rows') is "0px" 26 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-rows') is "0px"
27 PASS window.getComputedStyle(gridWithAutoWithoutSizeElement, '').getPropertyValu e('grid-template-areas') is "none"
21 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-columns') is "7px" 28 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-columns') is "7px"
22 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-rows') is "11px" 29 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-rows') is "11px"
30 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-areas') is "none"
23 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-columns') is "100px" 31 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-columns') is "100px"
24 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-rows') is "150px" 32 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-rows') is "150px"
33 PASS window.getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-templ ate-areas') is "none"
25 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-columns') is "64px" 34 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-columns') is "64px"
26 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-rows') is "60px" 35 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-rows') is "60px"
36 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV alue('grid-template-areas') is "none"
27 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-columns') is "80px" 37 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-columns') is "80px"
28 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-rows') is "300px" 38 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-rows') is "300px"
39 PASS window.getComputedStyle(gridWithMinMaxElement, '').getPropertyValue('grid-t emplate-areas') is "none"
29 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-columns') is "0px" 40 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-columns') is "0px"
30 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-rows') is "0px" 41 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-rows') is "0px"
42 PASS window.getComputedStyle(gridWithMinContentElement, '').getPropertyValue('gr id-template-areas') is "none"
31 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px" 43 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px"
32 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px" 44 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px"
45 PASS window.getComputedStyle(gridWithMinContentWithChildrenElement, '').getPrope rtyValue('grid-template-areas') is "none"
33 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-columns') is "0px" 46 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-columns') is "0px"
34 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-rows') is "0px" 47 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-rows') is "0px"
48 PASS window.getComputedStyle(gridWithMaxContentElement, '').getPropertyValue('gr id-template-areas') is "none"
35 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px" 49 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-columns') is "17px"
36 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px" 50 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-rows') is "11px"
51 PASS window.getComputedStyle(gridWithMaxContentWithChildrenElement, '').getPrope rtyValue('grid-template-areas') is "none"
37 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-columns') is "800px" 52 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-columns') is "800px"
38 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-rows') is "600px" 53 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-rows') is "600px"
54 PASS window.getComputedStyle(gridWithFractionElement, '').getPropertyValue('grid -template-areas') is "none"
39 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-columns') is "150px" 55 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-columns') is "150px"
40 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-rows') is "75px" 56 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-rows') is "75px"
57 PASS window.getComputedStyle(gridWithCalcElement, '').getPropertyValue('grid-tem plate-areas') is "none"
41 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-columns') is "550px" 58 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-columns') is "550px"
42 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-rows') is "465px" 59 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-rows') is "465px"
60 PASS window.getComputedStyle(gridWithCalcComplexElement, '').getPropertyValue('g rid-template-areas') is "none"
43 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "80px" 61 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-columns') is "80px"
44 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "300px" 62 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-rows') is "300px"
63 PASS window.getComputedStyle(gridWithCalcInsideMinMaxElement, '').getPropertyVal ue('grid-template-areas') is "none"
45 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-columns') is "415px" 64 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-columns') is "415px"
46 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-rows') is "300px" 65 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-rows') is "300px"
47 66 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMaxElement, '').getProp ertyValue('grid-template-areas') is "none"
48 Test getting wrong values for grid-template-columns and grid-template-rows throu gh CSS (they should resolve to the default: 'none') 67
68 Test getting wrong values for grid-template shorthand 'columns and rows' through CSS (they should resolve to the default: 'none')
49 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none" 69 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-columns') is "none"
50 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none" 70 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-rows') is "none"
71 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('gr id-template-areas') is "none"
51 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none" 72 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-columns') is "none"
52 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none" 73 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-rows') is "none"
74 PASS window.getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue(' grid-template-areas') is "none"
53 75
54 Test the initial value 76 Test the initial value
55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 77 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 78 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
79 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' 80 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
58 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne' 81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
59 82 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one'
60 Test getting and setting grid-template-columns and grid-template-rows through JS 83
84 Test getting and setting grid-template shorthand 'columns and rows' through JS
61 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px" 85 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
62 PASS element.style.gridTemplateColumns is "18px" 86 PASS element.style.gridTemplateColumns is "18px"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px" 87 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
64 PASS element.style.gridTemplateRows is "66px" 88 PASS element.style.gridTemplateRows is "66px"
89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
90 PASS element.style.gridTemplateAreas is "none"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px" 91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px"
66 PASS element.style.gridTemplateColumns is "55%" 92 PASS element.style.gridTemplateColumns is "55%"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px" 93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px"
68 PASS element.style.gridTemplateRows is "40%" 94 PASS element.style.gridTemplateRows is "40%"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
96 PASS element.style.gridTemplateAreas is "none"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
70 PASS element.style.gridTemplateColumns is "auto" 98 PASS element.style.gridTemplateColumns is "auto"
71 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
72 PASS element.style.gridTemplateRows is "auto" 100 PASS element.style.gridTemplateRows is "auto"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
102 PASS element.style.gridTemplateAreas is "none"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "80px" 103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "80px"
74 PASS element.style.gridTemplateColumns is "10vw" 104 PASS element.style.gridTemplateColumns is "10vw"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px" 105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "15 0px"
76 PASS element.style.gridTemplateRows is "25vh" 106 PASS element.style.gridTemplateRows is "25vh"
107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
108 PASS element.style.gridTemplateAreas is "none"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
78 PASS element.style.gridTemplateColumns is "min-content" 110 PASS element.style.gridTemplateColumns is "min-content"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
80 PASS element.style.gridTemplateRows is "min-content" 112 PASS element.style.gridTemplateRows is "min-content"
113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
114 PASS element.style.gridTemplateAreas is "none"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
82 PASS element.style.gridTemplateColumns is "max-content" 116 PASS element.style.gridTemplateColumns is "max-content"
83 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
84 PASS element.style.gridTemplateRows is "max-content" 118 PASS element.style.gridTemplateRows is "max-content"
85 119 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
86 Test getting and setting grid-template-columns and grid-template-rows to minmax( ) values through JS 120 PASS element.style.gridTemplateAreas is "none"
121
122 Test getting and setting grid-template shorthand 'columns and rows' to minmax() values through JS
87 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px" 123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "440px"
88 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)" 124 PASS element.style.gridTemplateColumns is "minmax(55%, 45px)"
89 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px" 125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px"
90 PASS element.style.gridTemplateRows is "minmax(30px, 40%)" 126 PASS element.style.gridTemplateRows is "minmax(30px, 40%)"
127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
128 PASS element.style.gridTemplateAreas is "none"
91 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px" 129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
92 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)" 130 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
93 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px" 131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px"
94 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)" 132 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
134 PASS element.style.gridTemplateAreas is "none"
95 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "48px" 135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "48px"
96 PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)" 136 PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)"
97 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px" 137 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80 px"
98 PASS element.style.gridTemplateRows is "minmax(10vw, min-content)" 138 PASS element.style.gridTemplateRows is "minmax(10vw, min-content)"
139 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
140 PASS element.style.gridTemplateAreas is "none"
99 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px" 141 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
100 PASS element.style.gridTemplateColumns is "minmax(22em, max-content)" 142 PASS element.style.gridTemplateColumns is "minmax(22em, max-content)"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50 px" 143 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50 px"
102 PASS element.style.gridTemplateRows is "minmax(max-content, 5em)" 144 PASS element.style.gridTemplateRows is "minmax(max-content, 5em)"
145 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
146 PASS element.style.gridTemplateAreas is "none"
103 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px" 147 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
104 PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)" 148 PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)"
105 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x" 149 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x"
106 PASS element.style.gridTemplateRows is "minmax(max-content, min-content)" 150 PASS element.style.gridTemplateRows is "minmax(max-content, min-content)"
151 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
152 PASS element.style.gridTemplateAreas is "none"
107 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px" 153 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
108 PASS element.style.gridTemplateColumns is "3600fr" 154 PASS element.style.gridTemplateColumns is "3600fr"
109 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px" 155 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
110 PASS element.style.gridTemplateRows is "154fr" 156 PASS element.style.gridTemplateRows is "154fr"
157 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
158 PASS element.style.gridTemplateAreas is "none"
111 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px" 159 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
112 PASS element.style.gridTemplateColumns is "3.1459fr" 160 PASS element.style.gridTemplateColumns is "3.1459fr"
113 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px" 161 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
114 PASS element.style.gridTemplateRows is "2.718fr" 162 PASS element.style.gridTemplateRows is "2.718fr"
163 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
164 PASS element.style.gridTemplateAreas is "none"
115 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px" 165 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
116 PASS element.style.gridTemplateColumns is "3fr" 166 PASS element.style.gridTemplateColumns is "3fr"
117 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px" 167 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60 0px"
118 PASS element.style.gridTemplateRows is "4fr" 168 PASS element.style.gridTemplateRows is "4fr"
119 169 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
120 Test getting and setting grid-template-columns and grid-template-rows to calc() values through JS 170 PASS element.style.gridTemplateAreas is "none"
171
172 Test getting and setting grid-template shorthand 'columns and rows' to calc() va lues through JS
121 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "150px" 173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "150px"
122 PASS element.style.gridTemplateColumns is "calc(150px)" 174 PASS element.style.gridTemplateColumns is "calc(150px)"
123 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75 px" 175 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75 px"
124 PASS element.style.gridTemplateRows is "calc(75px)" 176 PASS element.style.gridTemplateRows is "calc(75px)"
177 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
178 PASS element.style.gridTemplateAreas is "none"
125 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "370px" 179 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "370px"
126 PASS element.style.gridTemplateColumns is "calc(50% - 30px)" 180 PASS element.style.gridTemplateColumns is "calc(50% - 30px)"
127 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13 5px" 181 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "13 5px"
128 PASS element.style.gridTemplateRows is "calc(75px + 10%)" 182 PASS element.style.gridTemplateRows is "calc(75px + 10%)"
183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
184 PASS element.style.gridTemplateAreas is "none"
129 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "200px" 185 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "200px"
130 PASS element.style.gridTemplateColumns is "minmax(25%, calc(30px))" 186 PASS element.style.gridTemplateColumns is "minmax(25%, calc(30px))"
131 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45 0px" 187 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45 0px"
132 PASS element.style.gridTemplateRows is "minmax(calc(75%), 40px)" 188 PASS element.style.gridTemplateRows is "minmax(calc(75%), 40px)"
189 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
190 PASS element.style.gridTemplateAreas is "none"
133 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "110px" 191 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "110px"
134 PASS element.style.gridTemplateColumns is "minmax(10%, calc(30px + 10%))" 192 PASS element.style.gridTemplateColumns is "minmax(10%, calc(30px + 10%))"
135 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20 0px" 193 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20 0px"
136 PASS element.style.gridTemplateRows is "minmax(calc(25% - 50px), 200px)" 194 PASS element.style.gridTemplateRows is "minmax(calc(25% - 50px), 200px)"
137 195 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
138 Test setting grid-template-columns and grid-template-rows to bad values through JS 196 PASS element.style.gridTemplateAreas is "none"
139 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 197
140 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 198 Test setting grid-template shorthand 'columns and rows' to bad values through JS
141 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 199 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
142 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 200 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
143 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 201 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
144 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 202 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
145 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 203 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
146 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 204 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
147 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 205 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
148 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 206 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
149 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 207 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
150 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 208 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
151 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 209 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
152 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 210 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
153 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 211 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
154 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 212 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
155 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 213 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
156 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 214 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
157 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 215 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
158 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 216 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
159 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 217 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
160 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 218 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
161 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 219 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
162 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 220 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
163 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none" 221 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
164 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none" 222 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
165 223 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
166 Test setting grid-template-columns and grid-template-rows back to 'none' through JS 224 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
225 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
226 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
227 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
228 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
229 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
230 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
231 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
232 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
233 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
234 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
235 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
236 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
237 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-areas' ) is "none"
238
239 Test setting grid-template shorthand back to 'none' through JS
167 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px" 240 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "18px"
168 PASS element.style.gridTemplateColumns is "18px" 241 PASS element.style.gridTemplateColumns is "18px"
169 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px" 242 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px"
170 PASS element.style.gridTemplateRows is "66px" 243 PASS element.style.gridTemplateRows is "66px"
244 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
245 PASS element.style.gridTemplateAreas is "none"
171 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none" 246 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
172 PASS element.style.gridTemplateColumns is "none" 247 PASS element.style.gridTemplateColumns is "none"
173 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne" 248 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
174 PASS element.style.gridTemplateRows is "none" 249 PASS element.style.gridTemplateRows is "none"
175 250 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is "n one"
176 Test setting grid-template-columns and grid-template-rows to 'inherit' through J S 251 PASS element.style.gridTemplateAreas is "none"
252
253 Test setting grid-template shorthand to 'inherit' through JS
177 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px (last)' 254 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '50px (last)'
178 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 101px' 255 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 101px'
179 256 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one'
180 Test setting grid-template-columns and grid-template-rows to 'initial' through J S 257
258 Test setting grid-template shorthand to 'initial' through JS
181 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '450px (last)' 259 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is '450px (last)'
182 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 150px' 260 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is '(f irst) 150px'
261 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one'
183 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none' 262 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
184 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne' 263 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is 'no ne'
264 PASS getComputedStyle(element, '').getPropertyValue('grid-template-areas') is 'n one'
185 PASS successfullyParsed is true 265 PASS successfullyParsed is true
186 266
187 TEST COMPLETE 267 TEST COMPLETE
188 268
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-template-shorthand-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html » ('j') | LayoutTests/fast/css-grid-layout/grid-template-shorthand-named-grid-line-get-set.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698