diff --git a/frontend/src/components/modals/ExportModal.test.tsx b/frontend/src/components/modals/ExportModal.test.tsx index a5710075..01e20be9 100644 --- a/frontend/src/components/modals/ExportModal.test.tsx +++ b/frontend/src/components/modals/ExportModal.test.tsx @@ -155,7 +155,10 @@ describe('ExportModal', () => { ); expect(screen.getAllByText('먼저 테이블을 추가하세요')).toHaveLength(7); - expect(screen.getByRole('button', { name: 'SQL DDL 복사' })).toBeDisabled(); + const sqlButton = screen.getByRole('button', { name: 'SQL DDL 복사' }); + expect(sqlButton).toBeDisabled(); + expect(sqlButton).toHaveAttribute('aria-describedby', 'export-artifact-desc-sql-ddl'); + expect(screen.getByRole('button', { name: 'SVG 이미지 내보내기' })).toBeDisabled(); expect(screen.getByRole('button', { name: 'PlantUML 내보내기' })).toBeDisabled(); expect(screen.getByRole('button', { name: 'Mermaid 내보내기' })).toBeDisabled(); diff --git a/frontend/src/components/modals/ExportModal.tsx b/frontend/src/components/modals/ExportModal.tsx index 60abe891..85c97a1f 100644 --- a/frontend/src/components/modals/ExportModal.tsx +++ b/frontend/src/components/modals/ExportModal.tsx @@ -212,23 +212,27 @@ export function ExportModal({

- {artifacts.map((artifact) => ( -
-
- {artifact.label} - {artifact.description} + {artifacts.map((artifact) => { + const descId = `export-artifact-desc-${artifact.label.replace(/\s+/g, '-').toLowerCase()}`; + return ( +
+
+ {artifact.label} + {artifact.description} +
+
- -
- ))} + ); + })}