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 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
79 var gridElement = document.getElementById("gridElement"); | 79 var gridElement = document.getElementById("gridElement"); |
80 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-column-st
art')", "'auto'"); | 80 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-column-st
art')", "'auto'"); |
81 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-column')"
, "'auto / auto'"); | 81 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-column')"
, "'auto / auto'"); |
82 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-row-start
')", "'auto'"); | 82 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-row-start
')", "'auto'"); |
83 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-row')", "
'auto / auto'"); | 83 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('grid-row')", "
'auto / auto'"); |
84 | 84 |
85 testColumnRowCSSParsing("gridItemWithPositiveInteger", "10 / auto", "15 / au
to"); | 85 testColumnRowCSSParsing("gridItemWithPositiveInteger", "10 / auto", "15 / au
to"); |
86 testColumnRowCSSParsing("gridItemWithNegativeInteger", "-10 / auto", "-15 /
auto"); | 86 testColumnRowCSSParsing("gridItemWithNegativeInteger", "-10 / auto", "-15 /
auto"); |
87 testColumnRowCSSParsing("gridItemWithBeforeSpan", "span 2 / auto", "span 8 /
auto"); | 87 testColumnRowCSSParsing("gridItemWithBeforeSpan", "span 2 / auto", "span 8 /
auto"); |
88 testColumnRowCSSParsing("gridItemWithAfterSpan", "span 2 / auto", "span 8 /
auto"); | 88 testColumnRowCSSParsing("gridItemWithAfterSpan", "span 2 / auto", "span 8 /
auto"); |
89 testColumnRowCSSParsing("gridItemWithOnlySpan", "span 1 / auto", "span 1 / a
uto"); | 89 testColumnRowCSSParsing("gridItemWithOnlySpan", "auto / auto", "auto / auto"
); |
90 testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / au
to"); | 90 testColumnRowCSSParsing("gridItemWithAutoElement", "auto / auto", "auto / au
to"); |
91 testColumnRowCSSParsing("gridItemWithCustomIdent", "first / auto", "last / a
uto"); | 91 testColumnRowCSSParsing("gridItemWithCustomIdent", "first / auto", "last / a
uto"); |
92 testColumnRowCSSParsing("gridItemWithNumberCustomIdent", "2 first / auto", "
3 last / auto"); | 92 testColumnRowCSSParsing("gridItemWithNumberCustomIdent", "2 first / auto", "
3 last / auto"); |
93 testColumnRowCSSParsing("gridItemWithSpanCustomIdentElement", "span 1 first
/ auto", "span 1 last / auto"); | 93 testColumnRowCSSParsing("gridItemWithSpanCustomIdentElement", "span 1 first
/ auto", "span 1 last / auto"); |
94 testColumnRowCSSParsing("gridItemWithSpanNumberCustomIdentElement", "span 2
first / auto", "span 3 last / auto"); | 94 testColumnRowCSSParsing("gridItemWithSpanNumberCustomIdentElement", "span 2
first / auto", "span 3 last / auto"); |
95 testColumnRowCSSParsing("gridItemWithArea", "firstArea / auto", "thirdArea /
auto"); | 95 testColumnRowCSSParsing("gridItemWithArea", "firstArea / auto", "thirdArea /
auto"); |
96 | 96 |
97 debug(""); | 97 debug(""); |
98 debug("Test the initial value"); | 98 debug("Test the initial value"); |
99 var element = document.createElement("div"); | 99 var element = document.createElement("div"); |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
135 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'66
/ auto'"); | 135 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'66
/ auto'"); |
136 element.style.gridColumnStart = "auto"; | 136 element.style.gridColumnStart = "auto"; |
137 element.style.gridRowStart = "auto"; | 137 element.style.gridRowStart = "auto"; |
138 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column-start'
)", "'auto'"); | 138 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column-start'
)", "'auto'"); |
139 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column')", "'
auto / auto'"); | 139 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-column')", "'
auto / auto'"); |
140 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row-start')",
"'auto'"); | 140 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row-start')",
"'auto'"); |
141 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / auto'"); | 141 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-row')", "'aut
o / auto'"); |
142 </script> | 142 </script> |
143 </body> | 143 </body> |
144 </html> | 144 </html> |
OLD | NEW |