Add regression tests for container sizing with layoutable child (#3955)

3 files changed, 11 insertions, 15 deletions

diff --git a/tests/ref/box-layoutable-child.png b/tests/ref/box-layoutable-child.png
deleted file mode 100644
index a1960a24..00000000
--- a/tests/ref/box-layoutable-child.png
+++ /dev/null
diff --git a/tests/ref/container-layoutable-child.png b/tests/ref/container-layoutable-child.png
new file mode 100644
index 00000000..972ccb61
--- /dev/null
+++ b/tests/ref/container-layoutable-child.png
diff --git a/tests/suite/layout/container.typ b/tests/suite/layout/container.typ
index ede051db..aff26bac 100644
--- a/tests/suite/layout/container.typ
+++ b/tests/suite/layout/container.typ
@@ -18,21 +18,6 @@ Apart
   #block(width: 50%, height: 60%, fill: blue)
 ]
 
---- box-layoutable-child ---
-// Test box sizing with layoutable child.
-#box(
-  width: 50pt,
-  height: 50pt,
-  fill: yellow,
-  path(
-    fill: purple,
-    (0pt, 0pt),
-    (30pt, 30pt),
-    (0pt, 30pt),
-    (30pt, 0pt),
-  ),
-)
-
 --- box-width-fr ---
 // Test fr box.
 Hello #box(width: 1fr, rect(height: 0.7em, width: 100%)) World
@@ -177,6 +162,17 @@ First!
   image("/assets/images/rhino.png", width: 30pt)
 )
 
+--- container-layoutable-child ---
+// Test box/block sizing with directly layoutable child.
+//
+// Ensure that the output respects the box size.
+#let check(f) = f(
+  width: 40pt, height: 25pt, fill: aqua,
+  grid(rect(width: 5pt, height: 5pt, fill: blue)),
+)
+
+#stack(dir: ltr, spacing: 1fr, check(box), check(block))
+
 --- issue-2128-block-width-box ---
 // Test box in 100% width block.
 #block(width: 100%, fill: red, box("a box"))