add test for fat trigger api shape

Author: jcao49

package.json

@@ -24,7 +24,7 @@
     "@gadget-client/app-with-no-user-model": "^1.3.0",
     "@gadget-client/bulk-actions-test": "^1.102.0",
     "@gadget-client/related-products-example": "^1.848.0",
-    "@gadget-client/super-auth": "^1.17.0",
+    "@gadget-client/super-auth": "^1.27.0",
     "@gadgetinc/api-client-core": "workspace:*",
     "@gadgetinc/eslint-config": "^0.6.1",
     "@gadgetinc/prettier-config": "^0.4.0",

packages/react/spec/useAction.spec.tsx

@@ -8,7 +8,7 @@ import type { AnyVariables } from "urql";
 import { Provider } from "../src/GadgetProvider.js";
 import { useAction } from "../src/index.js";
 import type { ErrorWrapper } from "../src/utils.js";
-import { relatedProductsApi } from "./apis.js";
+import { relatedProductsApi, superAuthApi } from "./apis.js";
 import { MockClientWrapper, createMockUrqlClient, mockUrqlClient } from "./testWrappers.js";
 
 describe("useAction", () => {
@@ -417,6 +417,54 @@ describe("useAction", () => {
     `);
   });
 
+  test("generates correct mutation and variables for fat trigger", async () => {
+    let variables: AnyVariables;
+
+    const client = createMockUrqlClient({
+      mutationAssertions: (request) => {
+        variables = request.variables;
+      },
+    });
+
+    const wrapper = (props: { children: React.ReactNode }) => <Provider value={client}>{props.children}</Provider>;
+
+    const { result } = renderHook(() => useAction(superAuthApi.user.signUp), {
+      wrapper,
+    });
+
+    let mutationPromise: any;
+    act(() => {
+      mutationPromise = result.current[1]({ email: "[email protected]", password: "password123!" });
+    });
+
+    client.executeMutation.pushResponse("signUpUser", {
+      data: {
+        signUpUser: {
+          result: {
+            result: "ok",
+          },
+          success: true,
+        },
+      },
+      stale: false,
+      hasNext: false,
+    });
+
+    await act(async () => {
+      const promiseResult = await mutationPromise;
+      expect(promiseResult.data).toEqual({ result: "ok" });
+      expect(promiseResult.fetching).toBe(false);
+      expect(promiseResult.error).toBeFalsy();
+    });
+
+    expect(variables).toMatchInlineSnapshot(`
+      {
+        "email": "[email protected]",
+        "password": "password123!",
+      }
+    `);
+  });
+
   test("should throw if called without a model api identifier and there is an ambiguous field", async () => {
     let caughtError = null;