| Index: LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
|
| diff --git a/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html b/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
|
| index 58017e24766cd806982de38a94fbd90131091160..64c702e7f14c44766a5bbbcff33391a43a9c1c3f 100644
|
| --- a/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
|
| +++ b/LayoutTests/fast/css-grid-layout/grid-template-areas-get-set.html
|
| @@ -29,6 +29,18 @@
|
| grid-template-areas: "header ."
|
| "footer .";
|
| }
|
| +
|
| +#gridWithHorizontalRectangle {
|
| + grid-template-areas: "a a a"
|
| + "a a a";
|
| +}
|
| +
|
| +#gridWithVerticalRectangle {
|
| + grid-template-areas: "a a"
|
| + "a a"
|
| + "a a";
|
| +}
|
| +
|
| </style>
|
| <script src="../../resources/js-test.js"></script>
|
| </head>
|
| @@ -40,6 +52,8 @@
|
| <div class="grid" id="gridWithSpanningColumnsTemplate"></div>
|
| <div class="grid" id="gridWithSpanningRowsDotTemplate"></div>
|
| <div class="grid" id="gridWithDotColumn"></div>
|
| +<div class="grid" id="gridWithHorizontalRectangle"></div>
|
| +<div class="grid" id="gridWithVerticalRectangle"></div>
|
| <script>
|
| description("This test checks that grid-template-areas is properly parsed.");
|
|
|
| @@ -65,6 +79,12 @@
|
| var gridWithDotColumn = document.getElementById("gridWithDotColumn");
|
| shouldBeEqualToString("window.getComputedStyle(gridWithDotColumn).getPropertyValue('grid-template-areas')", '"header ." "footer ."')
|
|
|
| + var gridWithHorizontalRectangle = document.getElementById("gridWithHorizontalRectangle");
|
| + shouldBeEqualToString("window.getComputedStyle(gridWithHorizontalRectangle).getPropertyValue('grid-template-areas')", '"a a a" "a a a"');
|
| +
|
| + var gridWithVerticalRectangle = document.getElementById("gridWithVerticalRectangle");
|
| + shouldBeEqualToString("window.getComputedStyle(gridWithVerticalRectangle).getPropertyValue('grid-template-areas')", '"a a" "a a" "a a"');
|
| +
|
| debug("Test grid-template-areas: initial");
|
| var element = document.createElement("div");
|
| document.body.appendChild(element);
|
|
|