e8b8ad079e
框架切换：Next.js 16 → Vite 5 + React 19 + React Router 7 状态管理：7 手写 hook → 4 Zustand slice 数据获取：直接 fetch → TanStack Query 5 (15 hooks) 表单：3-step 状态机 → RHF 7 + Zod 测试：0 → 25 单测 + 20 e2e (4 浏览器) Bundle：192 KB gzip (目标 < 300 KB) Lint：49 warning → 0 warning Type：33 any → 0 any S2-T-01 切 Vite 5 + React 19 框架 S2-T-02 Zustand 4 slice 替代 7 手写 hook S2-T-03 TanStack Query 5 + 15 hooks S2-T-04 Vitest + RTL + MSW + Chromatic 配置 S2-T-05 OpenAPI Codegen + Zod schema 复用 S2-T-06 RHF 7 + Zod 重写 FormCard S2-T-07 Playwright 视觉基线 4 浏览器 5 spec S2-T-08 Vite build + bundle < 300KB gzip G1 闸门 (全部通过)： - typecheck: 0 error - lint: 0 error 0 warning - test (Vitest): 25/25 passed - test:e2e (Playwright): 20/20 passed - build (Vite): 326 modules 4.14s - codegen:check: OpenAPI types 非占位 Sprint 2 收口报告：SPRINT_2_CLOSEOUT_2026-07-03.md
41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
/**
|
|
* V10 选项 B · e2e: navigation (桌面三栏 / 移动 48px Tab)
|
|
*
|
|
* V10 不变量 L1 + L2
|
|
*/
|
|
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Navigation (V10 不变量 L1 + L2)', () => {
|
|
test('桌面 ≥ 1024px 显示侧栏', async ({ page }) => {
|
|
await page.setViewportSize({ width: 1280, height: 800 });
|
|
await page.goto('/');
|
|
|
|
const sidebar = page.locator('aside.sidebar');
|
|
await expect(sidebar).toBeVisible();
|
|
});
|
|
|
|
test('移动 < 768px 显示 48px 底部 Tab', async ({ page }) => {
|
|
await page.setViewportSize({ width: 375, height: 667 });
|
|
await page.goto('/');
|
|
|
|
const mobileNav = page.getByRole('navigation', { name: '移动端导航' });
|
|
await expect(mobileNav).toBeVisible();
|
|
|
|
// 检查 min-height 48px
|
|
await expect(mobileNav).toBeVisible();
|
|
// 每个 Tab 元素高度 48px (来自 Tailwind class min-h-[48px])
|
|
const tabs = mobileNav.locator('a');
|
|
const firstTab = tabs.first();
|
|
const tabBox = await firstTab.boundingBox();
|
|
expect(tabBox?.height).toBeGreaterThanOrEqual(48);
|
|
});
|
|
|
|
test('桌面端点击 "我的方案" 跳转', async ({ page }) => {
|
|
await page.setViewportSize({ width: 1280, height: 800 });
|
|
await page.goto('/');
|
|
|
|
await page.getByRole('link', { name: /我的方案/ }).first().click();
|
|
await expect(page).toHaveURL(/\/plans/);
|
|
await expect(page.getByRole('heading', { name: '📋 我的方案' })).toBeVisible();
|
|
});
|
|
}); |