🧪 自动化测试·实战

📘 30章 完整体系 ⚡ 单元·集成·E2E 🎨 配色
前端自动化测试与质量保障
01 自动化测试概述
什么是前端自动化测试、为什么需要、ROI 分析、常见测试类型(单元/集成/E2E)
02 测试环境搭建
Node.js 与 npm 环境配置、Jest & Playwright 安装、项目初始化与目录结构
03 JavaScript 测试基础
断言库(expect/assert)、测试用例结构(describe/it)、同步与异步代码测试
04 Jest 核心功能
匹配器(toBe/toEqual/toContain)、钩子函数、Mock 函数与模块模拟
05 DOM 测试入门
jsdom 环境配置、查询元素(getByText/querySelector)、模拟用户事件
06 React 组件测试
@testing-library/react 使用、渲染与快照测试、Props 与 State 验证
07 Vue 组件测试
@vue/test-utils 使用、挂载与卸载、事件触发与断言
08 Playwright 基础
浏览器启动与页面导航、定位器(locator)使用、截图与录屏
09 Playwright 进阶
网络请求拦截与 Mock、文件上传/下载、多标签页与 iframe 处理
10 E2E 测试实战
登录流程测试、表单提交测试、列表分页与搜索测试
11 测试数据管理
Fixture & Test Data Builder、数据驱动测试、环境变量与配置
12 持续集成集成
GitHub Actions 配置、Jenkins Pipeline、测试报告生成与归档
13 代码覆盖率
覆盖率指标(行/分支/函数)、Jest 配置、覆盖率门禁与优化
14 视觉回归测试
Playwright 截图对比、Pixelmatch diff、基线管理策略
15 API 测试
Supertest 后端接口测试、Mock 服务端响应、契约测试 (Pact) 入门
16 性能测试基础
Lighthouse CI 集成、性能预算、LCP/FID/CLS 监控
17 可访问性测试
axe-core 集成、ARIA 标签验证、键盘导航测试
18 安全测试基础
XSS/CSRF 测试、npm audit 依赖漏洞、OWASP Top 10 检查
19 测试分层策略
测试金字塔实战、单元/集成/E2E 比例、冒烟与回归测试
20 Mock 与 Stub 高级
jest.mock 深度使用、MSW 拦截、时间与定时器 Mock
21 异步测试模式
Promise/async/await 测试、超时处理、轮询与 WebSocket
22 测试报告与可视化
Jest HTML Reporter、Allure 报告、测试趋势图表
23 测试驱动开发 TDD
红绿重构循环、TDD 在 React 中的实践、TDD vs BDD
24 行为驱动开发 BDD
Cucumber.js & Gherkin 语法、Feature 文件、Step 定义
25 测试维护与重构
测试代码坏味道、重构技巧、测试与业务代码同步
26 跨浏览器测试
Playwright 多浏览器配置、兼容性矩阵、条件测试与跳过
27 移动端测试
Appium/WebDriverIO 入门、手势模拟、真机与模拟器
28 测试左移与右移
ESLint 静态分析、代码审查中的测试、生产监控与混沌工程
29 测试工具链整合
Lerna/Nx 多包测试、Storybook+Chromatic、Cypress vs Playwright
30 大型项目测试实战
微前端测试策略、Monorepo 优化、测试基础设施与团队协作