테스트테이블 생성 및 오류 수정

frontend/lib/registry/components/button-primary/ButtonPrimaryComponent.tsx

@@ -20,6 +20,7 @@ import {
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
 import { toast } from "sonner";
+import { filterDOMProps } from "@/lib/utils/domPropsFilter";
 
 export interface ButtonPrimaryComponentProps extends ComponentRendererProps {
   config?: ButtonPrimaryConfig;
@@ -313,15 +314,20 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
     }
   };
 
+  // DOM 안전한 props만 필터링
+  const safeDomProps = filterDOMProps(domProps);
+
   return (
     <>
-      <div style={componentStyle} className={className} {...domProps}>
+      <div style={componentStyle} className={className} {...safeDomProps}>
         <button
           type={componentConfig.actionType || "button"}
           disabled={componentConfig.disabled || false}
           style={{
             width: "100%",
             height: "100%",
+            minHeight: "100%", // 최소 높이 강제 적용
+            maxHeight: "100%", // 최대 높이 제한
             border: "1px solid #3b82f6",
             borderRadius: "4px",
             backgroundColor: "#3b82f6",
@@ -330,6 +336,16 @@ export const ButtonPrimaryComponent: React.FC<ButtonPrimaryComponentProps> = ({
             fontWeight: "500",
             cursor: componentConfig.disabled ? "not-allowed" : "pointer",
             outline: "none",
+            boxSizing: "border-box", // 패딩/보더 포함 크기 계산
+            display: "flex", // flex로 변경
+            alignItems: "center", // 세로 중앙 정렬
+            justifyContent: "center", // 가로 중앙 정렬
+            padding: "0", // 패딩 제거
+            margin: "0", // 마진 제거
+            lineHeight: "1", // 라인 높이 고정
+            // 강제 높이 적용
+            minHeight: "36px",
+            height: "36px",
             // isInteractive 모드에서는 사용자 스타일 우선 적용
             ...(isInteractive && component.style ? component.style : {}),
           }}