68 lines
3.2 KiB
TypeScript
68 lines
3.2 KiB
TypeScript
import { expect, test, type Page } from '@playwright/test'
|
|
|
|
// 响应式壳层对齐现状（task-276 已移除侧边栏收起按钮/is-collapsed 机制）：
|
|
// 断言主题改为「窄屏不破版、核心地标与标题可用」。
|
|
|
|
async function open(page: Page, width: number, path = '/admin-vue/') {
|
|
await page.setViewportSize({ width, height: 900 })
|
|
await page.goto(path)
|
|
}
|
|
|
|
test('test_task_017_desktop_shell_responsive_normal_primary_path', async ({ page }) => {
|
|
await open(page, 1440)
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
await expect(page.locator('.admin-brand-copy strong')).toHaveText('数富AI')
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_normal_variant_input', async ({ page }) => {
|
|
await open(page, 1280)
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_normal_repeated_operation_is_idempotent', async ({ page }) => {
|
|
await open(page, 1440)
|
|
await page.reload()
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_boundary_empty_input', async ({ page }) => {
|
|
await open(page, 640)
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
// 窄屏侧栏自适应收缩（当前 85px 窄栏），不遮主内容标题。
|
|
await expect(page.locator('.admin-topbar h1')).toBeVisible()
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_boundary_single_item', async ({ page }) => {
|
|
await open(page, 700)
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.locator('.admin-brand-copy strong')).toHaveText('数富AI')
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_boundary_limit_or_missing_field', async ({ page }) => {
|
|
await open(page, 900)
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await open(page, 901, '/admin-vue/account/users')
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_invalid_input_rejected', async ({ page }) => {
|
|
// 无折叠偏好了；刷新后壳层保持正常渲染（不因重载变样）。
|
|
await open(page, 1440)
|
|
await page.reload()
|
|
await expect(page.locator('.admin-topbar h1')).toHaveText('用户管理')
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
})
|
|
|
|
test('test_task_017_desktop_shell_responsive_dependency_failure_returns_actionable_message', async ({ page }) => {
|
|
// 桌面/窄屏两种宽度下壳层均无初始化错误、导航地标可见。
|
|
await open(page, 1440)
|
|
await expect(page.locator('.el-alert--error')).toHaveCount(0)
|
|
await expect(page.getByRole('navigation', { name: '侧边栏菜单' })).toBeVisible()
|
|
await open(page, 820, '/admin-vue/account/users')
|
|
await expect(page.locator('.el-alert--error')).toHaveCount(0)
|
|
})
|