@multiplatform.one/forms 6.0.0

package/dist/esm/fields/TextArea/TextArea.spec.mjs

@@ -0,0 +1,259 @@
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Button } from "../../Button/index.mjs";
+import { TextArea } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+describe("TextArea", () => {
+  describe("without form context", () => {
+    it("should render with label and helper text correctly", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Description",
+        helperText: "Enter a detailed description",
+        name: "description",
+        defaultValue: "Sample text"
+      }));
+      const textarea = result.getTextArea();
+      expect(textarea?.value).toBe("Sample text");
+      expect(textarea?.hasAttribute("disabled")).toBeFalsy();
+    });
+    it("should handle text changes", async () => {
+      const onChangeText = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Description",
+        name: "description",
+        onChangeText,
+        defaultValue: ""
+      }));
+      const textarea = result.getTextArea();
+      await act(async () => {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "New description"
+          }
+        });
+      });
+      expect(onChangeText).toHaveBeenCalledWith("New description");
+    });
+    it("should handle maxLength constraint", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Description",
+        name: "description",
+        defaultValue: "",
+        textAreaProps: {
+          maxLength: 10
+        }
+      }));
+      const textarea = result.getTextArea();
+      expect(textarea?.getAttribute("maxLength")).toBe("10");
+    });
+    it("should render required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Required Field",
+        name: "description",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("Required Field");
+      expect(label?.textContent).toContain("*");
+    });
+    it("should handle custom textarea props", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Custom TextArea",
+        name: "description",
+        textAreaProps: {
+          placeholder: "Enter text here",
+          rows: 5
+        }
+      }));
+      const textarea = result.getTextArea();
+      expect(textarea?.getAttribute("placeholder")).toBe("Enter text here");
+    });
+    it("should handle custom id prop", () => {
+      const customId = "custom-textarea-id";
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        id: customId,
+        label: "Test",
+        defaultValue: ""
+      }));
+      const textarea = result.getTextArea();
+      expect(textarea?.id).toBe(customId);
+    });
+    it("should handle multiline text", () => {
+      const multilineText = "Line 1\nLine 2\nLine 3";
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        label: "Multiline Text",
+        name: "text",
+        defaultValue: multilineText
+      }));
+      const textarea = result.getTextArea();
+      expect(textarea).toHaveValue(multilineText);
+    });
+    it("should handle state transitions", async () => {
+      const onChangeText = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(TextArea, {
+        name: "description",
+        defaultValue: "Initial text",
+        onChangeText
+      }));
+      const textarea = result.getTextArea();
+      await act(async () => {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Updated text"
+          }
+        });
+      });
+      expect(onChangeText).toHaveBeenCalledWith("Updated text");
+      if (textarea) fireEvent.change(textarea, {
+        target: {
+          value: ""
+        }
+      });
+      expect(onChangeText).toHaveBeenCalledWith("");
+    });
+  });
+  describe("with form context", () => {
+    const FormExample = ({
+      defaultValue = "",
+      name = "description",
+      onSubmit = async _value => {}
+    }) => {
+      return /* @__PURE__ */jsxs(Form, {
+        formOptions: {
+          defaultValues: {
+            [name]: defaultValue
+          }
+        },
+        onSubmit: async value => {
+          await onSubmit(value);
+        },
+        children: [/* @__PURE__ */jsx(TextArea, {
+          label: "Description",
+          name
+        }), /* @__PURE__ */jsx(Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    it("should render with form context and handle form submission", async () => {
+      const onSubmit = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(YStack, {
+        children: /* @__PURE__ */jsx(FormExample, {
+          onSubmit
+        })
+      }));
+      const textarea = result.getTextArea();
+      const submitButton = result.getSubmitButton();
+      expect(textarea?.value).toBe("");
+      await act(async () => {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(() => {
+        expect(onSubmit).toHaveBeenCalledWith({
+          description: ""
+        });
+      });
+      await act(async () => {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Test description"
+          }
+        });
+      });
+      await act(async () => {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(() => {
+        expect(onSubmit).toHaveBeenCalledWith({
+          description: "Test description"
+        });
+      });
+    });
+    it("should handle disabled state in form context", async () => {
+      const onChangeText = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            description: "Initial text"
+          }
+        },
+        children: /* @__PURE__ */jsx(TextArea, {
+          label: "Description",
+          name: "description",
+          disabled: true,
+          onChangeText
+        })
+      }));
+      const textarea = result.getTextArea();
+      await act(async () => {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "New text"
+          }
+        });
+      });
+      expect(onChangeText).not.toHaveBeenCalled();
+      const isDisabled = textarea?.hasAttribute("disabled") || textarea?.getAttribute("aria-disabled") === "true";
+      expect(isDisabled).toBeTruthy();
+    });
+  });
+  describe("with useForm hook directly", () => {
+    it("should handle form submission with useForm", async () => {
+      const onSubmitMock = vi.fn();
+      const TestComponent = () => {
+        const form = useForm({
+          defaultValues: {
+            description: "Default text"
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */jsx(TextArea, {
+            label: "Description",
+            name: "description"
+          }), /* @__PURE__ */jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      const result = renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+      const textarea = result.getTextArea();
+      const submitButton = result.getSubmitButton();
+      await act(async () => {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(() => {
+        expect(onSubmitMock).toHaveBeenCalledWith({
+          description: "Default text"
+        });
+      });
+      await act(async () => {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Updated description"
+          }
+        });
+      });
+      await act(async () => {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(() => {
+        expect(onSubmitMock).toHaveBeenCalledWith({
+          description: "Updated description"
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=TextArea.spec.mjs.map

package/dist/esm/fields/TextArea/TextArea.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useForm","act","fireEvent","waitFor","YStack","describe","expect","it","vi","renderWithProviders","Form","Button","TextArea","jsx","jsxs","result","label","helperText","name","defaultValue","textarea","getTextArea","value","toBe","hasAttribute","toBeFalsy","onChangeText","fn","change","target","toHaveBeenCalledWith","textAreaProps","maxLength","getAttribute","required","container","querySelector","textContent","toContain","placeholder","rows","customId","id","multilineText","toHaveValue","FormExample","onSubmit","_value","formOptions","defaultValues","children","action","submitButton","getSubmitButton","click","description","disabled","not","toHaveBeenCalled","isDisabled","toBeTruthy","onSubmitMock","TestComponent","form"],"sources":["../../../../src/fields/TextArea/TextArea.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/TextArea/TextArea.spec.native.js

@@ -0,0 +1,261 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Button } from "../../Button/index.native.js";
+import { TextArea } from "./index.native.js";
+describe("TextArea", function () {
+  describe("without form context", function () {
+    it("should render with label and helper text correctly", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Description",
+        helperText: "Enter a detailed description",
+        name: "description",
+        defaultValue: "Sample text"
+      }));
+      var textarea = result.getTextArea();
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.value).toBe("Sample text");
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.hasAttribute("disabled")).toBeFalsy();
+    });
+    it("should handle text changes", async function () {
+      var onChangeText = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Description",
+        name: "description",
+        onChangeText,
+        defaultValue: ""
+      }));
+      var textarea = result.getTextArea();
+      await act(async function () {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "New description"
+          }
+        });
+      });
+      expect(onChangeText).toHaveBeenCalledWith("New description");
+    });
+    it("should handle maxLength constraint", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Description",
+        name: "description",
+        defaultValue: "",
+        textAreaProps: {
+          maxLength: 10
+        }
+      }));
+      var textarea = result.getTextArea();
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.getAttribute("maxLength")).toBe("10");
+    });
+    it("should render required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Required Field",
+        name: "description",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Field");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("should handle custom textarea props", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Custom TextArea",
+        name: "description",
+        textAreaProps: {
+          placeholder: "Enter text here",
+          rows: 5
+        }
+      }));
+      var textarea = result.getTextArea();
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.getAttribute("placeholder")).toBe("Enter text here");
+    });
+    it("should handle custom id prop", function () {
+      var customId = "custom-textarea-id";
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        id: customId,
+        label: "Test",
+        defaultValue: ""
+      }));
+      var textarea = result.getTextArea();
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.id).toBe(customId);
+    });
+    it("should handle multiline text", function () {
+      var multilineText = "Line 1\nLine 2\nLine 3";
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        label: "Multiline Text",
+        name: "text",
+        defaultValue: multilineText
+      }));
+      var textarea = result.getTextArea();
+      expect(textarea).toHaveValue(multilineText);
+    });
+    it("should handle state transitions", async function () {
+      var onChangeText = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TextArea, {
+        name: "description",
+        defaultValue: "Initial text",
+        onChangeText
+      }));
+      var textarea = result.getTextArea();
+      await act(async function () {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Updated text"
+          }
+        });
+      });
+      expect(onChangeText).toHaveBeenCalledWith("Updated text");
+      if (textarea) fireEvent.change(textarea, {
+        target: {
+          value: ""
+        }
+      });
+      expect(onChangeText).toHaveBeenCalledWith("");
+    });
+  });
+  describe("with form context", function () {
+    var FormExample = function FormExample2(param) {
+      var {
+        defaultValue = "",
+        name = "description",
+        onSubmit = async function (_value) {}
+      } = param;
+      return /* @__PURE__ */_jsxs(Form, {
+        formOptions: {
+          defaultValues: {
+            [name]: defaultValue
+          }
+        },
+        onSubmit: async function onSubmit1(value) {
+          await onSubmit(value);
+        },
+        children: [/* @__PURE__ */_jsx(TextArea, {
+          label: "Description",
+          name
+        }), /* @__PURE__ */_jsx(Button, {
+          action: "submit",
+          children: "Submit"
+        })]
+      });
+    };
+    it("should render with form context and handle form submission", async function () {
+      var onSubmit = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(YStack, {
+        children: /* @__PURE__ */_jsx(FormExample, {
+          onSubmit
+        })
+      }));
+      var textarea = result.getTextArea();
+      var submitButton = result.getSubmitButton();
+      expect(textarea === null || textarea === void 0 ? void 0 : textarea.value).toBe("");
+      await act(async function () {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(function () {
+        expect(onSubmit).toHaveBeenCalledWith({
+          description: ""
+        });
+      });
+      await act(async function () {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Test description"
+          }
+        });
+      });
+      await act(async function () {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(function () {
+        expect(onSubmit).toHaveBeenCalledWith({
+          description: "Test description"
+        });
+      });
+    });
+    it("should handle disabled state in form context", async function () {
+      var onChangeText = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            description: "Initial text"
+          }
+        },
+        children: /* @__PURE__ */_jsx(TextArea, {
+          label: "Description",
+          name: "description",
+          disabled: true,
+          onChangeText
+        })
+      }));
+      var textarea = result.getTextArea();
+      await act(async function () {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "New text"
+          }
+        });
+      });
+      expect(onChangeText).not.toHaveBeenCalled();
+      var isDisabled = (textarea === null || textarea === void 0 ? void 0 : textarea.hasAttribute("disabled")) || (textarea === null || textarea === void 0 ? void 0 : textarea.getAttribute("aria-disabled")) === "true";
+      expect(isDisabled).toBeTruthy();
+    });
+  });
+  describe("with useForm hook directly", function () {
+    it("should handle form submission with useForm", async function () {
+      var onSubmitMock = vi.fn();
+      var TestComponent = function TestComponent2() {
+        var form = useForm({
+          defaultValues: {
+            description: "Default text"
+          },
+          onSubmit: async function onSubmit(param) {
+            var {
+              value
+            } = param;
+            onSubmitMock(value);
+          }
+        });
+        return /* @__PURE__ */_jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */_jsx(TextArea, {
+            label: "Description",
+            name: "description"
+          }), /* @__PURE__ */_jsx(Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      var result = renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+      var textarea = result.getTextArea();
+      var submitButton = result.getSubmitButton();
+      await act(async function () {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(function () {
+        expect(onSubmitMock).toHaveBeenCalledWith({
+          description: "Default text"
+        });
+      });
+      await act(async function () {
+        if (textarea) fireEvent.change(textarea, {
+          target: {
+            value: "Updated description"
+          }
+        });
+      });
+      await act(async function () {
+        if (submitButton) fireEvent.click(submitButton);
+      });
+      await waitFor(function () {
+        expect(onSubmitMock).toHaveBeenCalledWith({
+          description: "Updated description"
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=TextArea.spec.native.js.map

package/dist/esm/fields/TextArea/TextArea.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useForm","act","fireEvent","waitFor","YStack","describe","expect","it","vi","renderWithProviders","Form","Button","TextArea","result","label","helperText","name","defaultValue","textarea","getTextArea","value","toBe","hasAttribute","toBeFalsy","onChangeText","fn","change","target","toHaveBeenCalledWith","textAreaProps","maxLength","getAttribute","required","container","querySelector","textContent","toContain","placeholder","rows","customId","id","multilineText","toHaveValue","FormExample","FormExample2","param","onSubmit","_value","formOptions","defaultValues","onSubmit1","children","action","submitButton","getSubmitButton","click","description","disabled","not","toHaveBeenCalled","isDisabled","toBeTruthy","onSubmitMock","TestComponent","TestComponent2","form"],"sources":["../../../../src/fields/TextArea/TextArea.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}