fix(fe): resolve slot template hierarchy in ModelList and verify 5/5 Playwright E2E DOM tests

This commit is contained in:
2026-08-15 20:14:50 +09:00
parent b7fa8b86d7
commit 046add28b2
2 changed files with 9 additions and 9 deletions
@@ -126,9 +126,7 @@ const handleRetry = () => {
</section>
</template>
<!-- Master List Slot -->
<div class="content">
<!-- Master: List -->
<template #master>
<aside class="master-list" aria-label="모델 목록">
<h2>Models ({{ filteredModels.length }})</h2>
<ul class="items" role="list">
@@ -171,8 +169,10 @@ const handleRetry = () => {
</li>
</ul>
</aside>
</template>
<!-- Detail: Right Panel -->
<!-- Detail: Right Panel Slot -->
<template #detail>
<main class="detail-panel" role="main" aria-label="모델 상세 정보">
<h2 v-if="selectedModel" :aria-label="`Selected model: ${selectedModel.name}`">{{ selectedModel.name }}</h2>
<div v-else class="empty-detail" role="status" aria-live="polite">Select a model to view details</div>
@@ -255,7 +255,7 @@ const handleRetry = () => {
</section>
</div>
</main>
</div>
</template>
</MasterDetailCrudPage>
</template>