@multiplatform.one/forms 6.0.0

package/dist/jsx/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/jsx/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/jsx/fields/Select/Select.spec.native.js

@@ -0,0 +1,244 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_form = require("@tanstack/react-form");
+var import_react = require("@testing-library/react");
+var import_tamagui = require("tamagui");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Button = require("../../Button/index.native.js");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+var mockOptions = [{
+  value: "option1",
+  label: "Option 1"
+}, {
+  value: "option2",
+  label: "Option 2"
+}, {
+  value: "option3",
+  label: "Option 3"
+}];
+var consoleErrorSpy = null;
+(0, import_vitest.beforeEach)(function () {
+  consoleErrorSpy = import_vitest.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;
+    }
+  });
+});
+(0, import_vitest.afterEach)(function () {
+  consoleErrorSpy === null || consoleErrorSpy === void 0 ? void 0 : consoleErrorSpy.mockRestore();
+  consoleErrorSpy = null;
+});
+(0, import_vitest.describe)("Select Components", function () {
+  (0, import_vitest.describe)("Select", function () {
+    (0, import_vitest.it)("should display placeholder when no value is selected", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+        options: mockOptions,
+        placeholder: "Choose an option"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Choose an option")).toBeDefined();
+    });
+    (0, import_vitest.it)("should display selected value", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+        options: mockOptions,
+        value: "option1",
+        placeholder: "Choose an option"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Option 1")).toBeDefined();
+    });
+    (0, import_vitest.it)("should handle empty options array", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+        options: [],
+        placeholder: "No options"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("No options")).toBeDefined();
+    });
+    (0, import_vitest.it)("should support custom placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+        options: mockOptions,
+        placeholder: "Custom placeholder text"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Custom placeholder text")).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("Select", function () {
+    (0, import_vitest.describe)("without form context", function () {
+      (0, import_vitest.it)("should render with label and helper text", function () {
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+          label: "Choose Option",
+          helperText: "Select an option from the list",
+          name: "option",
+          options: mockOptions
+        }));
+        (0, import_vitest.expect)(result.findTextElement("Choose Option")).toBeDefined();
+        (0, import_vitest.expect)(result.findTextElement("Select an option from the list")).toBeDefined();
+      });
+      (0, import_vitest.it)("should display error message", function () {
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+          label: "Choose Option",
+          name: "option",
+          options: mockOptions,
+          error: "This field is required"
+        }));
+        (0, import_vitest.expect)(result.findTextElement("This field is required")).toBeDefined();
+      });
+      (0, import_vitest.it)("should render required label with asterisk", function () {
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+          label: "Required Select",
+          name: "option",
+          options: mockOptions,
+          required: true
+        }));
+        var label = result.container.querySelector("label");
+        (0, import_vitest.expect)(label).toBeDefined();
+        (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("Required Select");
+        (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+      });
+    });
+    (0, import_vitest.describe)("with form context", function () {
+      var FormExample = function FormExample2(param) {
+        var {
+          defaultValue = "",
+          name = "option",
+          onSubmit = async function (_value) {}
+        } = param;
+        var form = (0, import_react_form.useForm)({
+          defaultValues: {
+            [name]: defaultValue
+          },
+          onSubmit: async function onSubmit1(param2) {
+            var {
+              value
+            } = param2;
+            await onSubmit(value);
+          }
+        });
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+          form,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+            label: "Choose Option",
+            name,
+            options: mockOptions
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+            action: "submit",
+            children: "Submit"
+          })]
+        });
+      };
+      (0, import_vitest.it)("should render with form context and handle form submission", async function () {
+        var onSubmit = import_vitest.vi.fn();
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+            onSubmit
+          })
+        }));
+        var submitButton = result.getSubmitButton();
+        await (0, import_react.act)(async function () {
+          if (submitButton) import_react.fireEvent.click(submitButton);
+        });
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          option: ""
+        });
+      });
+      (0, import_vitest.it)("should handle form submission with selected value", async function () {
+        var onSubmit = import_vitest.vi.fn();
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormExample, {
+            defaultValue: "option1",
+            onSubmit
+          })
+        }));
+        var submitButton = result.getSubmitButton();
+        await (0, import_react.act)(async function () {
+          if (submitButton) import_react.fireEvent.click(submitButton);
+        });
+        (0, import_vitest.expect)(onSubmit).toHaveBeenCalledWith({
+          option: "option1"
+        });
+      });
+    });
+    (0, import_vitest.describe)("with useForm hook directly", function () {
+      (0, import_vitest.it)("should handle form submission with useForm", async function () {
+        var onSubmitMock = import_vitest.vi.fn();
+        var TestComponent = function TestComponent2() {
+          var form = (0, import_react_form.useForm)({
+            defaultValues: {
+              option: "option2"
+            },
+            onSubmit: async function onSubmit(param) {
+              var {
+                value
+              } = param;
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Form.Form, {
+            form,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+              label: "Choose Option",
+              name: "option",
+              options: mockOptions
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(TestComponent, {}));
+        var submitButton = result.getSubmitButton();
+        await (0, import_react.act)(async function () {
+          if (submitButton) import_react.fireEvent.click(submitButton);
+        });
+        await (0, import_react.waitFor)(function () {
+          (0, import_vitest.expect)(onSubmitMock).toHaveBeenCalledWith({
+            option: "option2"
+          });
+        });
+      });
+    });
+  });
+  (0, import_vitest.describe)("integration scenarios", function () {
+    (0, import_vitest.it)("should handle dynamic options", function () {
+      var DynamicSelect = function DynamicSelect2(param) {
+        var {
+          options
+        } = param;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+          label: "Dynamic Select",
+          name: "dynamic",
+          options
+        });
+      };
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(DynamicSelect, {
+        options: mockOptions
+      }));
+      result.rerender(/* @__PURE__ */(0, import_jsx_runtime.jsx)(DynamicSelect, {
+        options: [{
+          value: "new1",
+          label: "New Option 1"
+        }, {
+          value: "new2",
+          label: "New Option 2"
+        }]
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Dynamic Select")).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("accessibility", function () {
+    (0, import_vitest.it)("should announce selected value to screen readers", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Select, {
+        options: mockOptions,
+        value: "option1",
+        "aria-label": "Test select"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Option 1")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=Select.spec.native.js.map

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

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