| Index: LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html
|
| diff --git a/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html b/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html
|
| index 5c6f50d13af03fa74d43ec63d7d6cd0d54f6b00d..0bb063920f04ec043ca2201f945af526d212d253 100644
|
| --- a/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html
|
| +++ b/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html
|
| @@ -21,30 +21,31 @@ function testAddition(gridElementID, position, autoFlowElementID, size)
|
| var autoFlowElement = document.getElementById(autoFlowElementID);
|
| autoFlowElement.setAttribute("data-expected-width", size.width);
|
| autoFlowElement.setAttribute("data-expected-height", size.height);
|
| - checkLayout("#" + autoFlowElementID);
|
| + checkLayout("#" + autoFlowElementID, document.getElementById("test-output"));
|
| }
|
|
|
| function testAdditions()
|
| {
|
| - checkLayout("#autoFlowColumnElement");
|
| + var testOutput = document.getElementById("test-output");
|
| + checkLayout("#autoFlowColumnElement", testOutput);
|
| testAddition("gridAutoFlowColumn", { 'row': '1', 'column': '1' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| testAddition("gridAutoFlowColumn", { 'row': '1', 'column': '2' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| testAddition("gridAutoFlowColumn", { 'row': '2', 'column': '2' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| testAddition("gridAutoFlowColumn", { 'row': '2', 'column': '1' }, "autoFlowColumnElement", { 'width': '170', 'height': '50' });
|
|
|
| - checkLayout("#autoFlowRowElement");
|
| + checkLayout("#autoFlowRowElement", testOutput);
|
| testAddition("gridAutoFlowRow", { 'row': '1', 'column': '1' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowRow", { 'row': '2', 'column': '1' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowRow", { 'row': '2', 'column': '2' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowRow", { 'row': '1', 'column': '2' }, "autoFlowRowElement", { 'width': '50', 'height': '30' });
|
|
|
| - checkLayout("#gridAutoFlowColumnWithAuto");
|
| + checkLayout("#gridAutoFlowColumnWithAuto", testOutput);
|
| testAddition("gridAutoFlowColumnWithAuto", { 'row': 'auto', 'column': '1' }, "autoFlowColumnElementWithAuto", { 'width': '50', 'height': '100' });
|
| testAddition("gridAutoFlowColumnWithAuto", { 'row': '1', 'column': '1' }, "autoFlowColumnElementWithAuto", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowColumnWithAuto", { 'row': 'auto', 'column': '2' }, "autoFlowColumnElementWithAuto", { 'width': '100', 'height': '100' });
|
| testAddition("gridAutoFlowColumnWithAuto", { 'row': '2', 'column': '2' }, "autoFlowColumnElementWithAuto", { 'width': '170', 'height': '50' });
|
|
|
| - checkLayout("#gridAutoFlowRowWithAuto");
|
| + checkLayout("#gridAutoFlowRowWithAuto", testOutput);
|
| testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': 'auto' }, "autoFlowRowElementWithAuto", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowRowWithAuto", { 'row': 'auto', 'column': '1' }, "autoFlowRowElementWithAuto", { 'width': '100', 'height': '50' });
|
| testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': '2' }, "autoFlowRowElementWithAuto", { 'width': '50', 'height': '100' });
|
| @@ -80,5 +81,7 @@ window.addEventListener("load", testAdditions, false);
|
| </div>
|
| </div>
|
|
|
| +<div id="test-output"></div>
|
| +
|
| </body>
|
| </html>
|
|
|