Added more tests & README update

README.md

@@ -299,6 +299,9 @@ const NestedInput = () => {
 
 <hr />
 
+## Support 
+
+If you like the project, please consider supporting us by giving a ⭐️ on Github.
 ## License
 
 MIT

package.json

@@ -1,6 +1,6 @@
 {
   "name": "remix-hook-form",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Utility wrapper around react-hook-form for use with Remix.run",
   "type": "module",
   "main": "./dist/index.umd.cjs",

src/hook/index.test.tsx

@@ -1,5 +1,13 @@
-import { renderHook, act, waitFor } from "@testing-library/react";
-import { useRemixForm } from "./index";
+import {
+  renderHook,
+  act,
+  waitFor,
+  cleanup,
+  render,
+  fireEvent,
+} from "@testing-library/react";
+import { RemixFormProvider, useRemixForm, useRemixFormContext } from "./index";
+import React from "react";
 
 const submitMock = vi.fn();
 vi.mock("@remix-run/react", () => ({
@@ -77,3 +85,35 @@ describe("useRemixForm", () => {
     });
   });
 });
+
+afterEach(cleanup);
+
+describe("RemixFormProvider", () => {
+  it("should allow the user to submit via the useRemixForm handleSubmit using the context", () => {
+    const { result } = renderHook(() =>
+      useRemixForm({
+        resolver: () => ({ values: {}, errors: {} }),
+        submitConfig: {
+          action: "/submit",
+        },
+      })
+    );
+    const spy = vi.spyOn(result.current, "handleSubmit");
+
+    const TestComponent = () => {
+      const { handleSubmit } = useRemixFormContext();
+      return <form onSubmit={handleSubmit} data-testid="test"></form>;
+    };
+
+    const { getByTestId } = render(
+      <RemixFormProvider {...result.current}>
+        <TestComponent />
+      </RemixFormProvider>
+    );
+
+    const form = getByTestId("test") as HTMLFormElement;
+    fireEvent.submit(form);
+
+    expect(spy).toHaveBeenCalled();
+  });
+});