| 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 |