TDD,E2E 개선, 미적용 스타일 개선

src/features/editor/utils/listHelpers.ts

@@ -5,6 +5,7 @@ export interface ListExportTokens {
   Tag: "ul" | "ol";
   items: string[];
   listStyleParts: string[];
+  gapEm: number;
 }
 
 export const computeListExportTokens = (props: ListBlockProps): ListExportTokens => {
@@ -37,6 +38,21 @@ export const computeListExportTokens = (props: ListBlockProps): ListExportTokens
   const align = alignToken === "center" ? "center" : alignToken === "right" ? "right" : "left";
 
   const listStyleParts: string[] = [`text-align:${align}`];
+
+  const bulletStyleRaw = props.bulletStyle ?? (props.ordered ? "decimal" : "disc");
+  const bulletStyle = bulletStyleRaw === "none" ? "none" : bulletStyleRaw;
+  listStyleParts.push(`list-style-type:${bulletStyle}`);
+
+  const gapPx =
+    typeof props.gapYPx === "number"
+      ? props.gapYPx
+      : props.gapY === "sm"
+        ? 4
+        : props.gapY === "lg"
+          ? 16
+          : 8;
+  const gapEm = gapPx / 16;
+
   if (typeof props.backgroundColorCustom === "string" && props.backgroundColorCustom.trim() !== "") {
     listStyleParts.push(`background-color:${props.backgroundColorCustom.trim()}`);
   }
@@ -45,6 +61,7 @@ export const computeListExportTokens = (props: ListBlockProps): ListExportTokens
     Tag,
     items,
     listStyleParts,
+    gapEm,
   };
 };
 
@@ -106,7 +123,11 @@ const convertPxStringToEm = (value?: string | null) => {
 
 export const computeListPublicTokens = (props: ListBlockProps): ListPublicTokens => {
   const alignClass =
-    props.align === "center" ? "text-center" : props.align === "right" ? "text-right" : "text-left";
+    props.align === "center"
+      ? "pb-text-center"
+      : props.align === "right"
+        ? "pb-text-right"
+        : "pb-text-left";
 
   const bulletStyleRaw = props.bulletStyle ?? (props.ordered ? "decimal" : "disc");