Skip to content

Commit 4f21f18

Browse files
NickGerlemanmeta-codesync[bot]
NickGerleman
authored and
meta-codesync[bot]
committed
CSS Grid 8/9: Add grid test fixtures and generated tests
Summary: Add HTML fixture files for CSS Grid tests and generated test output for C++, Java, and JavaScript. Includes: - HTML fixture files defining grid layout test cases - Generated C++ tests (YGGridTest.cpp, YGGridTestFlows.cpp, ~150 individual test files) - Generated Java tests (YGGridTest.java, YGGridTestFlows.java, ~150 individual test files) - Generated JavaScript tests (YGGridTest.test.ts, YGGridTestFlows.test.ts, ~150 individual test files) Differential Revision: D93946254
1 parent a340700 commit 4f21f18

724 files changed

Lines changed: 107658 additions & 0 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎gentest/fixtures/grid/YGGridTest.html‎

Lines changed: 1490 additions & 0 deletions
Large diffs are not rendered by default.

‎gentest/fixtures/grid/YGGridTestFlows.html‎

Lines changed: 1135 additions & 0 deletions
Large diffs are not rendered by default.

‎gentest/fixtures/grid/grid_aspect_ratio_height_to_width.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!-- Aspect Ratio - Derive Width from Height -->
2+
3+
<div id="grid_aspect_ratio_height_to_width" style="display: grid; grid-template-columns: auto auto; grid-template-rows: 150px 150px;">
4+
<div style="height: 150px; aspect-ratio: 2"></div>
5+
<div style="height: 150px; aspect-ratio: 0.5"></div>
6+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_min_max_constraints.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!-- Aspect Ratio - With Min/Max Constraints -->
2+
3+
<div id="grid_aspect_ratio_min_max_constraints" style="display: grid; grid-template-columns: 200px 200px; grid-template-rows: auto auto;">
4+
<div style="width: 200px; aspect-ratio: 2 / 1; max-height: 80px"></div>
5+
<div style="width: 200px; aspect-ratio: 2 / 1; min-height: 150px"></div>
6+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_percentage_auto_margin.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<div id="grid_aspect_ratio_percentage_auto_margin" style=" display: grid; grid-template-columns: 30% auto 40%; grid-template-rows: auto auto; width: 500px; gap: 10px;">
2+
<div style=" width: 120px; aspect-ratio: 16 / 9; margin-left: auto; margin-right: auto;"></div>
3+
<div style="width: 100px; height: 80px"></div>
4+
<div style="aspect-ratio: 1 / 1; margin-top: auto; margin-bottom: auto"></div>
5+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_reresolution_auto_rows.html‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<div id="grid_aspect_ratio_reresolution_auto_rows" style="display: grid; grid-template-columns: auto auto; grid-template-rows: auto; position: absolute;">
2+
<div style="width: 50px; height: 100px;"></div>
3+
<div style="aspect-ratio: 2.0;"></div>
4+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_spanning_items.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!-- Aspect Ratio - Spanning Items -->
2+
3+
<div id="grid_aspect_ratio_spanning_items" style="display: grid; grid-template-columns: 150px 150px 150px; grid-template-rows: auto auto; gap: 10px;">
4+
<div style="aspect-ratio: 3; grid-column-start: 1; grid-column-end: 3"></div>
5+
<div style="width: 150px; aspect-ratio: 1"></div>
6+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_spanning_with_content_distribution.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<div id="grid_aspect_ratio_spanning_with_content_distribution" style="display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; align-content: space-between; height: 200px; position: absolute;">
2+
<div style="width: 50px; height: 50px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;"></div>
3+
<div style="width: 50px; height: 50px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;"></div>
4+
<div style="aspect-ratio: 2; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;"></div>
5+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_triggers_reresolution.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div id="grid_aspect_ratio_triggers_reresolution" style="display: grid; grid-template-columns: auto; grid-template-rows: 100px; width: 500px;">
2+
<div style="aspect-ratio: 2.0; align-self: stretch;"></div>
3+
</div>

‎gentest/fixtures/grid/grid_aspect_ratio_width_to_height.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<!-- Aspect Ratio - Derive Height from Width -->
2+
<div id="grid_aspect_ratio_width_to_height" style="display: grid; grid-template-columns: 200px 200px; grid-template-rows: auto auto;">
3+
<div style="width: 200px; aspect-ratio: 2.0"></div>
4+
<div style="width: 200px; aspect-ratio: 1.77"></div>
5+
</div>

0 commit comments

Comments
 (0)