@zeno-lib/forms 0.5.0 → 0.6.0

package/src/use-app-fields.test-d.ts

@@ -1,6 +1,8 @@
-import { test } from "vitest"
+import type { ReactNode } from "react"
+import { expectTypeOf, test } from "vitest"
 import { z } from "zod"
 import { useForm } from "./create-form"
+import { createZenoForm } from "./create-zeno-form"
 
 const schema = z.object({
   accept: z.boolean(),
@@ -93,3 +95,51 @@ test("listeners prop is accepted on every field wrapper", () => {
     name: "email",
   })
 })
+
+test("ControlField types its control with the value at `name`", () => {
+  const form = useForm({
+    onSubmit: () => undefined,
+    schema: z.object({
+      phone: z.string().nullable(),
+      rating: z.number(),
+    }),
+  })
+  form.ControlField({
+    name: "phone",
+    render: (control) => {
+      expectTypeOf(control.value).toEqualTypeOf<string | null>()
+      return null
+    },
+  })
+  form.ControlField({
+    name: "rating",
+    render: (control) => {
+      control.onChange(3)
+      // @ts-expect-error — the field holds a number
+      control.onChange("3")
+      return null
+    },
+  })
+  // @ts-expect-error — not a valid path
+  form.ControlField({ name: "nonexistent", render: () => null })
+})
+
+test("a field whose `render` takes another argument keeps its own type", () => {
+  const { useForm: useListForm } = createZenoForm({
+    fieldComponents: {
+      ListField: (_: { render: (row: { id: string }) => ReactNode }) => null,
+    },
+    formComponents: {},
+  })
+  const form = useListForm({
+    onSubmit: () => undefined,
+    schema: z.object({ rows: z.array(z.string()) }),
+  })
+  form.ListField({
+    name: "rows",
+    render: (row) => {
+      expectTypeOf(row).toEqualTypeOf<{ id: string }>()
+      return null
+    },
+  })
+})