feat: add responsive tests for Option Settings and Split Panel

- Implemented responsive testing scripts for Option Settings and ResponsiveSplitPanel components.
- Added tests to verify layout behavior across various screen sizes (desktop, tablet, mobile).
- Generated screenshots and reports for visual validation of responsive designs.

Made-with: Cursor
This commit is contained in:
DDD1542
2026-03-12 10:04:26 +09:00
parent 00e15dd9f2
commit 45740c1457
18 changed files with 198 additions and 181 deletions

View File

@@ -1036,7 +1036,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
/>
</button>
</CollapsibleTrigger>
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
<CollapsibleContent>
<div className="space-y-4 rounded-b-lg border border-t-0 p-4">
{/* 좌측 패널 제목 */}
<div className="space-y-1.5">
@@ -1281,7 +1281,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
/>
</button>
</CollapsibleTrigger>
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
<CollapsibleContent>
<div className="space-y-4 rounded-b-lg border border-t-0 p-4">
{/* 우측 패널 제목 */}
<div className="space-y-1.5">
@@ -2079,7 +2079,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
/>
</button>
</CollapsibleTrigger>
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
<CollapsibleContent>
<div className="space-y-3 rounded-b-lg border border-t-0 p-4">
{/* 탭 목록 */}
{(config.rightPanel?.additionalTabs || []).map(
@@ -2296,7 +2296,7 @@ export const V2SplitPanelLayoutConfigPanel: React.FC<
/>
</button>
</CollapsibleTrigger>
<CollapsibleContent className="max-h-[250px] overflow-y-auto">
<CollapsibleContent>
<div className="space-y-3 rounded-b-lg border border-t-0 p-4">
<SwitchRow
label="선택 동기화"