@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,235 @@
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { YStack } from "tamagui";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Button } from "../../Button/index.mjs";
+import { Form } from "../../Form/index.mjs";
+import { Select } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const mockOptions = [{
+  value: "option1",
+  label: "Option 1"
+}, {
+  value: "option2",
+  label: "Option 2"
+}, {
+  value: "option3",
+  label: "Option 3"
+}];
+let consoleErrorSpy = null;
+beforeEach(() => {
+  consoleErrorSpy = vi.spyOn(console, "error").mockImplementation((...args) => {
+    const message = args.map(String).join(" ");
+    if (message.includes("React does not recognize the `marginLeft` prop on a DOM element")) {
+      return;
+    }
+  });
+});
+afterEach(() => {
+  consoleErrorSpy?.mockRestore();
+  consoleErrorSpy = null;
+});
+describe("Select Components", () => {
+  describe("Select", () => {
+    it("should display placeholder when no value is selected", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+        options: mockOptions,
+        placeholder: "Choose an option"
+      }));
+      expect(result.findTextElement("Choose an option")).toBeDefined();
+    });
+    it("should display selected value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+        options: mockOptions,
+        value: "option1",
+        placeholder: "Choose an option"
+      }));
+      expect(result.findTextElement("Option 1")).toBeDefined();
+    });
+    it("should handle empty options array", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+        options: [],
+        placeholder: "No options"
+      }));
+      expect(result.findTextElement("No options")).toBeDefined();
+    });
+    it("should support custom placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+        options: mockOptions,
+        placeholder: "Custom placeholder text"
+      }));
+      expect(result.findTextElement("Custom placeholder text")).toBeDefined();
+    });
+  });
+  describe("Select", () => {
+    describe("without form context", () => {
+      it("should render with label and helper text", () => {
+        const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+          label: "Choose Option",
+          helperText: "Select an option from the list",
+          name: "option",
+          options: mockOptions
+        }));
+        expect(result.findTextElement("Choose Option")).toBeDefined();
+        expect(result.findTextElement("Select an option from the list")).toBeDefined();
+      });
+      it("should display error message", () => {
+        const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+          label: "Choose Option",
+          name: "option",
+          options: mockOptions,
+          error: "This field is required"
+        }));
+        expect(result.findTextElement("This field is required")).toBeDefined();
+      });
+      it("should render required label with asterisk", () => {
+        const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+          label: "Required Select",
+          name: "option",
+          options: mockOptions,
+          required: true
+        }));
+        const label = result.container.querySelector("label");
+        expect(label).toBeDefined();
+        expect(label?.textContent).toContain("Required Select");
+        expect(label?.textContent).toContain("*");
+      });
+    });
+    describe("with form context", () => {
+      const FormExample = ({
+        defaultValue = "",
+        name = "option",
+        onSubmit = async _value => {}
+      }) => {
+        const form = useForm({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async ({
+            value
+          }) => {
+            await onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */jsx(Select, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__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 submitButton = result.getSubmitButton();
+        await act(async () => {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        expect(onSubmit).toHaveBeenCalledWith({
+          option: ""
+        });
+      });
+      it("should handle form submission with selected value", async () => {
+        const onSubmit = vi.fn();
+        const result = renderWithProviders(/* @__PURE__ */jsx(YStack, {
+          children: /* @__PURE__ */jsx(FormExample, {
+            defaultValue: "option1",
+            onSubmit
+          })
+        }));
+        const submitButton = result.getSubmitButton();
+        await act(async () => {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        expect(onSubmit).toHaveBeenCalledWith({
+          option: "option1"
+        });
+      });
+    });
+    describe("with useForm hook directly", () => {
+      it("should handle form submission with useForm", async () => {
+        const onSubmitMock = vi.fn();
+        const TestComponent = () => {
+          const form = useForm({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */jsxs(Form, {
+            form,
+            children: [/* @__PURE__ */jsx(Select, {
+              label: "Choose Option",
+              name: "option",
+              options: mockOptions
+            }), /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+        const submitButton = result.getSubmitButton();
+        await act(async () => {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        await waitFor(() => {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+  });
+  describe("integration scenarios", () => {
+    it("should handle dynamic options", () => {
+      const DynamicSelect = ({
+        options
+      }) => {
+        return /* @__PURE__ */jsx(Select, {
+          label: "Dynamic Select",
+          name: "dynamic",
+          options
+        });
+      };
+      const result = renderWithProviders(/* @__PURE__ */jsx(DynamicSelect, {
+        options: mockOptions
+      }));
+      result.rerender(/* @__PURE__ */jsx(DynamicSelect, {
+        options: [{
+          value: "new1",
+          label: "New Option 1"
+        }, {
+          value: "new2",
+          label: "New Option 2"
+        }]
+      }));
+      expect(result.findTextElement("Dynamic Select")).toBeDefined();
+    });
+  });
+  describe("accessibility", () => {
+    it("should announce selected value to screen readers", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Select, {
+        options: mockOptions,
+        value: "option1",
+        "aria-label": "Test select"
+      }));
+      expect(result.findTextElement("Option 1")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Select.spec.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useForm","act","fireEvent","waitFor","YStack","afterEach","beforeEach","describe","expect","it","vi","renderWithProviders","Button","Form","Select","jsx","jsxs","mockOptions","value","label","consoleErrorSpy","spyOn","console","mockImplementation","args","message","map","String","join","includes","mockRestore","result","options","placeholder","findTextElement","toBeDefined","helperText","name","error","required","container","querySelector","textContent","toContain","FormExample","defaultValue","onSubmit","_value","form","defaultValues","children","action","fn","submitButton","getSubmitButton","click","toHaveBeenCalledWith","option","onSubmitMock","TestComponent","DynamicSelect","rerender"],"sources":["../../../../src/fields/Select/Select.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,242 @@
+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 { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Button } from "../../Button/index.native.js";
+import { Form } from "../../Form/index.native.js";
+import { Select } from "./index.native.js";
+var mockOptions = [{
+  value: "option1",
+  label: "Option 1"
+}, {
+  value: "option2",
+  label: "Option 2"
+}, {
+  value: "option3",
+  label: "Option 3"
+}];
+var consoleErrorSpy = null;
+beforeEach(function () {
+  consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var message = args.map(String).join(" ");
+    if (message.includes("React does not recognize the `marginLeft` prop on a DOM element")) {
+      return;
+    }
+  });
+});
+afterEach(function () {
+  consoleErrorSpy === null || consoleErrorSpy === void 0 ? void 0 : consoleErrorSpy.mockRestore();
+  consoleErrorSpy = null;
+});
+describe("Select Components", function () {
+  describe("Select", function () {
+    it("should display placeholder when no value is selected", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+        options: mockOptions,
+        placeholder: "Choose an option"
+      }));
+      expect(result.findTextElement("Choose an option")).toBeDefined();
+    });
+    it("should display selected value", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+        options: mockOptions,
+        value: "option1",
+        placeholder: "Choose an option"
+      }));
+      expect(result.findTextElement("Option 1")).toBeDefined();
+    });
+    it("should handle empty options array", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+        options: [],
+        placeholder: "No options"
+      }));
+      expect(result.findTextElement("No options")).toBeDefined();
+    });
+    it("should support custom placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+        options: mockOptions,
+        placeholder: "Custom placeholder text"
+      }));
+      expect(result.findTextElement("Custom placeholder text")).toBeDefined();
+    });
+  });
+  describe("Select", function () {
+    describe("without form context", function () {
+      it("should render with label and helper text", function () {
+        var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+          label: "Choose Option",
+          helperText: "Select an option from the list",
+          name: "option",
+          options: mockOptions
+        }));
+        expect(result.findTextElement("Choose Option")).toBeDefined();
+        expect(result.findTextElement("Select an option from the list")).toBeDefined();
+      });
+      it("should display error message", function () {
+        var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+          label: "Choose Option",
+          name: "option",
+          options: mockOptions,
+          error: "This field is required"
+        }));
+        expect(result.findTextElement("This field is required")).toBeDefined();
+      });
+      it("should render required label with asterisk", function () {
+        var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+          label: "Required Select",
+          name: "option",
+          options: mockOptions,
+          required: true
+        }));
+        var label = result.container.querySelector("label");
+        expect(label).toBeDefined();
+        expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Select");
+        expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+      });
+    });
+    describe("with form context", function () {
+      var FormExample = function FormExample2(param) {
+        var {
+          defaultValue = "",
+          name = "option",
+          onSubmit = async function (_value) {}
+        } = param;
+        var form = useForm({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async function onSubmit1(param2) {
+            var {
+              value
+            } = param2;
+            await onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */_jsxs(Form, {
+          form,
+          children: [/* @__PURE__ */_jsx(Select, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__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 submitButton = result.getSubmitButton();
+        await act(async function () {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        expect(onSubmit).toHaveBeenCalledWith({
+          option: ""
+        });
+      });
+      it("should handle form submission with selected value", async function () {
+        var onSubmit = vi.fn();
+        var result = renderWithProviders(/* @__PURE__ */_jsx(YStack, {
+          children: /* @__PURE__ */_jsx(FormExample, {
+            defaultValue: "option1",
+            onSubmit
+          })
+        }));
+        var submitButton = result.getSubmitButton();
+        await act(async function () {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        expect(onSubmit).toHaveBeenCalledWith({
+          option: "option1"
+        });
+      });
+    });
+    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: {
+              option: "option2"
+            },
+            onSubmit: async function onSubmit(param) {
+              var {
+                value
+              } = param;
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */_jsxs(Form, {
+            form,
+            children: [/* @__PURE__ */_jsx(Select, {
+              label: "Choose Option",
+              name: "option",
+              options: mockOptions
+            }), /* @__PURE__ */_jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        var result = renderWithProviders(/* @__PURE__ */_jsx(TestComponent, {}));
+        var submitButton = result.getSubmitButton();
+        await act(async function () {
+          if (submitButton) fireEvent.click(submitButton);
+        });
+        await waitFor(function () {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+  });
+  describe("integration scenarios", function () {
+    it("should handle dynamic options", function () {
+      var DynamicSelect = function DynamicSelect2(param) {
+        var {
+          options
+        } = param;
+        return /* @__PURE__ */_jsx(Select, {
+          label: "Dynamic Select",
+          name: "dynamic",
+          options
+        });
+      };
+      var result = renderWithProviders(/* @__PURE__ */_jsx(DynamicSelect, {
+        options: mockOptions
+      }));
+      result.rerender(/* @__PURE__ */_jsx(DynamicSelect, {
+        options: [{
+          value: "new1",
+          label: "New Option 1"
+        }, {
+          value: "new2",
+          label: "New Option 2"
+        }]
+      }));
+      expect(result.findTextElement("Dynamic Select")).toBeDefined();
+    });
+  });
+  describe("accessibility", function () {
+    it("should announce selected value to screen readers", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Select, {
+        options: mockOptions,
+        value: "option1",
+        "aria-label": "Test select"
+      }));
+      expect(result.findTextElement("Option 1")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Select.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useForm","act","fireEvent","waitFor","YStack","afterEach","beforeEach","describe","expect","it","vi","renderWithProviders","Button","Form","Select","mockOptions","value","label","consoleErrorSpy","spyOn","console","mockImplementation","_len","arguments","length","args","Array","_key","message","map","String","join","includes","mockRestore","result","options","placeholder","findTextElement","toBeDefined","helperText","name","error","required","container","querySelector","textContent","toContain","FormExample","FormExample2","param","defaultValue","onSubmit","_value","form","defaultValues","onSubmit1","param2","children","action","fn","submitButton","getSubmitButton","click","toHaveBeenCalledWith","option","onSubmitMock","TestComponent","TestComponent2"],"sources":["../../../../src/fields/Select/Select.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}