kjh2064
31b36ba226
Consolidates KBX UI Boundary Governance framework with component manifest, screen recipe registry, AI component gate, and exception lifecycle validation. Evidence (evidence/V13-FE-005/*.log, 55+ files): - Full frontend regression: 70 files / 180 tests PASS - UI boundary gate: 37 files / 0 failures / 6 raw-color warnings (DEBT tracked) - Component manifest validation: 0 failures - Screen recipe governance: 0 failures - AI component gate: 17 feature files / 23 known exports / 0 failures - Accessibility E2E: 22 passed - Production build: PASS (>500 kB chunk warning V13-FE-038 DECISION_REQUIRED) - TypeCheck: PASS - KBX validators: All 5 PASS (failures=0) Added: 19 files (6 validator scripts, 6 test specs, 4 slice notes, 3 registries) Modified: 9 files (CI workflow, WBS tracker, E2E specs, FE setup, Layout, TS configs) Outstanding per V13-FE-005 note: AI prop-level validation, exception lifecycle, browser/visual/AT/performance evidence. No completion overclaim. AGENTS.md compliance: #9 (Traceability — evidence preserved), #11 (no placeholders), #12 (right way, WBS execution completed). Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
21 lines
845 B
TypeScript
21 lines
845 B
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.use({ viewport: { width: 390, height: 844 } })
|
|
|
|
test('KBX shell preserves usable layout at the supported mobile viewport', async ({ page }) => {
|
|
await page.goto('/model-ops/models', { waitUntil: 'networkidle' })
|
|
|
|
const shell = page.locator('.ks-app-shell')
|
|
const main = page.locator('main#ks-main')
|
|
await expect(shell).toBeVisible()
|
|
await expect(main).toBeVisible()
|
|
await expect(page.locator('h1')).toContainText('Model Management')
|
|
|
|
const viewport = page.viewportSize()
|
|
const shellBox = await shell.boundingBox()
|
|
expect(viewport).not.toBeNull()
|
|
expect(shellBox).not.toBeNull()
|
|
expect(shellBox!.width).toBeLessThanOrEqual(viewport!.width)
|
|
expect(await page.locator('.ks-app-shell__main').evaluate(element => element.scrollWidth <= element.clientWidth)).toBe(true)
|
|
})
|