框架切换: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
28 lines
786 B
TypeScript
28 lines
786 B
TypeScript
/**
|
|
* V10 选项 B · e2e: theme switch (暗/亮/系统)
|
|
*
|
|
* V10 不变量 D2
|
|
*/
|
|
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Theme Switch (V10 不变量 D2)', () => {
|
|
test('三主题切换 + 持久化', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
// 初始: system 主题 (跟系统)
|
|
const html = page.locator('html');
|
|
await expect(html).toHaveClass(/light|dark/);
|
|
|
|
// 点击亮色主题
|
|
await page.getByRole('radio', { name: '亮色' }).click();
|
|
await expect(html).toHaveClass(/light/);
|
|
|
|
// 刷新页面, 主题保持
|
|
await page.reload();
|
|
await expect(html).toHaveClass(/light/);
|
|
|
|
// 切换暗色
|
|
await page.getByRole('radio', { name: '暗色' }).click();
|
|
await expect(html).toHaveClass(/dark/);
|
|
});
|
|
}); |