More tests.

test-utils.ts

@@ -51,39 +51,39 @@ export function rect({
 }
 
 export function tube({
-  x,
-  y,
-  width,
-  height,
-  center,
-  angle,
+  x = 0,
+  y = 0,
+  width = 100,
+  height = 50,
+  center = true,
+  orientation = "horizontal",
 }: {
   x?: number;
   y?: number;
   width?: number;
   height?: number;
   center?: boolean;
-  angle?: number;
+  orientation?: "horizontal" | "vertical";
 } = {}): PIXI.Graphics {
-  x = x ?? 0;
-  y = y ?? 0;
-  width = width ?? 100;
-  height = height ?? 50;
-  center = center ?? true;
-
   let tube = new PIXI.Graphics();
-
   if (center) {
     tube.pivot.x = width / 2;
     tube.pivot.y = height / 2;
   }
-  tube.beginFill(0xff0000);
-  tube.drawRect(x, y, width, height);
-  tube.drawCircle(x, y + height / 2, height / 2);
-  tube.drawCircle(x + width, y + height / 2, height / 2);
-  tube.endFill();
+  if (orientation === "horizontal") {
+    tube.beginFill(0xff0000);
+    tube.drawRect(x, y, width, height);
+    tube.drawCircle(x, y + height / 2, height / 2);
+    tube.drawCircle(x + width, y + height / 2, height / 2);
+    tube.endFill();
+  } else {
+    tube.beginFill(0xff0000);
+    tube.drawRect(x, y, width, height);
+    tube.drawCircle(x + width / 2, y, width / 2);
+    tube.drawCircle(x + width / 2, y + height, width / 2);
+    tube.endFill();
+  }
 
-  tube.angle = angle ?? 0;
   return tube;
 }
 

tests.ts

@@ -357,20 +357,19 @@ componentTest("grid-of-tube-fit", () =>
   ).leaves((leaf) => leaf.center().fit().padding(5)),
 );
 
-componentTest("rotated-tube-center", () =>
-  HStack(tube({ angle: 90 })).leaves((leaf) => leaf.center()),
+componentTest("tall-segment", () =>
+  HStack(rect({ center: true }), rect({ center: true }))
+    .proportions(10, 1)
+    .leaves((leaf) => leaf.fit())
+    .debug(),
 );
 
-componentTest("rotated-tube-fit", () =>
-  HStack(tube({ angle: 90 })).leaves((leaf) => leaf.fit()),
+componentTest("tall-tube-segment", () =>
+  HStack(
+    tube({ center: true, orientation: "vertical" }),
+    tube({ center: true, orientation: "vertical" }),
+  )
+    .proportions(10, 1)
+    .leaves((leaf) => leaf.fit())
+    .debug(),
 );
-
-// Can't yet handle non-90 degree rotations
-// componentTest("rotated-tube-fit-45", () =>
-//   HStack(tube({ angle: 45 })).leaves((leaf) => leaf.fit()),
-// );
-//
-// Can't yet handle non-90 degree rotations
-// componentTest("rotated-tube-fit-10", () =>
-//   HStack(tube({ angle: 10 })).leaves((leaf) => leaf.fit()),
-// );