@simplysm/solid 13.0.70 → 13.0.71

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

@@ -4,63 +4,63 @@ import { createSignal } from "solid-js";
 import { Time } from "@simplysm/core-common";
 import { TimePicker } from "../../../../src/components/form-control/field/TimePicker";
 
-describe("TimePicker 컴포넌트", () => {
+describe("TimePicker component", () => {
   describe("basic rendering", () => {
-    it("unit=minute일 때 input type=time이 렌더링된다", () => {
+    it("renders input type=time when unit=minute", () => {
       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이 렌더링된다", () => {
+    it("renders input type=time when unit=second", () => {
       const { container } = render(() => <TimePicker unit="second" />);
       const input = container.querySelector("input") as HTMLInputElement;
       expect(input).toBeTruthy();
       expect(input.type).toBe("time");
     });
 
-    it("기본 unit은 minute이다", () => {
+    it("defaults unit to minute", () => {
       const { container } = render(() => <TimePicker />);
       const input = container.querySelector("input") as HTMLInputElement;
       expect(input.type).toBe("time");
     });
 
-    it("autocomplete 기본값은 one-time-code이다", () => {
+    it("defaults autocomplete to one-time-code", () => {
       const { container } = render(() => <TimePicker />);
       const input = container.querySelector("input") as HTMLInputElement;
       expect(input.autocomplete).toBe("one-time-code");
     });
 
-    it("unit=second일 때 step=1이 설정된다", () => {
+    it("sets step=1 when unit=second", () => {
       const { container } = render(() => <TimePicker unit="second" />);
       const input = container.querySelector("input") as HTMLInputElement;
       expect(input.step).toBe("1");
     });
 
-    it("unit=minute일 때 step이 설정되지 않는다", () => {
+    it("does not set step when unit=minute", () => {
       const { container } = render(() => <TimePicker unit="minute" />);
       const input = container.querySelector("input") as HTMLInputElement;
       expect(input.step).toBe("");
     });
   });
 
-  describe("값 변환", () => {
-    it("Time 값이 minute 단위에서 HH:mm 형식으로 표시된다", () => {
+  describe("value conversion", () => {
+    it("displays Time in HH:mm format for minute unit", () => {
       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 형식으로 표시된다", () => {
+    it("displays Time in HH:mm:ss format for second unit", () => {
       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로 전달된다", () => {
+    it("passes Time converted from minute input to onValueChange", () => {
       const handleChange = vi.fn();
       const { container } = render(() => <TimePicker unit="minute" onValueChange={handleChange} />);
       const input = container.querySelector("input") as HTMLInputElement;
@@ -74,7 +74,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(result.second).toBe(0);
     });
 
-    it("second 단위 입력 시 Time으로 변환되어 onValueChange로 전달된다", () => {
+    it("passes Time converted from second input to onValueChange", () => {
       const handleChange = vi.fn();
       const { container } = render(() => <TimePicker unit="second" onValueChange={handleChange} />);
       const input = container.querySelector("input") as HTMLInputElement;
@@ -88,7 +88,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(result.second).toBe(45);
     });
 
-    it("빈 값 입력 시 undefined가 onValueChange로 전달된다", () => {
+    it("passes undefined to onValueChange on empty input", () => {
       const handleChange = vi.fn();
       const time = new Time(10, 30, 45);
       const { container } = render(() => (
@@ -102,8 +102,8 @@ describe("TimePicker 컴포넌트", () => {
     });
   });
 
-  describe("controlled 패턴", () => {
-    it("외부 상태 변경 시 input 값이 업데이트된다", () => {
+  describe("controlled pattern", () => {
+    it("updates input value when external state changes", () => {
       const [value, setValue] = createSignal<Time | undefined>(new Time(10, 0, 0));
       const { container } = render(() => (
         <TimePicker unit="minute" value={value()} onValueChange={setValue} />
@@ -117,8 +117,8 @@ describe("TimePicker 컴포넌트", () => {
     });
   });
 
-  describe("uncontrolled 패턴", () => {
-    it("onValueChange 없이 내부 상태로 값이 관리된다", () => {
+  describe("uncontrolled pattern", () => {
+    it("manages value internally without onValueChange", () => {
       const { container } = render(() => <TimePicker unit="minute" value={new Time(10, 0, 0)} />);
       const input = container.querySelector("input") as HTMLInputElement;
 
@@ -130,7 +130,7 @@ describe("TimePicker 컴포넌트", () => {
   });
 
   describe("disabled state", () => {
-    it("disabled=true일 때 div로 렌더링된다", () => {
+    it("renders as div when disabled=true", () => {
       const { container } = render(() => <TimePicker disabled value={new Time(10, 30, 0)} />);
       const input = container.querySelector("input:not([aria-hidden])");
       const div = container.querySelector("div.sd-time-field");
@@ -139,22 +139,22 @@ describe("TimePicker 컴포넌트", () => {
       expect(div).toBeTruthy();
     });
 
-    it("disabled 상태에서 value가 표시된다", () => {
+    it("displays value when disabled", () => {
       const { getByText } = render(() => (
         <TimePicker unit="minute" disabled value={new Time(10, 30, 0)} />
       ));
       expect(getByText("10:30")).toBeTruthy();
     });
 
-    it("disabled 스타일이 적용된다", () => {
+    it("applies disabled style", () => {
       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로 렌더링된다", () => {
+  describe("readonly state", () => {
+    it("renders as div when readonly=true", () => {
       const { container } = render(() => <TimePicker readonly value={new Time(10, 30, 0)} />);
       const input = container.querySelector("input:not([aria-hidden])");
       const div = container.querySelector("div.sd-time-field");
@@ -163,7 +163,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(div).toBeTruthy();
     });
 
-    it("readonly 상태에서 value가 표시된다", () => {
+    it("displays value when readonly", () => {
       const { getByText } = render(() => (
         <TimePicker unit="minute" readonly value={new Time(10, 30, 0)} />
       ));
@@ -171,22 +171,22 @@ describe("TimePicker 컴포넌트", () => {
     });
   });
 
-  describe("size 옵션", () => {
-    it("size=sm일 때 작은 padding이 적용된다", () => {
+  describe("size option", () => {
+    it("applies small padding when size=sm", () => {
       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이 적용된다", () => {
+    it("applies large padding when size=lg", () => {
       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일 때 outer div에는 relative만, content div에 inset 스타일이 적용된다", () => {
+  describe("inset style", () => {
+    it("applies relative to outer and inset style to content when inset=true", () => {
       const { container } = render(() => <TimePicker inset />);
       const outer = container.firstChild as HTMLElement;
       expect(outer.classList.contains("relative")).toBe(true);
@@ -197,7 +197,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(contentDiv.classList.contains("bg-primary-50")).toBe(true);
     });
 
-    it("inset + readonly일 때 content div가 보이고 input이 없다", () => {
+    it("shows content div and no input when inset + readonly", () => {
       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);
@@ -209,7 +209,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(outer.querySelector("input:not([aria-hidden])")).toBeFalsy();
     });
 
-    it("inset + editable일 때 content div(hidden)와 input이 모두 존재한다", () => {
+    it("shows hidden content div and input when inset + editable", () => {
       const { container } = render(() => <TimePicker inset value={new Time(14, 30, 0)} />);
       const outer = container.firstChild as HTMLElement;
 
@@ -220,7 +220,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(outer.querySelector("input")).toBeTruthy();
     });
 
-    it("inset + 빈 값일 때 content div에 NBSP가 표시된다", () => {
+    it("shows NBSP in content div when inset + empty value", () => {
       const { container } = render(() => <TimePicker inset readonly />);
       const outer = container.firstChild as HTMLElement;
       const contentDiv = outer.querySelector("[data-time-field-content]") as HTMLElement;
@@ -228,14 +228,14 @@ describe("TimePicker 컴포넌트", () => {
     });
   });
 
-  describe("다크 모드 스타일", () => {
-    it("다크 모드 border 스타일이 적용된다", () => {
+  describe("dark mode style", () => {
+    it("applies dark mode border style", () => {
       const { container } = render(() => <TimePicker />);
       const wrapper = container.firstChild as HTMLElement;
       expect(wrapper.classList.contains("dark:border-base-700")).toBe(true);
     });
 
-    it("다크 모드 background 스타일이 적용된다", () => {
+    it("applies dark mode background style", () => {
       const { container } = render(() => <TimePicker />);
       const wrapper = container.firstChild as HTMLElement;
       expect(wrapper.classList.contains("dark:bg-primary-950/30")).toBe(true);
@@ -243,7 +243,7 @@ describe("TimePicker 컴포넌트", () => {
   });
 
   describe("class merging", () => {
-    it("사용자 정의 class가 기존 스타일과 병합된다", () => {
+    it("merges custom class with existing styles", () => {
       // eslint-disable-next-line tailwindcss/no-custom-classname
       const { container } = render(() => <TimePicker class="my-custom-class" />);
       const wrapper = container.firstChild as HTMLElement;
@@ -258,13 +258,13 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validationMessage).toBe("This field is required");
     });
 
-    it("required일 때 값이 있으면 유효하다", () => {
+    it("is valid when required and value exists", () => {
       const { container } = render(() => <TimePicker required value={new Time(10, 0, 0)} />);
       const hiddenInput = container.querySelector("input[aria-hidden='true']") as HTMLInputElement;
       expect(hiddenInput.validity.valid).toBe(true);
     });
 
-    it("min 위반 시 에러 메시지가 설정된다", () => {
+    it("sets error message when min is violated", () => {
       const { container } = render(() => (
         <TimePicker min={new Time(12, 0, 0)} value={new Time(8, 0, 0)} />
       ));
@@ -272,7 +272,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validationMessage).not.toBe("");
     });
 
-    it("min 충족 시 유효하다", () => {
+    it("is valid when min is satisfied", () => {
       const { container } = render(() => (
         <TimePicker min={new Time(8, 0, 0)} value={new Time(12, 0, 0)} />
       ));
@@ -280,7 +280,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validity.valid).toBe(true);
     });
 
-    it("max 위반 시 에러 메시지가 설정된다", () => {
+    it("sets error message when max is violated", () => {
       const { container } = render(() => (
         <TimePicker max={new Time(12, 0, 0)} value={new Time(18, 0, 0)} />
       ));
@@ -288,7 +288,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validationMessage).not.toBe("");
     });
 
-    it("max 충족 시 유효하다", () => {
+    it("is valid when max is satisfied", () => {
       const { container } = render(() => (
         <TimePicker max={new Time(23, 59, 59)} value={new Time(12, 0, 0)} />
       ));
@@ -296,7 +296,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validity.valid).toBe(true);
     });
 
-    it("validate 함수가 에러를 반환하면 에러 메시지가 설정된다", () => {
+    it("sets error message returned by validate function", () => {
       const { container } = render(() => (
         <TimePicker value={new Time(10, 0, 0)} validate={() => "커스텀 에러"} />
       ));
@@ -304,7 +304,7 @@ describe("TimePicker 컴포넌트", () => {
       expect(hiddenInput.validationMessage).toBe("커스텀 에러");
     });
 
-    it("validate 함수가 undefined를 반환하면 유효하다", () => {
+    it("is valid when validate function returns undefined", () => {
       const { container } = render(() => (
         <TimePicker value={new Time(10, 0, 0)} validate={() => undefined} />
       ));

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

@@ -5,13 +5,13 @@ import { Numpad } from "../../../../src/components/form-control/numpad/Numpad";
 
 describe("Numpad", () => {
   describe("basic rendering", () => {
-    it("data-numpad 속성이 있는 루트 요소를 렌더링한다", () => {
+    it("renders root element with data-numpad attribute", () => {
       const { container } = render(() => <Numpad />);
       const root = container.querySelector("[data-numpad]");
       expect(root).toBeTruthy();
     });
 
-    it("숫자 버튼 0-9가 렌더링된다", () => {
+    it("renders digit buttons 0-9", () => {
       render(() => <Numpad />);
 
       for (let i = 0; i <= 9; i++) {
@@ -19,18 +19,18 @@ describe("Numpad", () => {
       }
     });
 
-    it("소수점 버튼이 렌더링된다", () => {
+    it("renders decimal point button", () => {
       render(() => <Numpad />);
       expect(screen.getByText(".")).toBeInTheDocument();
     });
 
-    it("NumberInput(input)가 렌더링된다", () => {
+    it("renders NumberInput (input)", () => {
       render(() => <Numpad />);
       const input = screen.getByRole("textbox");
       expect(input).toBeInTheDocument();
     });
 
-    it("C 버튼이 text-danger-500 클래스로 렌더링된다", () => {
+    it("renders C button with text-danger-500 class", () => {
       render(() => <Numpad />);
       const cButton = screen
         .getAllByRole("button")
@@ -38,7 +38,7 @@ describe("Numpad", () => {
       expect(cButton).toBeTruthy();
     });
 
-    it("BS 버튼이 text-warning-500 클래스로 렌더링된다", () => {
+    it("renders BS button with text-warning-500 class", () => {
       render(() => <Numpad />);
       const bsButton = screen
         .getAllByRole("button")
@@ -46,21 +46,21 @@ describe("Numpad", () => {
       expect(bsButton).toBeTruthy();
     });
 
-    it("ENT 버튼은 기본적으로 렌더링되지 않는다", () => {
+    it("does not render ENT button by default", () => {
       render(() => <Numpad />);
       expect(screen.queryByText("ENT")).not.toBeInTheDocument();
     });
 
-    it("- 버튼은 기본적으로 렌더링되지 않는다", () => {
+    it("does not render minus button by default", () => {
       render(() => <Numpad />);
-      // useMinusButton이 없으면 "-" 텍스트를 가진 버튼이 없어야 한다
+      // without useMinusButton, there should be no button with "-" text
       const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-");
       expect(minusButton).toBeFalsy();
     });
   });
 
-  describe("숫자 입력", () => {
-    it("숫자 버튼 클릭 시 값이 업데이트된다", () => {
+  describe("digit input", () => {
+    it("updates value on digit button click", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
@@ -71,7 +71,7 @@ describe("Numpad", () => {
       expect(handleChange).toHaveBeenLastCalledWith(123);
     });
 
-    it("소수점 버튼 클릭 시 소수점이 추가된다", () => {
+    it("appends decimal point on decimal button click", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
@@ -82,19 +82,19 @@ describe("Numpad", () => {
       expect(handleChange).toHaveBeenLastCalledWith(1.5);
     });
 
-    it("소수점 중복 입력은 무시된다", () => {
+    it("ignores duplicate decimal point", () => {
       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(".")); // duplicate decimal
       fireEvent.click(screen.getByText("5"));
 
       expect(handleChange).toHaveBeenLastCalledWith(1.5);
     });
 
-    it("0 버튼을 여러 번 클릭할 수 있다", () => {
+    it("allows clicking 0 multiple times", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
@@ -106,16 +106,16 @@ describe("Numpad", () => {
     });
   });
 
-  describe("기능 버튼", () => {
-    it("C 버튼 클릭 시 값이 초기화된다", () => {
+  describe("function buttons", () => {
+    it("clears value on C button click", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
-      // 값 입력
+      // enter value
       fireEvent.click(screen.getByText("5"));
       fireEvent.click(screen.getByText("6"));
 
-      // C 버튼 클릭
+      // click C button
       const cButton = screen
         .getAllByRole("button")
         .find((btn) => btn.className.includes("text-danger-500"))!;
@@ -124,16 +124,16 @@ describe("Numpad", () => {
       expect(handleChange).toHaveBeenLastCalledWith(undefined);
     });
 
-    it("BS 버튼 클릭 시 마지막 문자가 제거된다", () => {
+    it("removes last character on BS button click", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
-      // 123 입력
+      // enter 123
       fireEvent.click(screen.getByText("1"));
       fireEvent.click(screen.getByText("2"));
       fireEvent.click(screen.getByText("3"));
 
-      // BS 버튼 클릭
+      // click BS button
       const bsButton = screen
         .getAllByRole("button")
         .find((btn) => btn.className.includes("text-warning-500"))!;
@@ -142,14 +142,14 @@ describe("Numpad", () => {
       expect(handleChange).toHaveBeenLastCalledWith(12);
     });
 
-    it("BS 버튼으로 모든 문자를 제거하면 undefined가 된다", () => {
+    it("returns undefined when all characters are removed with BS", () => {
       const handleChange = vi.fn();
       render(() => <Numpad onValueChange={handleChange} />);
 
-      // 1 입력
+      // enter 1
       fireEvent.click(screen.getByText("1"));
 
-      // BS 버튼 클릭
+      // click BS button
       const bsButton = screen
         .getAllByRole("button")
         .find((btn) => btn.className.includes("text-warning-500"))!;
@@ -159,13 +159,13 @@ describe("Numpad", () => {
     });
   });
 
-  describe("ENT 버튼", () => {
-    it("useEnterButton=true일 때 ENT 버튼이 렌더링된다", () => {
+  describe("ENT button", () => {
+    it("renders ENT button when useEnterButton=true", () => {
       render(() => <Numpad useEnterButton />);
       expect(screen.getByText("ENT")).toBeInTheDocument();
     });
 
-    it("ENT 버튼 클릭 시 onEnterButtonClick이 호출된다", () => {
+    it("calls onEnterButtonClick on ENT button click", () => {
       const handleEnter = vi.fn();
       render(() => <Numpad useEnterButton onEnterButtonClick={handleEnter} />);
 
@@ -173,14 +173,14 @@ describe("Numpad", () => {
       expect(handleEnter).toHaveBeenCalledTimes(1);
     });
 
-    it("required이고 값이 없을 때 ENT 버튼이 비활성화된다", () => {
+    it("disables ENT button when required and no value", () => {
       render(() => <Numpad useEnterButton required />);
 
       const entButton = screen.getByText("ENT").closest("button")!;
       expect(entButton.disabled).toBe(true);
     });
 
-    it("required이고 값이 있을 때 ENT 버튼이 활성화된다", () => {
+    it("enables ENT button when required and value exists", () => {
       render(() => <Numpad useEnterButton required value={123} />);
 
       const entButton = screen.getByText("ENT").closest("button")!;
@@ -188,33 +188,33 @@ describe("Numpad", () => {
     });
   });
 
-  describe("Minus 버튼", () => {
-    it("useMinusButton=true일 때 - 버튼이 렌더링된다", () => {
+  describe("minus button", () => {
+    it("renders minus button when useMinusButton=true", () => {
       render(() => <Numpad useMinusButton />);
 
       const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-");
       expect(minusButton).toBeTruthy();
     });
 
-    it("- 버튼 클릭 시 부호가 토글된다 (양수 -> 음수)", () => {
+    it("toggles sign on minus button click (positive to negative)", () => {
       const handleChange = vi.fn();
       render(() => <Numpad useMinusButton onValueChange={handleChange} />);
 
-      // 5 입력
+      // enter 5
       fireEvent.click(screen.getByText("5"));
 
-      // - 버튼 클릭
+      // click minus button
       const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-")!;
       fireEvent.click(minusButton);
 
       expect(handleChange).toHaveBeenLastCalledWith(-5);
     });
 
-    it("- 버튼 클릭 시 부호가 토글된다 (음수 -> 양수)", () => {
+    it("toggles sign on minus button click (negative to positive)", () => {
       const handleChange = vi.fn();
       render(() => <Numpad useMinusButton value={-5} onValueChange={handleChange} />);
 
-      // - 버튼 클릭
+      // click minus button
       const minusButton = screen.getAllByRole("button").find((btn) => btn.textContent === "-")!;
       fireEvent.click(minusButton);
 
@@ -222,8 +222,8 @@ describe("Numpad", () => {
     });
   });
 
-  describe("controlled 모드", () => {
-    it("외부 값 변경이 반영된다", () => {
+  describe("controlled mode", () => {
+    it("reflects external value changes", () => {
       const [value, setValue] = createSignal<number | undefined>(100);
       render(() => <Numpad value={value()} onValueChange={setValue} />);
 
@@ -234,7 +234,7 @@ describe("Numpad", () => {
       expect(input).toHaveValue("200");
     });
 
-    it("외부에서 undefined로 설정하면 입력이 비워진다", () => {
+    it("clears input when set to undefined externally", () => {
       const [value, setValue] = createSignal<number | undefined>(100);
       render(() => <Numpad value={value()} onValueChange={setValue} />);
 

package/tests/components/form-control/select/Select.spec.tsx

@@ -41,7 +41,7 @@ describe("Select component", () => {
   });
 
   describe("dropdown opening/closing", () => {
-    it("트리거 클릭 시 드롭다운이 열린다", async () => {
+    it("opens dropdown on trigger click", async () => {
       const { getByRole } = render(() => (
         <ConfigProvider clientName="test"><I18nProvider>
           <Select renderValue={(v) => <>{v}</>}>
@@ -82,7 +82,7 @@ describe("Select component", () => {
 
       // Value changed
       expect(value()).toBe("apple");
-      // aria-expanded가 false가 됨 (닫힘 트리거됨)
+      // aria-expanded becomes false (close triggered)
       expect(getByRole("combobox").getAttribute("aria-expanded")).toBe("false");
     });
   });
@@ -174,7 +174,7 @@ describe("Select component", () => {
       const selectItem = document.querySelector("[data-select-item]") as HTMLElement;
       fireEvent.click(selectItem);
 
-      // 드롭다운이 여전히 열려 있음
+      // dropdown remains open
       expect(document.querySelector("[data-dropdown]")).not.toBeNull();
     });
   });
@@ -327,7 +327,7 @@ describe("Select component", () => {
 
       await waitFor(() => {
         const items = document.querySelectorAll("[data-select-item]");
-        // 미지정 + banana = 2
+        // unset + banana = 2
         expect(items.length).toBe(2);
         expect(items[0].textContent).toContain("Unset");
         expect(items[1].textContent).toContain("banana");
@@ -358,7 +358,7 @@ describe("Select component", () => {
 
       await waitFor(() => {
         const items = document.querySelectorAll("[data-select-item]");
-        // 미지정 + red apple = 2
+        // unset + red apple = 2
         expect(items.length).toBe(2);
         expect(items[0].textContent).toContain("Unset");
         expect(items[1].textContent).toContain("red apple");
@@ -401,7 +401,7 @@ describe("Select component", () => {
       });
 
       const items = document.querySelectorAll("[data-select-item]");
-      // 미지정 + apple + banana = 3
+      // unset + apple + banana = 3
       expect(items.length).toBe(3);
       expect(items[0].textContent).toContain("Unset");
     });
@@ -422,7 +422,7 @@ describe("Select component", () => {
       });
 
       const items = document.querySelectorAll("[data-select-item]");
-      // apple + banana = 2 (미지정 없음)
+      // apple + banana = 2 (no unset)
       expect(items.length).toBe(2);
     });
 
@@ -442,7 +442,7 @@ describe("Select component", () => {
       });
 
       const items = document.querySelectorAll("[data-select-item]");
-      // apple + banana = 2 (미지정 없음)
+      // apple + banana = 2 (no unset)
       expect(items.length).toBe(2);
     });
   });
@@ -581,7 +581,7 @@ describe("Select component", () => {
 
       const items = document.querySelectorAll("[data-select-item]");
       const texts = Array.from(items).map((el) => el.textContent);
-      // 미지정 + apple + cherry (banana 숨김)
+      // unset + apple + cherry (banana hidden)
       expect(texts).toContain("Unset");
       expect(texts.some((t) => t.includes("apple"))).toBe(true);
       expect(texts.some((t) => t.includes("cherry"))).toBe(true);