| 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 0bb063920f04ec043ca2201f945af526d212d253..6f5f253097d5a02ceef307d9910ca558c858d065 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
|
| @@ -28,16 +28,16 @@ function testAdditions()
|
| {
|
| 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' });
|
| + testAddition("gridAutoFlowColumnDense", { 'row': '1', 'column': '1' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| + testAddition("gridAutoFlowColumnDense", { 'row': '1', 'column': '2' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| + testAddition("gridAutoFlowColumnDense", { 'row': '2', 'column': '2' }, "autoFlowColumnElement", { 'width': '50', 'height': '100' });
|
| + testAddition("gridAutoFlowColumnDense", { 'row': '2', 'column': '1' }, "autoFlowColumnElement", { 'width': '170', 'height': '50' });
|
|
|
| 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' });
|
| + testAddition("gridAutoFlowRowDense", { 'row': '1', 'column': '1' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| + testAddition("gridAutoFlowRowDense", { 'row': '2', 'column': '1' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| + testAddition("gridAutoFlowRowDense", { 'row': '2', 'column': '2' }, "autoFlowRowElement", { 'width': '100', 'height': '50' });
|
| + testAddition("gridAutoFlowRowDense", { 'row': '1', 'column': '2' }, "autoFlowRowElement", { 'width': '50', 'height': '30' });
|
|
|
| checkLayout("#gridAutoFlowColumnWithAuto", testOutput);
|
| testAddition("gridAutoFlowColumnWithAuto", { 'row': 'auto', 'column': '1' }, "autoFlowColumnElementWithAuto", { 'width': '50', 'height': '100' });
|
| @@ -58,25 +58,25 @@ window.addEventListener("load", testAdditions, false);
|
| <p>This test checks that the tracks' auto positions are recomputed after adding a grid item.</p>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid gridAutoFlowColumn" id="gridAutoFlowColumn">
|
| + <div class="grid gridAutoFlowColumnDense" id="gridAutoFlowColumnDense">
|
| <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid gridAutoFlowRow" id="gridAutoFlowRow">
|
| + <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowDense">
|
| <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElement" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid gridAutoFlowColumn" id="gridAutoFlowColumnWithAuto">
|
| + <div class="grid gridAutoFlowColumnDense" id="gridAutoFlowColumnWithAuto">
|
| <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElementWithAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|
| <div class="unconstrainedContainer">
|
| - <div class="grid gridAutoFlowRow" id="gridAutoFlowRowWithAuto">
|
| + <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowWithAuto">
|
| <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWithAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>
|
| </div>
|
| </div>
|
|
|