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