test: translate remaining aspect_ratio box-sizing tests to HTML

TtTRz · TtTRz · commit 2a4e2f1a563b · 2026-07-20T21:05:25.000+08:00
diff --git a/float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_block_size_with_box_sizing.html b/float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_block_size_with_box_sizing.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<div>
+  <div style="width:300px" data-chrome="false">
+    <div style="width:50px; padding-left:30px; border-left:20px solid; box-sizing:border-box; aspect-ratio:2/1" data-expect-width="50" data-expect-height="25"></div>
+    <div style="width:50px; padding-left:30px; border-left:20px solid; box-sizing:padding-box; aspect-ratio:2/1" data-expect-width="80" data-expect-height="25"></div>
+    <div style="width:50px; padding-left:30px; border-left:20px solid; aspect-ratio:2/1" data-expect-width="100" data-expect-height="25"></div>
+  </div>
+</div>
diff --git a/float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_block_size_with_box_sizing_and_writing_mode.html b/float-pigment-forest/tests/cases/custom_css_aspect_ratio/aspect_ratio_block_size_with_box_sizing_and_writing_mode.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<div>
+  <div style="width:300px; writing-mode:vertical-lr" data-chrome="false">
+    <div style="height:50px; padding-top:30px; border-top:20px solid; box-sizing:border-box; aspect-ratio:2/1" data-expect-width="100" data-expect-height="50"></div>
+    <div style="height:50px; padding-top:30px; border-top:20px solid; box-sizing:padding-box; aspect-ratio:2/1" data-expect-width="100" data-expect-height="80"></div>
+    <div style="height:50px; padding-top:30px; border-top:20px solid; aspect-ratio:2/1" data-expect-width="100" data-expect-height="100"></div>
+  </div>
+</div>
