Merge pull request #589 from gadget-inc/mill/throwErrorForAutoFormActionsWithNoTriggers

Added error for using actions without the API trigger in autoforms

Author: MillanWangGadget

packages/react/cypress/component/auto/form/AutoFormDynamicFormInputChanges.cy.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { api } from "../../../support/api.js";
 import { describeForEachAutoAdapter } from "../../../support/auto.js";
 
@@ -24,6 +25,7 @@ describeForEachAutoAdapter("AutoForm", ({ name, adapter: { AutoForm }, wrapper }
       modelName: "Widget",
       action: { apiIdentifier: "update", operatesWithRecordIdentity: true },
       inputFields: getInputFieldsWithCustomValidations(),
+      triggers: apiTriggerOnly,
     });
   };
 

packages/react/cypress/component/auto/form/AutoRoleInput.cy.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { api } from "../../../support/api.js";
 import { describeForEachAutoAdapter } from "../../../support/auto.js";
 
@@ -135,6 +136,7 @@ const modelActionMetadataResponse = {
           name: "Create",
           apiIdentifier: "create",
           operatesWithRecordIdentity: false,
+          triggers: apiTriggerOnly,
           inputFields: [
             {
               name: "Widget",

packages/react/cypress/component/auto/form/PolarisAutoBelongsToInput.cy.tsx

@@ -1,17 +1,18 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { PolarisAutoForm } from "../../../../src/auto/polaris/PolarisAutoForm.js";
 import { PolarisAutoBelongsToInput } from "../../../../src/auto/polaris/inputs/relationships/PolarisAutoBelongsToInput.js";
 import { PolarisAutoSubmit } from "../../../../src/auto/polaris/submit/PolarisAutoSubmit.js";
 import { PolarisSubmitResultBanner } from "../../../../src/auto/polaris/submit/PolarisSubmitResultBanner.js";
 import { api } from "../../../support/api.js";
 import { PolarisWrapper } from "../../../support/auto.js";
-
 describe("PolarisAutoBelongsToInput", () => {
   const interceptModelUpdateActionMetadata = () => {
     cy.mockModelActionMetadata(api, {
       modelApiIdentifier: "widget",
       modelName: "Widget",
       action: { apiIdentifier: "update", operatesWithRecordIdentity: true },
+      triggers: apiTriggerOnly,
       inputFields: getInputFieldsWithCustomValidations(),
     });
   };

packages/react/cypress/component/auto/form/PolarisAutoDateTimePicker.cy.tsx

@@ -1,6 +1,7 @@
 import { format } from "date-fns";
 import { utcToZonedTime } from "date-fns-tz";
 import React, { useState } from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { PolarisAutoForm } from "../../../../src/auto/polaris/PolarisAutoForm.js";
 import { PolarisAutoDateTimePicker } from "../../../../src/auto/polaris/inputs/PolarisAutoDateTimePicker.js";
 import { api } from "../../../support/api.js";
@@ -110,6 +111,8 @@ describe("PolarisDateTimePicker", () => {
           apiIdentifier: "create",
           operatesWithRecordIdentity: false,
         },
+
+        triggers: apiTriggerOnly,
         inputFields: [
           {
             name: "Widget",

packages/react/cypress/component/auto/form/PolarisAutoEnumInput.cy.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { getStadiumRecord } from "../../../../spec/auto/support/stadiumModel.js";
 import { PolarisAutoForm } from "../../../../src/auto/polaris/PolarisAutoForm.js";
 import { api } from "../../../support/api.js";
@@ -327,6 +328,7 @@ const baseModelActionMetadata = {
     apiIdentifier: "create",
     operatesWithRecordIdentity: false,
   },
+  triggers: apiTriggerOnly,
   inputFields: [
     {
       name: "Stadium",

packages/react/cypress/component/auto/form/PolarisAutoFileInput.cy.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { getStadiumRecord } from "../../../../spec/auto/support/stadiumModel.js";
 import { PolarisAutoForm } from "../../../../src/auto/polaris/PolarisAutoForm.js";
 import { PolarisAutoFileInput } from "../../../../src/auto/polaris/inputs/PolarisAutoFileInput.js";
@@ -15,6 +16,7 @@ describe("PolarisFileInput", () => {
         operatesWithRecordIdentity: false,
       },
       inputFields: getInputFieldsWithCustomValidations(validations),
+      triggers: apiTriggerOnly,
     });
   };
 
@@ -27,6 +29,7 @@ describe("PolarisFileInput", () => {
         operatesWithRecordIdentity: true,
       },
       inputFields: getInputFieldsWithCustomValidations(validations),
+      triggers: apiTriggerOnly,
     });
   };
 

packages/react/cypress/component/auto/form/PolarisAutoHasManyInput.cy.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { apiTriggerOnly } from "../../../../spec/auto/support/Triggers.js";
 import { PolarisAutoForm } from "../../../../src/auto/polaris/PolarisAutoForm.js";
 import { PolarisAutoHasManyInput } from "../../../../src/auto/polaris/inputs/relationships/PolarisAutoHasManyInput.js";
 import { PolarisAutoSubmit } from "../../../../src/auto/polaris/submit/PolarisAutoSubmit.js";
@@ -14,6 +15,7 @@ describe("PolarisAutoHasManyInput", () => {
       modelName: "Widget",
       action: { apiIdentifier: "update", operatesWithRecordIdentity: true },
       inputFields: getInputFieldsWithCustomValidations(),
+      triggers: apiTriggerOnly,
     });
   };
 

packages/react/cypress/support/commands.ts

@@ -1,5 +1,6 @@
 import type { AnyClient } from "@gadgetinc/api-client-core";
 import "cypress-each";
+import { apiTriggerOnly } from "../../spec/auto/support/Triggers.js";
 import { recordIdInputField } from "../../spec/auto/support/shared.js";
 
 Cypress.Commands.add("mockModelActionMetadata", (api: AnyClient, props) => {
@@ -19,6 +20,7 @@ Cypress.Commands.add("mockModelActionMetadata", (api: AnyClient, props) => {
             action: {
               ...action,
               name: action.apiIdentifier,
+              triggers: apiTriggerOnly,
               inputFields: action.operatesWithRecordIdentity ? [recordIdInputField, ...inputFields] : inputFields,
               __typename: "GadgetAction",
             },

packages/react/cypress/support/cypress-commands.d.ts

@@ -12,6 +12,7 @@ declare namespace Cypress {
           operatesWithRecordIdentity: boolean;
         };
         inputFields: any[];
+        triggers: any[];
         defaultRecord?: Record<string, any>;
       }
     ): Chainable<void>;

packages/react/spec/auto/PolarisAutoForm.spec.tsx

@@ -12,6 +12,7 @@ import { PolarisAutoSubmit } from "../../src/auto/polaris/submit/PolarisAutoSubm
 import { testApi as api } from "../apis.js";
 import { MockClientProvider, mockUrqlClient } from "../testWrappers.js";
 import { getGizmoModelMetadata } from "./support/gizmoModel.js";
+import { getGlobalActionMetadata } from "./support/globalActions.js";
 import { getWidgetModelMetadata, getWidgetRecord } from "./support/widgetModel.js";
 
 const PolarisMockedProviders = (props: { children: ReactNode }) => {
@@ -676,6 +677,36 @@ describe("PolarisAutoForm", () => {
       }).toThrow("Bulk actions are not supported in AutoForms");
     });
   });
+  describe("Actions without triggers", () => {
+    describe("No triggers in the api client", () => {
+      it("throws an error when a model action without triggers", () => {
+        expect(() => {
+          render(<PolarisAutoForm action={api.autoTableTest.noTriggerAction as any} />, { wrapper: PolarisMockedProviders });
+        }).toThrow("Actions must have API triggers to be used in AutoForms");
+      });
+
+      it("throws an error when a global action without triggers", () => {
+        expect(() => {
+          render(<PolarisAutoForm action={api.noTriggerGlobalAction as any} />, { wrapper: PolarisMockedProviders });
+        }).toThrow("Actions must have API triggers to be used in AutoForms");
+      });
+    });
+    describe("Has triggers in api client but no triggers in action metadata", () => {
+      it("throws an error when a model action without triggers", () => {
+        expect(() => {
+          render(<PolarisAutoForm action={api.widget.create as any} />, { wrapper: PolarisMockedProviders });
+          loadMockWidgetCreateMetadata({ triggers: [{ specID: "non/api/trigger", __typename: "GadgetTrigger" }] });
+        }).toThrow("Actions must have API triggers to be used in AutoForms");
+      });
+
+      it("throws an error when a global action without triggers", () => {
+        expect(() => {
+          render(<PolarisAutoForm action={api.flipAll as any} />, { wrapper: PolarisMockedProviders });
+          loadMockFlipAllMetadata({ triggers: [{ specID: "non/api/trigger", __typename: "GadgetTrigger" }] });
+        }).toThrow("Actions must have API triggers to be used in AutoForms");
+      });
+    });
+  });
 });
 
 function loadMockGizmoCreateMetadata() {
@@ -697,7 +728,7 @@ function loadMockGizmoCreateMetadata() {
   });
 }
 
-function loadMockWidgetCreateMetadata() {
+function loadMockWidgetCreateMetadata(opts?: { inputFields?: any[]; triggers?: any[] }) {
   expect(mockUrqlClient.executeQuery.mock.calls[0][0].variables).toEqual({
     modelApiIdentifier: "widget",
     modelNamespace: null,
@@ -708,11 +739,15 @@ function loadMockWidgetCreateMetadata() {
   mockUrqlClient.executeQuery.pushResponse("ModelActionMetadata", {
     stale: false,
     hasNext: false,
-    data: getWidgetModelMetadata({
-      name: "Create",
-      apiIdentifier: "create",
-      operatesWithRecordIdentity: false,
-    }),
+    data: getWidgetModelMetadata(
+      {
+        name: "Create",
+        apiIdentifier: "create",
+        operatesWithRecordIdentity: false,
+      },
+      opts?.inputFields,
+      opts?.triggers
+    ),
   });
 }
 
@@ -780,3 +815,20 @@ function loadMockWidgetDeleteMetadata() {
     ),
   });
 }
+
+function loadMockFlipAllMetadata(opts?: { triggers?: any[] }) {
+  expect(mockUrqlClient.executeQuery.mock.calls[0][0].variables).toEqual({
+    namespace: null,
+    apiIdentifier: "flipAll",
+    includeRelatedFields: false,
+  });
+
+  mockUrqlClient.executeQuery.pushResponse("GlobalActionMetadata", {
+    stale: false,
+    hasNext: false,
+    data: getGlobalActionMetadata({
+      apiIdentifier: "flipAll",
+      triggers: opts?.triggers,
+    }),
+  });
+}