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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-start-before-get-set.html

Issue 1970573004: [css-grid] Consider invalid using just "span" as grid-line value (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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 <!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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698