circuit-to-canvas 0.0.31 → 0.0.33

package/tests/elements/pcb-fabrication-note-dimension.test.ts

@@ -0,0 +1,40 @@
+import { expect, test } from "bun:test"
+import type {
+  AnyCircuitElement,
+  PcbFabricationNoteDimension,
+} from "circuit-json"
+import { getStackedPngSvgComparison } from "../fixtures/getStackedPngSvgComparison"
+
+test("draw pcb fabrication note dimension - basic", async () => {
+  const circuitJson: AnyCircuitElement[] = [
+    {
+      type: "pcb_board",
+      pcb_board_id: "board1",
+      center: { x: 10, y: 5 },
+      width: 25,
+      height: 15,
+      thickness: 1.6,
+      num_layers: 2,
+      material: "fr4",
+    },
+    {
+      type: "pcb_fabrication_note_dimension",
+      pcb_fabrication_note_dimension_id: "fab_dim_1",
+      from: { x: 2, y: 5 },
+      to: { x: 18, y: 5 },
+      arrow_size: 0.4,
+      font_size: 0.6,
+      text: "16mm",
+      layer: "top",
+      pcb_component_id: "comp_1",
+      font: "tscircuit2024",
+    },
+  ]
+
+  const stackedPng = await getStackedPngSvgComparison(circuitJson, {
+    width: 400,
+    height: 800,
+  })
+
+  await expect(stackedPng).toMatchPngSnapshot(import.meta.path)
+})

package/tests/elements/pcb-silkscreen-oval.test.ts

@@ -0,0 +1,37 @@
+import { expect, test } from "bun:test"
+import type { AnyCircuitElement, PcbSilkscreenOval } from "circuit-json"
+import { getStackedPngSvgComparison } from "../fixtures/getStackedPngSvgComparison"
+
+test("draw silkscreen oval", async () => {
+  const oval: PcbSilkscreenOval = {
+    type: "pcb_silkscreen_oval",
+    layer: "top" as const,
+    pcb_component_id: "pcb_component_1",
+    pcb_silkscreen_oval_id: "oval_1",
+    center: { x: 0, y: 0 },
+    radius_x: 2,
+    radius_y: 1,
+    ccw_rotation: 45,
+  }
+
+  const circuitJson: AnyCircuitElement[] = [
+    {
+      type: "pcb_board",
+      pcb_board_id: "board1",
+      center: { x: 0, y: 0 },
+      width: 10,
+      height: 10,
+      thickness: 1.6,
+      num_layers: 2,
+      material: "fr4",
+    },
+    oval,
+  ]
+
+  const stackedPng = await getStackedPngSvgComparison(circuitJson, {
+    width: 400,
+    height: 800,
+  })
+
+  await expect(stackedPng).toMatchPngSnapshot(import.meta.path)
+})

package/tests/shapes/dimension-line.test.ts

@@ -0,0 +1,46 @@
+import { expect, test } from "bun:test"
+import { createCanvas } from "@napi-rs/canvas"
+import { identity } from "transformation-matrix"
+import { drawDimensionLine } from "../../lib/drawer/shapes/dimension-line"
+
+test("drawDimensionLine shape", async () => {
+  const width = 400
+  const height = 200
+  const canvas = createCanvas(width, height)
+  const ctx = canvas.getContext("2d")
+
+  ctx.fillStyle = "#1a1a1a"
+  ctx.fillRect(0, 0, width, height)
+
+  // Basic horizontal dimension
+  drawDimensionLine({
+    ctx,
+    from: { x: 50, y: 50 },
+    to: { x: 350, y: 50 },
+    realToCanvasMat: identity(),
+    color: "white",
+    fontSize: 12,
+    arrowSize: 8,
+    text: "300mm",
+  })
+
+  // Vertical dimension with offset and extension lines
+  drawDimensionLine({
+    ctx,
+    from: { x: 50, y: 80 },
+    to: { x: 50, y: 180 },
+    realToCanvasMat: identity(),
+    color: "cyan",
+    fontSize: 10,
+    arrowSize: 6,
+    text: "100mm",
+    offset: {
+      distance: 30,
+      direction: { x: 1, y: 0 },
+    },
+  })
+
+  await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(
+    import.meta.path,
+  )
+})

package/tests/shapes/oval.test.ts

@@ -13,10 +13,11 @@ test("draw oval", async () => {
   drawOval({
     ctx,
     center: { x: 50, y: 50 },
-    width: 70,
-    height: 40,
+    radius_x: 50,
+    radius_y: 25,
     fill: "#0000ff",
     realToCanvasMat: identity(),
+    rotation: 45,
   })
 
   await expect(canvas.toBuffer("image/png")).toMatchPngSnapshot(