스타일 수정

tests/unit/imageHelpers.spec.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect } from "vitest";
+import { expectNoPxInStyleParts } from "./styleInvariants";
 import {
   computeImageExportStyles,
   computeImageEditorTokens,
@@ -28,7 +29,7 @@ describe("imageHelpers.computeImageExportStyles", () => {
       widthPx: 320,
     });
 
-    expect(imgStyleParts).toContain("width:320px");
+    expect(imgStyleParts).toContain("width:20em");
   });
 
   it("borderRadius 토큰이 full 이면 border-radius 9999px 를 사용해야 한다", () => {
@@ -47,6 +48,18 @@ describe("imageHelpers.computeImageExportStyles", () => {
 
     expect(imgStyleParts).toContain("border-radius:20px");
   });
+
+  it("Export 이미지 스타일에는 border-radius 를 제외하고 px 단위 값이 포함되지 않아야 한다", () => {
+    const { wrapperStyleParts, imgStyleParts } = computeImageExportStyles({
+      backgroundColorCustom: "#123456",
+      widthMode: "fixed",
+      widthPx: 320,
+      borderRadius: "lg",
+    });
+
+    expectNoPxInStyleParts(wrapperStyleParts);
+    expectNoPxInStyleParts(imgStyleParts, { allowPatterns: [/border-radius:\d+px/] });
+  });
 });
 
 describe("computeImageEditorTokens", () => {