OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 .grid { | 6 .grid { |
7 grid-template-areas: "firstArea secondArea" | 7 grid-template-areas: "firstArea secondArea" |
8 "thirdArea thirdArea"; | 8 "thirdArea thirdArea"; |
9 } | 9 } |
10 | 10 |
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
99 </div> | 99 </div> |
100 <script> | 100 <script> |
101 description('Test that setting and getting grid-column-end and grid-row-end
works as expected'); | 101 description('Test that setting and getting grid-column-end and grid-row-end
works as expected'); |
102 | 102 |
103 debug("Test getting grid-column-end and grid-row-end set through CSS"); | 103 debug("Test getting grid-column-end and grid-row-end set through CSS"); |
104 testColumnRowCSSParsing("gridElement", "auto / auto", "auto / auto"); | 104 testColumnRowCSSParsing("gridElement", "auto / auto", "auto / auto"); |
105 testColumnRowCSSParsing("gridItemWithPositiveInteger", "auto / 10", "auto /
15"); | 105 testColumnRowCSSParsing("gridItemWithPositiveInteger", "auto / 10", "auto /
15"); |
106 testColumnRowCSSParsing("gridItemWithNegativeInteger", "auto / -10", "auto /
-15"); | 106 testColumnRowCSSParsing("gridItemWithNegativeInteger", "auto / -10", "auto /
-15"); |
107 testColumnRowCSSParsing("gridItemWithBeforeSpan", "auto / span 2", "auto / s
pan 9"); | 107 testColumnRowCSSParsing("gridItemWithBeforeSpan", "auto / span 2", "auto / s
pan 9"); |
108 testColumnRowCSSParsing("gridItemWithAfterSpan", "auto / span 2", "auto / sp
an 9"); | 108 testColumnRowCSSParsing("gridItemWithAfterSpan", "auto / span 2", "auto / sp
an 9"); |
109 testColumnRowCSSParsing("gridItemWithOnlySpan", "auto / span 1", "auto / spa
n 1"); | 109 testColumnRowCSSParsing("gridItemWithOnlySpan", "auto / auto", "auto / auto"
); |
110 testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / au
to"); | 110 testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / au
to"); |
111 testColumnRowCSSParsing("gridItemWithCustomIdent", "auto / first", "auto / l
ast"); | 111 testColumnRowCSSParsing("gridItemWithCustomIdent", "auto / first", "auto / l
ast"); |
112 testColumnRowCSSParsing("gridItemWithNumberCustomIdent", "auto / 2 first", "
auto / 3 last"); | 112 testColumnRowCSSParsing("gridItemWithNumberCustomIdent", "auto / 2 first", "
auto / 3 last"); |
113 testColumnRowCSSParsing("gridItemWithSpanCustomIdentElement", "auto / span 1
first", "auto / span 1 last"); | 113 testColumnRowCSSParsing("gridItemWithSpanCustomIdentElement", "auto / span 1
first", "auto / span 1 last"); |
114 testColumnRowCSSParsing("gridItemWithSpanNumberCustomIdentElement", "auto /
span 2 first", "auto / span 3 last"); | 114 testColumnRowCSSParsing("gridItemWithSpanNumberCustomIdentElement", "auto /
span 2 first", "auto / span 3 last"); |
115 testColumnRowCSSParsing("gridItemWithArea", "auto / firstArea", "auto / thir
dArea"); | 115 testColumnRowCSSParsing("gridItemWithArea", "auto / firstArea", "auto / thir
dArea"); |
116 testColumnRowCSSParsing("gridItemWithCSSWideKeyword", "auto / auto", "auto /
auto"); | 116 testColumnRowCSSParsing("gridItemWithCSSWideKeyword", "auto / auto", "auto /
auto"); |
117 testColumnRowCSSParsing("gridItemWithCSSWideKeyword2", "auto / auto", "auto
/ auto"); | 117 testColumnRowCSSParsing("gridItemWithCSSWideKeyword2", "auto / auto", "auto
/ auto"); |
118 testColumnRowCSSParsing("gridItemWithSpanAuto", "auto / auto", "auto / auto"
); | 118 testColumnRowCSSParsing("gridItemWithSpanAuto", "auto / auto", "auto / auto"
); |
119 testColumnRowCSSParsing("gridItemWithOneAuto", "auto / auto", "auto / auto")
; | 119 testColumnRowCSSParsing("gridItemWithOneAuto", "auto / auto", "auto / auto")
; |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
160 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / 66'"); | 160 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / 66'"); |
161 element.style.gridColumnEnd = "auto"; | 161 element.style.gridColumnEnd = "auto"; |
162 element.style.gridRowEnd = "auto"; | 162 element.style.gridRowEnd = "auto"; |
163 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column-end')"
, "'auto'"); | 163 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column-end')"
, "'auto'"); |
164 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column')", "'
auto / auto'"); | 164 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column')", "'
auto / auto'"); |
165 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row-end')", "
'auto'"); | 165 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row-end')", "
'auto'"); |
166 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / auto'"); | 166 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / auto'"); |
167 </script> | 167 </script> |
168 </body> | 168 </body> |
169 </html> | 169 </html> |
OLD | NEW |