Skip to content

Commit 6929c27

Browse files
TtTRzTtTRz
committed
test: translate css_aspect_ratio code-constructed tests to HTML (9/11)
Translated 9 Node-API-constructed aspect_ratio tests to CSS HTML cases (flex_wrap, flex_no_wrap×2, block_width/height_fixed, parent_cross, min/max_width_constraint, max_width_min_height_violation). All pass. Remaining 2 (box_sizing, box_sizing_writing_mode) + css_margin 4 code tests pending — complex multi-child padding/border/box-sizing cases.
1 parent bb3c2bd commit 6929c27

9 files changed

Lines changed: 61 additions & 0 deletions

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_in_block_height_fixed.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="height:300px" data-chrome="false">
4+
<div style="height:100px; aspect-ratio:2/1" data-expect-width="200" data-expect-height="100"></div>
5+
<div style="height:200px; aspect-ratio:0.5/1" data-expect-width="100" data-expect-height="200"></div>
6+
</div>
7+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_in_block_width_fixed.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="width:300px" data-chrome="false">
4+
<div style="width:100px; aspect-ratio:2/1" data-expect-width="100" data-expect-height="50"></div>
5+
<div style="width:100px; aspect-ratio:0.5/1" data-expect-width="100" data-expect-height="200"></div>
6+
</div>
7+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_in_parent_block_cross_size_fixed.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!DOCTYPE html>
2+
<div data-chrome="false">
3+
<div style="width:300px">
4+
<div style="aspect-ratio:2/1" data-expect-width="300" data-expect-height="150"></div>
5+
</div>
6+
<div style="height:300px; writing-mode:vertical-lr">
7+
<div style="aspect-ratio:0.5/1" data-expect-width="150" data-expect-height="300"></div>
8+
</div>
9+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_flex_no_wrap_1.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="height:50px; display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch" data-chrome="false">
4+
<div style="aspect-ratio:1/1" data-expect-width="375" data-expect-height="50"></div>
5+
</div>
6+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_flex_no_wrap_2.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="width:100px; display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch" data-chrome="false">
4+
<div style="aspect-ratio:1/1" data-expect-width="100" data-expect-height="100">
5+
<div style="height:100%"></div>
6+
</div>
7+
</div>
8+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_flex_wrap.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="height:100px; display:flex; flex-direction:column; flex-wrap:wrap; align-items:stretch" data-chrome="false">
4+
<div style="height:50px; min-width:0; flex-basis:0%; flex-shrink:1; flex-grow:1; aspect-ratio:1/1" data-expect-width="375" data-expect-height="100"></div>
5+
</div>
6+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_max_width_constraint.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="width:300px" data-chrome="false">
4+
<div style="max-width:80px; aspect-ratio:2/1" data-expect-width="80" data-expect-height="40"></div>
5+
</div>
6+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_max_width_violating_min_height_constraint.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="width:300px" data-chrome="false">
4+
<div style="max-width:80px; min-height:100px; aspect-ratio:1/1" data-expect-width="80" data-expect-height="100"></div>
5+
</div>
6+
</div>

‎float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_with_min_width_constraint.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html>
2+
<div>
3+
<div style="width:300px" data-chrome="false">
4+
<div style="min-width:400px; aspect-ratio:2/1" data-expect-width="400" data-expect-height="200"></div>
5+
</div>
6+
</div>

0 commit comments

Comments
 (0)