@simplysm/solid 13.0.0-beta.6 → 13.0.2

package/tests/components/form-control/field/Textarea.spec.tsx

@@ -1,181 +0,0 @@
-import { render, fireEvent } from "@solidjs/testing-library";
-import { describe, it, expect, vi } from "vitest";
-import { createSignal } from "solid-js";
-import { Textarea } from "../../../../src/components/form-control/field/Textarea";
-
-describe("Textarea 컴포넌트", () => {
-  describe("기본 렌더링", () => {
-    it("textarea 요소가 렌더링된다", () => {
-      const { container } = render(() => <Textarea />);
-      const textarea = container.querySelector("textarea");
-      expect(textarea).toBeTruthy();
-    });
-
-    it("placeholder가 textarea에 적용된다", () => {
-      const { container } = render(() => <Textarea placeholder="내용을 입력하세요" />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-      expect(textarea.placeholder).toBe("내용을 입력하세요");
-    });
-
-    it("title이 textarea에 적용된다", () => {
-      const { container } = render(() => <Textarea title="Textarea title" />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-      expect(textarea.title).toBe("Textarea title");
-    });
-  });
-
-  describe("controlled 패턴", () => {
-    it("value prop이 textarea의 값으로 표시된다", () => {
-      const { container } = render(() => <Textarea value="Hello" />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-      expect(textarea.value).toBe("Hello");
-    });
-
-    it("onValueChange가 입력 시 호출된다", () => {
-      const handleChange = vi.fn();
-      const { container } = render(() => <Textarea value="" onValueChange={handleChange} />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-
-      fireEvent.input(textarea, { target: { value: "Test" } });
-
-      expect(handleChange).toHaveBeenCalledWith("Test");
-    });
-
-    it("외부 상태 변경 시 textarea 값이 업데이트된다", () => {
-      const [value, setValue] = createSignal("Initial");
-      const { container } = render(() => <Textarea value={value()} onValueChange={setValue} />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-
-      expect(textarea.value).toBe("Initial");
-
-      setValue("Updated");
-      expect(textarea.value).toBe("Updated");
-    });
-  });
-
-  describe("uncontrolled 패턴", () => {
-    it("onValueChange 없이 내부 상태로 값이 관리된다", () => {
-      const { container } = render(() => <Textarea value="Initial" />);
-      const textarea = container.querySelector("textarea") as HTMLTextAreaElement;
-
-      expect(textarea.value).toBe("Initial");
-
-      fireEvent.input(textarea, { target: { value: "Changed" } });
-      expect(textarea.value).toBe("Changed");
-    });
-  });
-
-  describe("disabled 상태", () => {
-    it("disabled=true일 때 textarea가 렌더링되지 않는다", () => {
-      const { container } = render(() => <Textarea disabled value="Disabled text" />);
-      const textarea = container.querySelector("textarea");
-      expect(textarea).toBeFalsy();
-    });
-
-    it("disabled 상태에서 value가 표시된다", () => {
-      const { getByText } = render(() => <Textarea disabled value="Disabled text" />);
-      expect(getByText("Disabled text")).toBeTruthy();
-    });
-
-    it("disabled 스타일이 적용된다", () => {
-      const { container } = render(() => <Textarea disabled value="Text" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("bg-base-100")).toBe(true);
-    });
-  });
-
-  describe("readonly 상태", () => {
-    it("readonly=true일 때 textarea가 렌더링되지 않는다", () => {
-      const { container } = render(() => <Textarea readonly value="Readonly text" />);
-      const textarea = container.querySelector("textarea");
-      expect(textarea).toBeFalsy();
-    });
-
-    it("readonly 상태에서 value가 표시된다", () => {
-      const { getByText } = render(() => <Textarea readonly value="Readonly text" />);
-      expect(getByText("Readonly text")).toBeTruthy();
-    });
-  });
-
-  describe("error 스타일", () => {
-    it("error=true일 때 에러 스타일이 적용된다", () => {
-      const { container } = render(() => <Textarea error />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("border-danger-500")).toBe(true);
-    });
-  });
-
-  describe("size 옵션", () => {
-    it("size=sm일 때 작은 padding이 적용된다", () => {
-      const { container } = render(() => <Textarea size="sm" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("py-0.5")).toBe(true);
-    });
-
-    it("size=lg일 때 큰 padding이 적용된다", () => {
-      const { container } = render(() => <Textarea size="lg" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("py-2")).toBe(true);
-    });
-  });
-
-  describe("inset 스타일", () => {
-    it("inset=true일 때 테두리가 없고 inset 배경색이 적용된다", () => {
-      const { container } = render(() => <Textarea inset />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("border-none")).toBe(true);
-      expect(wrapper.classList.contains("bg-primary-50")).toBe(true);
-    });
-
-    it("inset + readonly일 때 content div가 보이고 textarea가 없다", () => {
-      const { container } = render(() => <Textarea inset readonly value="Hello" />);
-      const outer = container.firstChild as HTMLElement;
-      expect(outer.classList.contains("relative")).toBe(true);
-
-      const contentDiv = outer.querySelector("[data-textarea-field-content]") as HTMLElement;
-      expect(contentDiv).toBeTruthy();
-      expect(contentDiv.textContent).toContain("Hello");
-
-      expect(outer.querySelector("textarea")).toBeFalsy();
-    });
-
-    it("inset + editable일 때 content div(hidden)와 textarea가 모두 존재한다", () => {
-      const { container } = render(() => <Textarea inset value="Hello" />);
-      const outer = container.firstChild as HTMLElement;
-
-      const contentDiv = outer.querySelector("[data-textarea-field-content]") as HTMLElement;
-      expect(contentDiv).toBeTruthy();
-      expect(contentDiv.style.visibility).toBe("hidden");
-
-      const textarea = outer.querySelector("textarea") as HTMLTextAreaElement;
-      expect(textarea).toBeTruthy();
-      expect(textarea.value).toBe("Hello");
-    });
-
-    it("inset + 빈 값일 때 content div에 NBSP가 표시된다", () => {
-      const { container } = render(() => <Textarea inset readonly />);
-      const outer = container.firstChild as HTMLElement;
-      const contentDiv = outer.querySelector("[data-textarea-field-content]") as HTMLElement;
-      expect(contentDiv.textContent).toContain("\u00A0");
-    });
-  });
-
-  describe("class 병합", () => {
-    it("사용자 정의 class가 기존 스타일과 병합된다", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <Textarea class="my-custom-class" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("my-custom-class")).toBe(true);
-    });
-  });
-
-  describe("자동 높이 조절", () => {
-    it("hidden div가 존재한다 (높이 측정용)", () => {
-      const { container } = render(() => <Textarea value="Test" />);
-      const wrapper = container.firstChild as HTMLElement;
-      const hiddenDiv = wrapper.querySelector("[data-hidden-content]") as HTMLElement;
-      expect(hiddenDiv).toBeTruthy();
-      expect(hiddenDiv.style.visibility).toBe("hidden");
-    });
-  });
-});

package/tests/components/form-control/field/TimePicker.spec.tsx

@@ -1,243 +0,0 @@
-import { render, fireEvent } from "@solidjs/testing-library";
-import { describe, it, expect, vi } from "vitest";
-import { createSignal } from "solid-js";
-import { Time } from "@simplysm/core-common";
-import { TimePicker } from "../../../../src/components/form-control/field/TimePicker";
-
-describe("TimePicker 컴포넌트", () => {
-  describe("기본 렌더링", () => {
-    it("unit=minute일 때 input type=time이 렌더링된다", () => {
-      const { container } = render(() => <TimePicker unit="minute" />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input).toBeTruthy();
-      expect(input.type).toBe("time");
-    });
-
-    it("unit=second일 때 input type=time이 렌더링된다", () => {
-      const { container } = render(() => <TimePicker unit="second" />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input).toBeTruthy();
-      expect(input.type).toBe("time");
-    });
-
-    it("기본 unit은 minute이다", () => {
-      const { container } = render(() => <TimePicker />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input.type).toBe("time");
-    });
-
-    it("unit=second일 때 step=1이 설정된다", () => {
-      const { container } = render(() => <TimePicker unit="second" />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input.step).toBe("1");
-    });
-
-    it("unit=minute일 때 step이 설정되지 않는다", () => {
-      const { container } = render(() => <TimePicker unit="minute" />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input.step).toBe("");
-    });
-  });
-
-  describe("값 변환", () => {
-    it("Time 값이 minute 단위에서 HH:mm 형식으로 표시된다", () => {
-      const time = new Time(10, 30, 45);
-      const { container } = render(() => <TimePicker unit="minute" value={time} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input.value).toBe("10:30");
-    });
-
-    it("Time 값이 second 단위에서 HH:mm:ss 형식으로 표시된다", () => {
-      const time = new Time(10, 30, 45);
-      const { container } = render(() => <TimePicker unit="second" value={time} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-      expect(input.value).toBe("10:30:45");
-    });
-
-    it("minute 단위 입력 시 Time으로 변환되어 onValueChange로 전달된다", () => {
-      const handleChange = vi.fn();
-      const { container } = render(() => <TimePicker unit="minute" onValueChange={handleChange} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-
-      fireEvent.change(input, { target: { value: "10:30" } });
-
-      expect(handleChange).toHaveBeenCalledTimes(1);
-      const result = handleChange.mock.calls[0][0] as Time;
-      expect(result.hour).toBe(10);
-      expect(result.minute).toBe(30);
-      expect(result.second).toBe(0);
-    });
-
-    it("second 단위 입력 시 Time으로 변환되어 onValueChange로 전달된다", () => {
-      const handleChange = vi.fn();
-      const { container } = render(() => <TimePicker unit="second" onValueChange={handleChange} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-
-      fireEvent.change(input, { target: { value: "10:30:45" } });
-
-      expect(handleChange).toHaveBeenCalledTimes(1);
-      const result = handleChange.mock.calls[0][0] as Time;
-      expect(result.hour).toBe(10);
-      expect(result.minute).toBe(30);
-      expect(result.second).toBe(45);
-    });
-
-    it("빈 값 입력 시 undefined가 onValueChange로 전달된다", () => {
-      const handleChange = vi.fn();
-      const time = new Time(10, 30, 45);
-      const { container } = render(() => <TimePicker unit="minute" value={time} onValueChange={handleChange} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-
-      fireEvent.change(input, { target: { value: "" } });
-
-      expect(handleChange).toHaveBeenCalledWith(undefined);
-    });
-  });
-
-  describe("controlled 패턴", () => {
-    it("외부 상태 변경 시 input 값이 업데이트된다", () => {
-      const [value, setValue] = createSignal<Time | undefined>(new Time(10, 0, 0));
-      const { container } = render(() => <TimePicker unit="minute" value={value()} onValueChange={setValue} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-
-      expect(input.value).toBe("10:00");
-
-      setValue(new Time(23, 59, 0));
-      expect(input.value).toBe("23:59");
-    });
-  });
-
-  describe("uncontrolled 패턴", () => {
-    it("onValueChange 없이 내부 상태로 값이 관리된다", () => {
-      const { container } = render(() => <TimePicker unit="minute" value={new Time(10, 0, 0)} />);
-      const input = container.querySelector("input") as HTMLInputElement;
-
-      expect(input.value).toBe("10:00");
-
-      fireEvent.change(input, { target: { value: "14:30" } });
-      expect(input.value).toBe("14:30");
-    });
-  });
-
-  describe("disabled 상태", () => {
-    it("disabled=true일 때 div로 렌더링된다", () => {
-      const { container } = render(() => <TimePicker disabled value={new Time(10, 30, 0)} />);
-      const input = container.querySelector("input");
-      const div = container.querySelector("div.sd-time-field");
-
-      expect(input).toBeFalsy();
-      expect(div).toBeTruthy();
-    });
-
-    it("disabled 상태에서 value가 표시된다", () => {
-      const { getByText } = render(() => <TimePicker unit="minute" disabled value={new Time(10, 30, 0)} />);
-      expect(getByText("10:30")).toBeTruthy();
-    });
-
-    it("disabled 스타일이 적용된다", () => {
-      const { container } = render(() => <TimePicker disabled value={new Time(10, 30, 0)} />);
-      const div = container.querySelector("div.sd-time-field") as HTMLElement;
-      expect(div.classList.contains("bg-base-100")).toBe(true);
-    });
-  });
-
-  describe("readonly 상태", () => {
-    it("readonly=true일 때 div로 렌더링된다", () => {
-      const { container } = render(() => <TimePicker readonly value={new Time(10, 30, 0)} />);
-      const input = container.querySelector("input");
-      const div = container.querySelector("div.sd-time-field");
-
-      expect(input).toBeFalsy();
-      expect(div).toBeTruthy();
-    });
-
-    it("readonly 상태에서 value가 표시된다", () => {
-      const { getByText } = render(() => <TimePicker unit="minute" readonly value={new Time(10, 30, 0)} />);
-      expect(getByText("10:30")).toBeTruthy();
-    });
-  });
-
-  describe("error 스타일", () => {
-    it("error=true일 때 에러 스타일이 적용된다", () => {
-      const { container } = render(() => <TimePicker error />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("border-danger-500")).toBe(true);
-    });
-  });
-
-  describe("size 옵션", () => {
-    it("size=sm일 때 작은 padding이 적용된다", () => {
-      const { container } = render(() => <TimePicker size="sm" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("py-0.5")).toBe(true);
-    });
-
-    it("size=lg일 때 큰 padding이 적용된다", () => {
-      const { container } = render(() => <TimePicker size="lg" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("py-2")).toBe(true);
-    });
-  });
-
-  describe("inset 스타일", () => {
-    it("inset=true일 때 테두리가 없고 inset 배경색이 적용된다", () => {
-      const { container } = render(() => <TimePicker inset />);
-      const outer = container.firstChild as HTMLElement;
-      expect(outer.classList.contains("border-none")).toBe(true);
-      expect(outer.classList.contains("bg-primary-50")).toBe(true);
-    });
-
-    it("inset + readonly일 때 content div가 보이고 input이 없다", () => {
-      const { container } = render(() => <TimePicker inset readonly value={new Time(14, 30, 0)} />);
-      const outer = container.firstChild as HTMLElement;
-      expect(outer.classList.contains("relative")).toBe(true);
-
-      const contentDiv = outer.querySelector("[data-time-field-content]") as HTMLElement;
-      expect(contentDiv).toBeTruthy();
-      expect(contentDiv.textContent).toBe("14:30");
-
-      expect(outer.querySelector("input")).toBeFalsy();
-    });
-
-    it("inset + editable일 때 content div(hidden)와 input이 모두 존재한다", () => {
-      const { container } = render(() => <TimePicker inset value={new Time(14, 30, 0)} />);
-      const outer = container.firstChild as HTMLElement;
-
-      const contentDiv = outer.querySelector("[data-time-field-content]") as HTMLElement;
-      expect(contentDiv).toBeTruthy();
-      expect(contentDiv.style.visibility).toBe("hidden");
-
-      expect(outer.querySelector("input")).toBeTruthy();
-    });
-
-    it("inset + 빈 값일 때 content div에 NBSP가 표시된다", () => {
-      const { container } = render(() => <TimePicker inset readonly />);
-      const outer = container.firstChild as HTMLElement;
-      const contentDiv = outer.querySelector("[data-time-field-content]") as HTMLElement;
-      expect(contentDiv.textContent).toBe("\u00A0");
-    });
-  });
-
-  describe("다크 모드 스타일", () => {
-    it("다크 모드 border 스타일이 적용된다", () => {
-      const { container } = render(() => <TimePicker />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("dark:border-base-700")).toBe(true);
-    });
-
-    it("다크 모드 background 스타일이 적용된다", () => {
-      const { container } = render(() => <TimePicker />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("dark:bg-base-900")).toBe(true);
-    });
-  });
-
-  describe("class 병합", () => {
-    it("사용자 정의 class가 기존 스타일과 병합된다", () => {
-      // eslint-disable-next-line tailwindcss/no-custom-classname
-      const { container } = render(() => <TimePicker class="my-custom-class" />);
-      const wrapper = container.firstChild as HTMLElement;
-      expect(wrapper.classList.contains("my-custom-class")).toBe(true);
-    });
-  });
-});

package/tests/components/form-control/numpad/Numpad.spec.tsx

@@ -1,238 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { render, fireEvent, screen } from "@solidjs/testing-library";
-import { createSignal } from "solid-js";
-import { Numpad } from "../../../../src/components/form-control/numpad/Numpad";
-
-describe("Numpad", () => {
-  describe("기본 렌더링", () => {
-    it("data-numpad 속성이 있는 루트 요소를 렌더링한다", () => {
-      const { container } = render(() => <Numpad />);
-      const root = container.querySelector("[data-numpad]");
-      expect(root).toBeTruthy();
-    });
-
-    it("숫자 버튼 0-9가 렌더링된다", () => {
-      render(() => <Numpad />);
-
-      for (let i = 0; i <= 9; i++) {
-        expect(screen.getByText(String(i))).toBeInTheDocument();
-      }
-    });
-
-    it("소수점 버튼이 렌더링된다", () => {
-      render(() => <Numpad />);
-      expect(screen.getByText(".")).toBeInTheDocument();
-    });
-
-    it("NumberInput(input)가 렌더링된다", () => {
-      render(() => <Numpad />);
-      const input = screen.getByRole("textbox");
-      expect(input).toBeInTheDocument();
-    });
-
-    it("C 버튼이 text-danger-500 클래스로 렌더링된다", () => {
-      render(() => <Numpad />);
-      const cButton = screen.getAllByRole("button").find((btn) => btn.className.includes("text-danger-500"));
-      expect(cButton).toBeTruthy();
-    });
-
-    it("BS 버튼이 text-warning-500 클래스로 렌더링된다", () => {
-      render(() => <Numpad />);
-      const bsButton = screen.getAllByRole("button").find((btn) => btn.className.includes("text-warning-500"));
-      expect(bsButton).toBeTruthy();
-    });
-
-    it("ENT 버튼은 기본적으로 렌더링되지 않는다", () => {
-      render(() => <Numpad />);
-      expect(screen.queryByText("ENT")).not.toBeInTheDocument();
-    });
-
-    it("- 버튼은 기본적으로 렌더링되지 않는다", () => {
-      render(() => <Numpad />);
-      // useMinusButton이 없으면 "-" 텍스트를 가진 버튼이 없어야 한다
-      const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-");
-      expect(minusButton).toBeFalsy();
-    });
-  });
-
-  describe("숫자 입력", () => {
-    it("숫자 버튼 클릭 시 값이 업데이트된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      fireEvent.click(screen.getByText("1"));
-      fireEvent.click(screen.getByText("2"));
-      fireEvent.click(screen.getByText("3"));
-
-      expect(handleChange).toHaveBeenLastCalledWith(123);
-    });
-
-    it("소수점 버튼 클릭 시 소수점이 추가된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      fireEvent.click(screen.getByText("1"));
-      fireEvent.click(screen.getByText("."));
-      fireEvent.click(screen.getByText("5"));
-
-      expect(handleChange).toHaveBeenLastCalledWith(1.5);
-    });
-
-    it("소수점 중복 입력은 무시된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      fireEvent.click(screen.getByText("1"));
-      fireEvent.click(screen.getByText("."));
-      fireEvent.click(screen.getByText(".")); // 중복 소수점
-      fireEvent.click(screen.getByText("5"));
-
-      expect(handleChange).toHaveBeenLastCalledWith(1.5);
-    });
-
-    it("0 버튼을 여러 번 클릭할 수 있다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      fireEvent.click(screen.getByText("1"));
-      fireEvent.click(screen.getByText("0"));
-      fireEvent.click(screen.getByText("0"));
-
-      expect(handleChange).toHaveBeenLastCalledWith(100);
-    });
-  });
-
-  describe("기능 버튼", () => {
-    it("C 버튼 클릭 시 값이 초기화된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      // 값 입력
-      fireEvent.click(screen.getByText("5"));
-      fireEvent.click(screen.getByText("6"));
-
-      // C 버튼 클릭
-      const cButton = screen.getAllByRole("button").find((btn) => btn.className.includes("text-danger-500"))!;
-      fireEvent.click(cButton);
-
-      expect(handleChange).toHaveBeenLastCalledWith(undefined);
-    });
-
-    it("BS 버튼 클릭 시 마지막 문자가 제거된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      // 123 입력
-      fireEvent.click(screen.getByText("1"));
-      fireEvent.click(screen.getByText("2"));
-      fireEvent.click(screen.getByText("3"));
-
-      // BS 버튼 클릭
-      const bsButton = screen.getAllByRole("button").find((btn) => btn.className.includes("text-warning-500"))!;
-      fireEvent.click(bsButton);
-
-      expect(handleChange).toHaveBeenLastCalledWith(12);
-    });
-
-    it("BS 버튼으로 모든 문자를 제거하면 undefined가 된다", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad onValueChange={handleChange} />);
-
-      // 1 입력
-      fireEvent.click(screen.getByText("1"));
-
-      // BS 버튼 클릭
-      const bsButton = screen.getAllByRole("button").find((btn) => btn.className.includes("text-warning-500"))!;
-      fireEvent.click(bsButton);
-
-      expect(handleChange).toHaveBeenLastCalledWith(undefined);
-    });
-  });
-
-  describe("ENT 버튼", () => {
-    it("useEnterButton=true일 때 ENT 버튼이 렌더링된다", () => {
-      render(() => <Numpad useEnterButton />);
-      expect(screen.getByText("ENT")).toBeInTheDocument();
-    });
-
-    it("ENT 버튼 클릭 시 onEnterButtonClick이 호출된다", () => {
-      const handleEnter = vi.fn();
-      render(() => <Numpad useEnterButton onEnterButtonClick={handleEnter} />);
-
-      fireEvent.click(screen.getByText("ENT"));
-      expect(handleEnter).toHaveBeenCalledTimes(1);
-    });
-
-    it("required이고 값이 없을 때 ENT 버튼이 비활성화된다", () => {
-      render(() => <Numpad useEnterButton required />);
-
-      const entButton = screen.getByText("ENT").closest("button")!;
-      expect(entButton.disabled).toBe(true);
-    });
-
-    it("required이고 값이 있을 때 ENT 버튼이 활성화된다", () => {
-      render(() => <Numpad useEnterButton required value={123} />);
-
-      const entButton = screen.getByText("ENT").closest("button")!;
-      expect(entButton.disabled).toBe(false);
-    });
-  });
-
-  describe("Minus 버튼", () => {
-    it("useMinusButton=true일 때 - 버튼이 렌더링된다", () => {
-      render(() => <Numpad useMinusButton />);
-
-      const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-");
-      expect(minusButton).toBeTruthy();
-    });
-
-    it("- 버튼 클릭 시 부호가 토글된다 (양수 -> 음수)", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad useMinusButton onValueChange={handleChange} />);
-
-      // 5 입력
-      fireEvent.click(screen.getByText("5"));
-
-      // - 버튼 클릭
-      const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-")!;
-      fireEvent.click(minusButton);
-
-      expect(handleChange).toHaveBeenLastCalledWith(-5);
-    });
-
-    it("- 버튼 클릭 시 부호가 토글된다 (음수 -> 양수)", () => {
-      const handleChange = vi.fn();
-      render(() => <Numpad useMinusButton value={-5} onValueChange={handleChange} />);
-
-      // - 버튼 클릭
-      const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-")!;
-      fireEvent.click(minusButton);
-
-      expect(handleChange).toHaveBeenLastCalledWith(5);
-    });
-  });
-
-  describe("controlled 모드", () => {
-    it("외부 값 변경이 반영된다", () => {
-      const [value, setValue] = createSignal<number | undefined>(100);
-      render(() => <Numpad value={value()} onValueChange={setValue} />);
-
-      const input = screen.getByRole("textbox");
-      expect(input).toHaveValue("100");
-
-      setValue(200);
-      expect(input).toHaveValue("200");
-    });
-
-    it("외부에서 undefined로 설정하면 입력이 비워진다", () => {
-      const [value, setValue] = createSignal<number | undefined>(100);
-      render(() => <Numpad value={value()} onValueChange={setValue} />);
-
-      const input = screen.getByRole("textbox");
-      expect(input).toHaveValue("100");
-
-      setValue(undefined);
-      expect(input).toHaveValue("");
-    });
-  });
-});