fix: sync split hook with field & test use list field actions

src/components/list-field/useListFieldActions.test.ts

@@ -0,0 +1,65 @@
+import { renderHook, act } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+
+import { useListFieldActions } from "./useListFieldActions";
+import { formAtom, useFormSubmit } from "form-atoms";
+import { numberField } from "../../fields";
+
+describe("useListFieldActions()", () => {
+  describe("adding item to the list", () => {
+    it("submits the new item", async () => {
+      const form = formAtom({
+        luckyNumbers: [numberField({ value: 6 })],
+      });
+
+      const builder = () => numberField({ value: 9 });
+
+      const { result: listFieldAction } = renderHook(() =>
+        useListFieldActions(
+          form,
+          builder,
+          ["luckyNumbers"],
+          (field) => `${field}`
+        )
+      );
+
+      const { result: formSubmit } = renderHook(() => useFormSubmit(form));
+
+      await act(() => listFieldAction.current.add());
+      await act(() => listFieldAction.current.add());
+
+      const onSubmit = vi.fn();
+      await act(() => formSubmit.current(onSubmit)());
+
+      expect(onSubmit).toHaveBeenCalledWith({ luckyNumbers: [6, 9, 9] });
+    });
+  });
+
+  describe("removing item from the list", () => {
+    it("submits without the removed item", async () => {
+      const form = formAtom({
+        luckyNumbers: [numberField({ value: 6 })],
+      });
+
+      const builder = () => numberField();
+
+      const { result: listFieldAction } = renderHook(() =>
+        useListFieldActions(
+          form,
+          builder,
+          ["luckyNumbers"],
+          (field) => `${field}`
+        )
+      );
+
+      const { result: formSubmit } = renderHook(() => useFormSubmit(form));
+
+      await act(() => listFieldAction.current.items[0]?.remove());
+
+      const onSubmit = vi.fn();
+      await act(() => formSubmit.current(onSubmit)());
+
+      expect(onSubmit).toHaveBeenCalledWith({ luckyNumbers: [] });
+    });
+  });
+});

src/components/list-field/useListFieldActions.ts

@@ -75,7 +75,6 @@ export const useListFieldActions = <
             }
           }, fields);
 
-          return fields;
           return { ...fields };
         });
       }),