@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/MentionInput/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","MentionInput_exports","MentionInput","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_tamagui2","import_react2","import_colorRamps","import_floatingList","import_Skeleton","import_zIndex","import_FloatingPanel","import_fieldLayout","import_utils","import_InputParts","import_TextArea","_instanceof","left","right","Symbol","hasInstance","estimatedItemHeight","blurCloseDelayMs","zeroWidthSpace","MentionSuggestionItem","styled","XStack","padding","alignItems","cursor","hoverStyle","backgroundColor","formInputColors","background","focus","variants","selected","true","base","false","props","_ref","_ref1","_panel_y","_panel_x","defaultValue","form","mentions","placeholder","minHeight","minHeightProp","maxHeight","maxHeightProp","autoResize","onMentionSelect","onTextChange","textAreaProps","mode","preserveValue","validators","disabled","readOnly","label","labelProps","error","errorProp","helperText","required","size","onBlur","skeleton","compact","id","idProp","useProps","resolvedForm","knobProps","useFormField","resolvedValidators","useResolvedValidators","resolvedSizeToken","sizeToken","getFieldHeight","minRows","Math","max","round","maxRows","text","setText","useState","mentionList","setMentionList","showSuggestions","setShowSuggestions","currentTrigger","setCurrentTrigger","searchQuery","setSearchQuery","selectedIndex","setSelectedIndex","cursorPosition","setCursorPosition","textAreaRef","useRef","prevCursorRef","prevQueryRef","blurTimeoutRef","fieldRef","triggerMap","useMemo","map","Map","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","config","set","trigger","err","return","checkForTrigger","useCallback","currentText","position","_config_allowSpace","allowSpace","wordStart","char","currentWord","slice","startsWith","query","length","getFilteredSuggestions","data","filter","item","display","toLowerCase","includes","suggestions","hasSuggestions","panel","useFloatingPanel","open","onOpenChange","nextOpen","current","fitContent","dismiss","useDismiss","context","outsidePressEvent","ancestorScroll","getFloatingProps","useInteractions","useEffect","_fieldRef_current","handleChange","clearTimeout","updateTriggerState","triggerInfo","handleTextChange","newText","oldText","editPosition","lengthDiff","prev","m","mention","mentionEnd","expectedText","type","actualText","estimatedCursor","min","handleSelectionChange","event","_event_nativeEvent","selection","nativeEvent","start","insertMention","beforeMention","afterMention","mentionText","insertSpace","insertedLength","oldLength","positionDiff","adjustedMentions","newMention","newCursorPos","setTimeout","_textAreaRef_current","handleKeyDown","_event_preventDefault","preventDefault","_event_preventDefault1","_event_preventDefault2","_event_preventDefault3","refs","floating","_panel_refs_floating_current_scrollTo","_panel_refs_floating_current","scrollTo","top","behavior","handleBlurInternal","_len","arguments","_args","Array","_key","handleSuggestionPress","activeConfig","suggestionsMaxHeight","menuHeight","suggestionsMinWidth","menuWidth","getWebTextAreaElement","document","HTMLTextAreaElement","textarea","_textarea","HTMLElement","nested","querySelector","getCaretClientRect","fallback","DOMRect","fromRect","x","y","width","height","window","textAreaElement","style","getComputedStyle","textAreaRect","getBoundingClientRect","mirror","createElement","visibility","pointerEvents","whiteSpace","wordWrap","overflowWrap","clientWidth","fontFamily","fontSize","fontWeight","fontStyle","letterSpacing","lineHeight","textTransform","textIndent","tabSize","border","boxSizing","textContent","marker","appendChild","body","markerRect","mirrorRect","parsedLineHeight","Number","parseFloat","parsedFontSize","isFinite","relLeft","scrollLeft","relTop","scrollTop","removeChild","el","triggerRef","useLayoutEffect","rect","setReference","update","suggestionListId","selectedOptionId","floatingDropdown","mounted","jsxs","YStack","ref","setFloating","strategy","scrollbarWidth","zIndex","dropdown","overflow","boxShadow","opacity","visible","transform","transition","panelTransition","transformOrigin","placement","onScroll","e","updateArrows","outlineWidth","borderRadius","dropdownRadius","borderWidth","hasBorder","borderColor","paddingVertical","minWidth","role","children","jsx","ScrollArrow","direction","scrollRef","arrowUp","arrowScrollDirRef","View","panelPadding"],"sources":["../../../../src/fields/MentionInput/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/OTPInput/OtpInput.spec.mjs

@@ -0,0 +1,639 @@
+import { useForm } from "@tanstack/react-form";
+import { act, fireEvent, waitFor } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { TestProviders, renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Button } from "../../Button/index.mjs";
+import { OTPInput } from "./index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+describe("OTPInput", () => {
+  describe("basic rendering", () => {
+    it("should render with default props", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs.length).toBe(6);
+    });
+    it("should render with custom length", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        length: 6
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs.length).toBe(6);
+    });
+    it("should render with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        label: "Enter OTP"
+      }));
+      const labelElement = result.container.querySelector('[role="label"]') || Array.from(result.container.querySelectorAll("*")).find(el => el.textContent?.includes("Enter OTP"));
+      expect(labelElement).toBeTruthy();
+    });
+    it("should render with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        helperText: "Enter the code sent to your phone"
+      }));
+      expect(result.findTextElement("Enter the code sent to your phone")).toBeDefined();
+    });
+  });
+  describe("input behavior", () => {
+    it("should move focus to next input on entry", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        inputs[0].focus();
+      });
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+      });
+      expect(document.activeElement).toBe(inputs[1]);
+    });
+    it("should move focus to previous input on backspace", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        inputs[1].focus();
+      });
+      await act(async () => {
+        fireEvent.keyDown(inputs[1], {
+          key: "Backspace"
+        });
+      });
+      expect(inputs.length).toBeGreaterThan(0);
+      expect(inputs[0]).toBeDefined();
+    });
+    it("should handle paste-like input by filling all digits", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[1], {
+          target: {
+            value: "2"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[2], {
+          target: {
+            value: "3"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[3], {
+          target: {
+            value: "4"
+          }
+        });
+      });
+      await waitFor(() => {
+        const updatedInputs = result.container.querySelectorAll("input");
+        expect(updatedInputs[0]?.value).toBe("1");
+        expect(updatedInputs[1]?.value).toBe("2");
+        expect(updatedInputs[2]?.value).toBe("3");
+        expect(updatedInputs[3]?.value).toBe("4");
+      });
+    });
+    it("should only accept numeric input when type is number", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        type: "numeric"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "a"
+          }
+        });
+      });
+      expect(inputs[0]?.value).toBe("");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "5"
+          }
+        });
+      });
+      expect(inputs[0]?.value).toBe("5");
+    });
+  });
+  describe("value handling", () => {
+    it("should handle initial value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        value: "1234"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs[0]?.value).toBe("1");
+      expect(inputs[1]?.value).toBe("2");
+      expect(inputs[2]?.value).toBe("3");
+      expect(inputs[3]?.value).toBe("4");
+    });
+    it("should handle partial value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        value: "12"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs[0]?.value).toBe("1");
+      expect(inputs[1]?.value).toBe("2");
+      expect(inputs[2]?.value).toBe("");
+      expect(inputs[3]?.value).toBe("");
+    });
+    it("should handle onChange callback", async () => {
+      const onChange = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        onChange
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+      });
+      expect(onChange).toHaveBeenCalledWith("1");
+      await act(async () => {
+        fireEvent.change(inputs[1], {
+          target: {
+            value: "2"
+          }
+        });
+      });
+      expect(onChange).toHaveBeenCalledWith("12");
+    });
+    it("should handle onComplete callback", async () => {
+      const onComplete = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        length: 4,
+        onComplete
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[1], {
+          target: {
+            value: "2"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[2], {
+          target: {
+            value: "3"
+          }
+        });
+      });
+      await act(async () => {
+        fireEvent.change(inputs[3], {
+          target: {
+            value: "4"
+          }
+        });
+      });
+      await waitFor(() => {
+        expect(onComplete).toHaveBeenCalledWith("1234");
+      });
+    });
+    it("should clear value with clearable prop", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        value: "1234",
+        clearable: true
+      }));
+      const clearButton = result.container.querySelector('[aria-label="Clear"]');
+      expect(clearButton).toBeTruthy();
+      if (clearButton) {
+        await act(async () => {
+          fireEvent.click(clearButton);
+        });
+      }
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs[0]?.value).toBe("");
+      expect(inputs[1]?.value).toBe("");
+      expect(inputs[2]?.value).toBe("");
+      expect(inputs[3]?.value).toBe("");
+    });
+  });
+  describe("styling and theming", () => {
+    it("should apply custom separator", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        separator: "-"
+      }));
+      const separators = Array.from(result.container.querySelectorAll("*")).filter(el => el.textContent === "-");
+      expect(separators.length).toBeGreaterThan(0);
+    });
+  });
+  describe("form integration", () => {
+    describe("with form context", () => {
+      it("should handle value prop", () => {
+        const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+          formOptions: {
+            defaultValues: {
+              otp: ""
+            }
+          },
+          children: /* @__PURE__ */jsx(OTPInput, {
+            name: "otp",
+            value: "5678"
+          })
+        }));
+        const inputs = result.container.querySelectorAll("input");
+        expect(inputs[0]?.value).toBe("5");
+        expect(inputs[1]?.value).toBe("6");
+        expect(inputs[2]?.value).toBe("7");
+        expect(inputs[3]?.value).toBe("8");
+      });
+      it("should update form value", async () => {
+        const onSubmit = vi.fn();
+        const FormExample = () => {
+          return /* @__PURE__ */jsxs(Form, {
+            formOptions: {
+              defaultValues: {
+                otp: ""
+              }
+            },
+            onSubmit: async value => {
+              await onSubmit(value);
+            },
+            children: [/* @__PURE__ */jsx(OTPInput, {
+              name: "otp"
+            }), /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(FormExample, {}));
+        const inputs = result.container.querySelectorAll("input");
+        await act(async () => {
+          fireEvent.change(inputs[0], {
+            target: {
+              value: "1"
+            }
+          });
+          fireEvent.change(inputs[1], {
+            target: {
+              value: "2"
+            }
+          });
+          fireEvent.change(inputs[2], {
+            target: {
+              value: "3"
+            }
+          });
+          fireEvent.change(inputs[3], {
+            target: {
+              value: "4"
+            }
+          });
+        });
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmit).toHaveBeenCalledWith({
+            otp: "1234"
+          });
+        });
+      });
+      it("should handle partial input and submit", async () => {
+        const onSubmit = vi.fn();
+        const FormExample = () => {
+          return /* @__PURE__ */jsxs(Form, {
+            formOptions: {
+              defaultValues: {
+                otp: "1234"
+              }
+            },
+            onSubmit: async value => {
+              await onSubmit(value);
+            },
+            children: [/* @__PURE__ */jsx(OTPInput, {
+              name: "otp"
+            }), /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Submit"
+            })]
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(FormExample, {}));
+        const inputs = result.container.querySelectorAll("input");
+        await act(async () => {
+          fireEvent.change(inputs[4], {
+            target: {
+              value: "5"
+            }
+          });
+          fireEvent.change(inputs[5], {
+            target: {
+              value: "6"
+            }
+          });
+        });
+        const submitButton = result.getSubmitButton();
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmit).toHaveBeenCalledWith({
+            otp: "123456"
+          });
+        });
+      });
+    });
+    describe("with useForm hook", () => {
+      it("should work with useForm", async () => {
+        const onSubmitMock = vi.fn();
+        const TestComponent = () => {
+          const form = useForm({
+            defaultValues: {
+              verificationCode: "654321"
+            },
+            onSubmit: async ({
+              value
+            }) => {
+              onSubmitMock(value);
+            }
+          });
+          return /* @__PURE__ */jsxs(Form, {
+            form,
+            children: [/* @__PURE__ */jsx(OTPInput, {
+              label: "Verification Code",
+              name: "verificationCode",
+              length: 6
+            }), /* @__PURE__ */jsx(Button, {
+              action: "submit",
+              children: "Verify"
+            })]
+          });
+        };
+        const result = renderWithProviders(/* @__PURE__ */jsx(TestComponent, {}));
+        const submitButton = result.getSubmitButton();
+        expect(submitButton?.textContent).toContain("Verify");
+        if (submitButton) {
+          await act(async () => {
+            fireEvent.click(submitButton);
+          });
+        }
+        await waitFor(() => {
+          expect(onSubmitMock).toHaveBeenCalledWith({
+            verificationCode: "654321"
+          });
+        });
+      });
+    });
+  });
+  describe("field integration", () => {
+    it("should handle field with no errors", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TestProviders, {
+        children: /* @__PURE__ */jsx(OTPInput, {
+          name: "otp"
+        })
+      }));
+      const errorElement = result.container.querySelector('[role="alert"]');
+      expect(errorElement).toBeFalsy();
+    });
+    it("should handle field with errors", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(TestProviders, {
+        children: /* @__PURE__ */jsx(OTPInput, {
+          name: "otp",
+          error: "Invalid OTP"
+        })
+      }));
+      const errorEl = result.findTextElement("Invalid OTP");
+      expect(errorEl !== void 0 || result.container.querySelectorAll("input").length > 0).toBe(true);
+    });
+  });
+  describe("input types", () => {
+    it("should accept alphanumeric characters when type is alphanumeric", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        type: "alphanumeric"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "A"
+          }
+        });
+      });
+      expect(inputs[0]?.value).toBe("A");
+    });
+  });
+  describe("accessibility", () => {
+    it("should have proper ARIA attributes", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        label: "Verification Code",
+        required: true
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs.length).toBeGreaterThan(0);
+      const withRequired = Array.from(inputs).filter(input => input.getAttribute("aria-required") === "true" || input.hasAttribute("required"));
+      expect(withRequired.length).toBeGreaterThanOrEqual(0);
+    });
+    it("should handle keyboard navigation", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        inputs[0].focus();
+        fireEvent.keyDown(inputs[0], {
+          key: "Tab"
+        });
+      });
+      await act(async () => {
+        inputs[1].focus();
+        fireEvent.keyDown(inputs[1], {
+          key: "ArrowLeft"
+        });
+      });
+      expect(inputs.length).toBeGreaterThan(0);
+      expect(document.activeElement === inputs[0] || document.activeElement === inputs[1]).toBe(true);
+    });
+  });
+  describe("edge cases", () => {
+    it("should handle very long initial value", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        value: "123456789",
+        length: 4
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs[0]?.value).toBe("1");
+      expect(inputs[1]?.value).toBe("2");
+      expect(inputs[2]?.value).toBe("3");
+      expect(inputs[3]?.value).toBe("4");
+    });
+    it("should handle empty onChange", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+      });
+      expect(inputs[0]?.value).toBe("1");
+    });
+    it("should handle rapid input changes", async () => {
+      const onChange = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        onChange
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "1"
+          }
+        });
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "2"
+          }
+        });
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "3"
+          }
+        });
+      });
+      expect(onChange).toHaveBeenCalled();
+    });
+    it("should handle special characters", async () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        type: "alphanumeric"
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        fireEvent.change(inputs[0], {
+          target: {
+            value: "@"
+          }
+        });
+      });
+      expect(inputs[0]?.value).toBe("");
+    });
+  });
+  describe("disabled state", () => {
+    it("should handle disabled prop", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        disabled: true
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      inputs.forEach(input => {
+        const isDisabled = input.hasAttribute("disabled") || input.getAttribute("aria-disabled") === "true";
+        expect(isDisabled).toBeTruthy();
+      });
+    });
+  });
+  describe("form validation", () => {
+    it("should show error state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        error: "Code is required"
+      }));
+      const errorElement = Array.from(result.container.querySelectorAll("*")).find(el => el.textContent?.includes("Code is required"));
+      expect(errorElement).toBeTruthy();
+    });
+    it("should show required indicator", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        label: "Code",
+        required: true
+      }));
+      const labelElement = Array.from(result.container.querySelectorAll("*")).find(el => el.textContent?.includes("Code") && el.textContent?.includes("*"));
+      expect(labelElement).toBeTruthy();
+    });
+  });
+  describe("performance", () => {
+    it("should handle large length efficiently", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        length: 10
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs.length).toBe(10);
+    });
+    it("should debounce onChange calls", async () => {
+      const onChange = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(OTPInput, {
+        name: "otp",
+        onChange
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      await act(async () => {
+        for (let i = 0; i < 10; i++) {
+          fireEvent.change(inputs[0], {
+            target: {
+              value: String(i)
+            }
+          });
+        }
+      });
+      expect(onChange.mock.calls.length).toBeGreaterThan(0);
+    });
+  });
+  describe("responsive behavior", () => {
+    it("should render all digits in small container", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx("div", {
+        style: {
+          width: 220
+        },
+        children: /* @__PURE__ */jsx(OTPInput, {
+          name: "otp",
+          length: 6
+        })
+      }));
+      const inputs = result.container.querySelectorAll("input");
+      expect(inputs.length).toBe(6);
+    });
+  });
+});
+//# sourceMappingURL=OtpInput.spec.mjs.map