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

Author: NickGerleman

gentest/fixtures/grid/YGGridTest.html

@@ -0,0 +1,6 @@
+<!-- Aspect Ratio - Derive Width from Height -->
+
+<div id="grid_aspect_ratio_height_to_width" style="display: grid; grid-template-columns: auto auto; grid-template-rows: 150px 150px;">
+  <div style="height: 150px; aspect-ratio: 2"></div>
+  <div style="height: 150px; aspect-ratio: 0.5"></div>
+</div>

gentest/fixtures/grid/YGGridTestFlows.html

@@ -0,0 +1,6 @@
+<!-- Aspect Ratio - With Min/Max Constraints -->
+
+<div id="grid_aspect_ratio_min_max_constraints" style="display: grid; grid-template-columns: 200px 200px; grid-template-rows: auto auto;">
+  <div style="width: 200px; aspect-ratio: 2 / 1; max-height: 80px"></div>
+  <div style="width: 200px; aspect-ratio: 2 / 1; min-height: 150px"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_height_to_width.html

@@ -0,0 +1,5 @@
+<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;">
+  <div style=" width: 120px; aspect-ratio: 16 / 9; margin-left: auto; margin-right: auto;"></div>
+  <div style="width: 100px; height: 80px"></div>
+  <div style="aspect-ratio: 1 / 1; margin-top: auto; margin-bottom: auto"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_min_max_constraints.html

@@ -0,0 +1,4 @@
+<div id="grid_aspect_ratio_reresolution_auto_rows" style="display: grid; grid-template-columns: auto auto; grid-template-rows: auto; position: absolute;">
+  <div style="width: 50px; height: 100px;"></div>
+  <div style="aspect-ratio: 2.0;"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_percentage_auto_margin.html

@@ -0,0 +1,6 @@
+<!-- Aspect Ratio - Spanning Items -->
+
+<div id="grid_aspect_ratio_spanning_items"  style="display: grid; grid-template-columns: 150px 150px 150px; grid-template-rows: auto auto; gap: 10px;">
+  <div style="aspect-ratio: 3; grid-column-start: 1; grid-column-end: 3"></div>
+  <div style="width: 150px; aspect-ratio: 1"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_reresolution_auto_rows.html

@@ -0,0 +1,5 @@
+<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;">
+  <div style="width: 50px; height: 50px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2;"></div>
+  <div style="width: 50px; height: 50px; grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;"></div>
+  <div style="aspect-ratio: 2; grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3;"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_spanning_items.html

@@ -0,0 +1,3 @@
+<div id="grid_aspect_ratio_triggers_reresolution" style="display: grid; grid-template-columns: auto; grid-template-rows: 100px; width: 500px;">
+  <div style="aspect-ratio: 2.0; align-self: stretch;"></div>
+</div>

gentest/fixtures/grid/grid_aspect_ratio_spanning_with_content_distribution.html

@@ -0,0 +1,5 @@
+<!-- Aspect Ratio - Derive Height from Width -->
+<div id="grid_aspect_ratio_width_to_height" style="display: grid; grid-template-columns: 200px 200px; grid-template-rows: auto auto;">
+  <div style="width: 200px; aspect-ratio: 2.0"></div>
+  <div style="width: 200px; aspect-ratio: 1.77"></div>
+</div>