import React from "react"
import test from "ava"
import { createRoot } from "lib/render"
import { createProjectBuilder } from "@tscircuit/builder"
import { logLayout } from "./utils/log-layout"

test("render footprint", async (t) => {
  const pb = createProjectBuilder()
  const result = await createRoot().render(
    <component name="C1">
      <platedhole
        shape="circle"
        pcbX={0}
        pcbY={0}
        holeDiameter="1mm"
        outerDiameter="2mm"
      />
      <platedhole
        shape="circle"
        pcbX="3mm"
        pcbY={0}
        holeDiameter="1mm"
        outerDiameter="2mm"
      />
      <smtpad pcbX="6mm" pcbY={0} width="3mm" height="3mm" shape="rect" />
    </component>,
    pb,
  )
  await logLayout("test footprint react-fiber", result)
  t.pass()
})

test("render soup as footprint", async (t) => {
  const pb = createProjectBuilder()
  const result = await createRoot().render(
    <component
      name="C1"
      footprint={[
        {
          type: "pcb_smtpad",
          shape: "rect",
          x: 0,
          y: 0,
          height: 3,
          width: 3,
          layer: "top",
          pcb_component_id: "",
          pcb_smtpad_id: "",
          pcb_port_id: "",
        },
      ]}
    />,
    pb,
  )
  await logLayout("render soup as footprint", result)
  t.pass()
})