테마 적용

tests/unit/formHelpers.spec.ts

@@ -300,6 +300,16 @@ describe("formHelpers - public tokens", () => {
 		expectNoPxInStyleObject(tokens.inputStyle, { allowKeys: ["borderRadius", "borderWidth"] });
 	});
 
+	it("computeFormInputPublicTokens: 색상 커스텀 값이 없으면 color/backgroundColor/borderColor 를 설정하지 않아야 한다", () => {
+		const tokens = computeFormInputPublicTokens({
+			...baseInput,
+		} as any);
+
+		expect(tokens.inputStyle.color).toBeUndefined();
+		expect(tokens.inputStyle.backgroundColor).toBeUndefined();
+		expect(tokens.inputStyle.borderColor).toBeUndefined();
+	});
+
 	it("computeFormSelectPublicTokens: 퍼블릭 셀렉트 필드 스타일을 계산해야 한다", () => {
 		const tokens = computeFormSelectPublicTokens({
 			...baseSelect,
@@ -327,6 +337,17 @@ describe("formHelpers - public tokens", () => {
 		expectNoPxInStyleObject(tokens.selectStyle, { allowKeys: ["borderRadius", "borderWidth"] });
 	});
 
+	it("computeFormSelectPublicTokens: 색상 커스텀 값이 없으면 color/backgroundColor/borderColor 를 설정하지 않아야 한다", () => {
+		const tokens = computeFormSelectPublicTokens({
+			...baseSelect,
+		} as any);
+
+		expect(tokens.wrapperStyle.color).toBeUndefined();
+		expect(tokens.selectStyle.color).toBeUndefined();
+		expect(tokens.selectStyle.backgroundColor).toBeUndefined();
+		expect(tokens.selectStyle.borderColor).toBeUndefined();
+	});
+
 	it("computeFormCheckboxPublicTokens: 퍼블릭 체크박스 그룹 스타일을 계산해야 한다", () => {
 		const tokens = computeFormCheckboxPublicTokens({
 			...baseCheckbox,
@@ -362,6 +383,17 @@ describe("formHelpers - public tokens", () => {
 		expectNoPxInStyleObject(tokens.optionTextStyle);
 	});
 
+	it("computeFormCheckboxPublicTokens: 색상 커스텀 값이 없으면 텍스트/옵션 컨테이너에 색상 스타일을 설정하지 않아야 한다", () => {
+		const tokens = computeFormCheckboxPublicTokens({
+			...baseCheckbox,
+		} as any);
+
+		expect(tokens.groupTextStyle.color).toBeUndefined();
+		expect(tokens.optionTextStyle.color).toBeUndefined();
+		expect(tokens.optionContainerStyle.backgroundColor).toBeUndefined();
+		expect(tokens.optionContainerStyle.borderColor).toBeUndefined();
+	});
+
 	it("computeFormRadioPublicTokens: 퍼블릭 라디오 그룹 스타일을 계산해야 한다", () => {
 		const tokens = computeFormRadioPublicTokens({
 			...baseRadio,
@@ -389,6 +421,17 @@ describe("formHelpers - public tokens", () => {
 		expect(tokens.groupTextStyle.color).toBe("#ffffff");
 		expect(tokens.optionTextStyle.color).toBe("#ffffff");
 	});
+
+	it("computeFormRadioPublicTokens: 색상 커스텀 값이 없으면 텍스트/옵션 컨테이너에 색상 스타일을 설정하지 않아야 한다", () => {
+		const tokens = computeFormRadioPublicTokens({
+			...baseRadio,
+		} as any);
+
+		expect(tokens.groupTextStyle.color).toBeUndefined();
+		expect(tokens.optionTextStyle.color).toBeUndefined();
+		expect(tokens.optionContainerStyle.backgroundColor).toBeUndefined();
+		expect(tokens.optionContainerStyle.borderColor).toBeUndefined();
+	});
 });
 
 describe("formHelpers.computeFormControllerPublicTokens", () => {