third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html - Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-addition-auto-placement-update.html

Issue 1583433002: [css-align] New CSS Value 'normal' for Content Alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fixed layout tests failing. Created 4 years, 10 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

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-initialize-span-one-items.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-addition-track-breadth-update.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <link href="resources/grid.css" rel="stylesheet">	3 <link href="resources/grid.css" rel="stylesheet">

	4 <link href="resources/grid-alignment.css" rel="stylesheet">

4 <style>	5 <style>

5 .grid {	6 .grid {

6 grid-template-columns: 50px 100px;	7 grid-template-columns: 50px 100px;

7 grid-template-rows: 50px 100px;	8 grid-template-rows: 50px 100px;

8 }	9 }

9 </style>	10 </style>

10 <script src="../../resources/check-layout.js"></script>	11 <script src="../../resources/check-layout.js"></script>

11 <script>	12 <script>

12 function testAddition(gridElementID, position, autoFlowElementID, size)	13 function testAddition(gridElementID, position, autoFlowElementID, size)

13 {	14 {

(...skipping 37 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
51 testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': '2' }, "auto FlowRowElementWithAuto", { 'width': '50', 'height': '100' });	52 testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': '2' }, "auto FlowRowElementWithAuto", { 'width': '50', 'height': '100' });

52 testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': '1' }, "auto FlowRowElementWithAuto", { 'width': '50', 'height': '100' });	53 testAddition("gridAutoFlowRowWithAuto", { 'row': '1', 'column': '1' }, "auto FlowRowElementWithAuto", { 'width': '50', 'height': '100' });

53 }	54 }

54 window.addEventListener("load", testAdditions, false);	55 window.addEventListener("load", testAdditions, false);

55 </script>	56 </script>

56 <body>	57 <body>

57	58

58 <p>This test checks that the tracks' auto positions are recomputed after adding a grid item.</p>	59 <p>This test checks that the tracks' auto positions are recomputed after adding a grid item.</p>

59	60

60 <div class="unconstrainedContainer">	61 <div class="unconstrainedContainer">

61 <div class="grid gridAutoFlowColumnDense" id="gridAutoFlowColumnDense">	62 <div class="grid gridAutoFlowColumnDense justifyContentStart" id="gridAutoFl owColumnDense">

62 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement " data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>	63 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement " data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>

63 </div>	64 </div>

64 </div>	65 </div>

65	66

66 <div class="unconstrainedContainer">	67 <div class="unconstrainedContainer">

67 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowDense">	68 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowDense">

68 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElement" d ata-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>	69 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElement" d ata-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div>

69 </div>	70 </div>

70 </div>	71 </div>

71	72

72 <div class="unconstrainedContainer">	73 <div class="unconstrainedContainer">

73 <div class="grid gridAutoFlowColumnDense" id="gridAutoFlowColumnWithAuto">	74 <div class="grid gridAutoFlowColumnDense justifyContentStart" id="gridAutoFl owColumnWithAuto">

74 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement WithAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</ div>	75 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowColumnElement WithAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</ div>

75 </div>	76 </div>

76 </div>	77 </div>

77	78

78 <div class="unconstrainedContainer">	79 <div class="unconstrainedContainer">

79 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowWithAuto">	80 <div class="grid gridAutoFlowRowDense" id="gridAutoFlowRowWithAuto">

80 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit hAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div >	81 <div class="sizedToGridArea autoRowAutoColumn" id="autoFlowRowElementWit hAuto" data-expected-width="50" data-expected-height="50">XXXXX XXXXX XXXXX</div >

81 </div>	82 </div>

82 </div>	83 </div>

83	84

84 <div id="test-output"></div>	85 <div id="test-output"></div>

85	86

86 </body>	87 </body>

87 </html>	88 </html>

OLD	NEW