test(useDateFieldProps): initialize field via options

src/fields/date-field/dateField.stories.tsx

@@ -39,7 +39,7 @@ export const InitializedInput = formStory({
       <DateInput
         field={fields.dueDate}
         label="Due Date"
-        initialValue={new Date()}
+        initialValue={new Date(2024, 2, 30)}
       />
     ),
   },

src/hooks/use-date-field-props/useDateFieldProps.test.tsx

@@ -7,6 +7,17 @@ import { dateField } from "../../fields/date-field";
 import { getDateString } from "../../fields/date-field/DateInput.mock";
 
 describe("useDateFieldProps", () => {
+  it("initializes the field via options", () => {
+    const field = dateField();
+    const initialValue = new Date("2024/03/31");
+
+    const { result: props } = renderHook(() =>
+      useDateFieldProps(field, { initialValue }),
+    );
+
+    expect(props.current.value).toBe(initialValue);
+  });
+
   it("reads empty value as undefined", async () => {
     const field = dateField({ value: new Date() });
     const { result } = renderHook(() => useDateFieldProps(field));

src/hooks/use-number-field-props/useNumberFieldProps.test.tsx

@@ -10,11 +10,11 @@ describe("useNumberFieldProps()", () => {
   it("initializes the field via options", async () => {
     const field = numberField();
 
-    const props = renderHook(() =>
+    const { result: props } = renderHook(() =>
       useNumberFieldProps(field, { initialValue: 42 }),
     );
 
-    expect(props.result.current.value).toBe(42);
+    expect(props.current.value).toBe(42);
   });
 
   it("reads empty input value as undefined with props.value as empty string", async () => {

src/hooks/use-text-field-props/useTextFieldProps.test.tsx

@@ -0,0 +1,29 @@
+import { act, render, renderHook, screen } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { describe, expect, it } from "vitest";
+
+import { useTextFieldProps } from "./useTextFieldProps";
+import { textField } from "../../fields";
+
+describe("useTextFieldProps()", () => {
+  it("initializes the field via options", async () => {
+    const field = textField();
+
+    const { result: props } = renderHook(() =>
+      useTextFieldProps(field, { initialValue: "hello" }),
+    );
+
+    expect(props.current.value).toBe("hello");
+  });
+
+  it("reads value as string", async () => {
+    const field = textField();
+
+    const { result: props } = renderHook(() => useTextFieldProps(field));
+    render(<input {...props.current} />);
+
+    await act(() => userEvent.type(screen.getByRole("textbox"), "x"));
+
+    expect(props.current.value).toBe("x");
+  });
+});