[中字] Cypress Web 自动化测试从入门到精通（中

文字幕英文视频教程） 课程共分为 8 个核心模块，包含 55 个精细化教学视频，每个模块既独立聚焦某一技术方向，又前后衔接形成完整的知识链条，确保学习过程逻辑清晰、重点突出。 1. 入门导论：建立认知，做好准备 作为课程的开篇，本模块旨在帮助学习者快速建立对 Web 自动化测试的基础认知，明确 Cypress 的定位与价值。你将学习： Web 自动化测试的核心概念与应用场景，了解自动化测试在项目开发中的重要性； Cypress 与另一主流工具 Selenium 的详细对比，清晰掌握两者在架构、语法、运行效率等方面的差异，为技术选型提供依据； 课程学习的重点提示与注意事项，帮助你规划学习节奏； 开发环境的完整搭建步骤，从软件安装到环境配置，确保你能顺利开启后续实践操作，避免因环境问题影响学习进度。 2. JavaScript 基础：夯实底层，扫清障碍 Cypress 基于 JavaScript 开发，掌握扎实的 JS 基础是学好 Cypress 的前提。本模块针对自动化测试场景，提炼出最核心的 JavaScript 知识，内容包括： 模块整体概览，明确 JS 基础与 Cypress 测试的关联逻辑； 入门级的 “Hello World” 案例，快速上手 JS 代码编写； 变量、常量与数据类型的使用规则，理解不同数据类型在测试中的应用场景； 字符串拼接与模板字符串插值技巧，掌握测试中动态文本的处理方法； 对象与数组的定义、操作与遍历，应对测试中复杂数据结构的处理需求； 关系运算符与相等运算符的使用，理解测试断言中条件判断的核心逻辑； 逻辑运算符（与、或、非）的应用，掌握复杂条件下的判断方法； 条件语句（if-else、switch）的编写，实现测试流程的分支控制； 循环语句（for、while）的使用，解决重复测试步骤的自动化实现问题； 函数的定义、调用与参数传递，以及类与方法的创建与使用，为后续封装测试逻辑、设计测试框架奠定基础。 3. Cypress 安装与配置：搭建环境，打通流程 掌握工具的安装与配置是实践的第一步。本模块聚焦 Cypress 的环境搭建与基础配置，带你完成从 “零” 到 “可用” 的过程： 如何克隆待测试的 Web 应用项目，获取真实的测试载体； Cypress 的详细安装步骤，包括依赖包安装、项目初始化等操作，适配不同操作系统的环境需求； Cypress 的基础配置与自定义配置方法，如修改默认运行路径、设置测试超时时间等，满足不同项目的测试需求； Cypress 9 与 Cypress 10 两个主流版本的差异对比，包括架构变化、语法调整、配置文件格式等，帮助你根据项目实际情况选择合适的版本，避免版本兼容问题。 4. Web 元素交互：核心操作，实战上手 自动化测试的核心是与 Web 元素进行交互，本模块通过大量实战案例，详解 Cypress 中 Web 元素交互的全流程技术： DOM（文档对象模型）的核心术语与结构，理解 Web 页面的底层组织逻辑，为定位元素打下基础； Cypress 测试用例的标准结构，包括测试套件（describe）、测试用例（it）、前置操作（beforeEach）等，掌握规范化的测试编写方法； 常用元素定位器（Locator）的类型与适用场景，如 ID、类名、标签名、属性选择器、XPath 等，学会根据元素特征选择最优定位方式； 元素查找的具体实现方法，包括基础查找命令与复杂场景下的定位技巧，解决 “找不到元素” 的常见问题； 命令结果（Subject）的保存与复用方法，避免重复定位，提升测试用例的效率与可维护性； Invoke 命令的使用场景与语法，实现对元素方法的调用（如获取文本、修改属性），扩展元素操作能力； 复选框（Checkboxes）与单选按钮（Radio Buttons）的自动化操作，掌握状态切换与断言验证； 网页表格（Web Tables）的数据读取、遍历与验证，应对测试中表格数据的校验需求； 日期选择器（Web Datepickers）的自动化操作，包括直接输入与模拟点击选择两种方式，解决日期控件的交互问题； 列表与下拉框（Lists and Dropdowns）的选项选择与断言，掌握下拉框操作的核心技巧； 弹窗（PopUps）与提示框（ToolTips）的处理方法，包括确认弹窗、输入弹窗等，避免弹窗阻塞测试流程； Cypress 断言的类型与使用方法，包括内置断言与自定义断言，掌握测试结果的验证逻辑，确保测试用例的准确性。 5. 页面对象设计模式：优化架构，提升维护性 随着测试用例数量增加，代码的可维护性成为关键。本模块介绍业界主流的 “页面对象设计模式（Page Object Model）”，帮助你打造可复用、易维护的测试框架： 第一个页面对象（Page Object）的创建过程，包括页面元素封装与操作方法定义，理解页面对象的核心思想； 基于页面对象的端到端（End-to-End）测试流程实现，将分散的测试步骤整合为模块化的代码，提升测试用例的可读性与复用性； Cypress 自定义命令（Custom Commands）的创建与使用，将常用操作封装为全局命令，减少代码冗余，提升测试编写效率。 6. API 测试：拓展边界，覆盖全链路 现代 Web 应用离不开 API 支持，本模块将 Cypress 的应用场景从 “前端 UI 测试” 拓展到 “API 测试”，实现全链路质量保障： API 的基础概念与工作原理，理解前后端数据交互的核心逻辑； JSON 对象的结构与解析方法，掌握 API 请求与响应数据的处理； API 测试项目的整体概览，明确 API 测试的目标、范围与流程； 浏览器端 API 请求的捕获与验证，通过 Cypress 监听前端发起的 API 调用，验证请求参数与响应结果； API 响应的模拟（Mocking）方法，通过拦截 API 请求并返回自定义响应，实现前端与后端的解耦测试，解决 “依赖后端环境” 的测试痛点； CyIntercept 命令的详细用法，包括请求拦截、响应修改、请求计数等高级功能，掌握 API 测试的核心技术； 使用 Cypress 直接发起 API 请求（如 GET、POST、PUT、DELETE），实现独立的 API 测试用例编写； 无界面（Headless）授权的实现方法，通过 API 获取令牌（Token）并传入 UI 测试，解决登录授权的自动化问题，提升测试效率。 7. 高级特性：突破瓶颈，应对复杂场景 本模块聚焦 Cypress 的高级功能，帮助你应对复杂项目中的测试挑战，提升技术深度： NPM 脚本与 Cypress 命令行（CLI）的使用，实现测试用例的批量执行、指定用例执行等，适配 CI/CD 流程； 环境变量的配置与使用，实现不同环境（开发、测试、生产）的测试参数隔离，避免硬编码问题； 测试重试（Test Retries）的配置方法，解决偶发性失败（Flaky Tests）的问题，提升测试稳定性； 多种测试报告（如 JUnit、Mochawesome）的生成与配置，满足不同场景下的测试结果展示与分析需求； Cypress 与 Docker 容器的集成方法，实现测试环境的标准化部署，解决 “环境不一致” 导致的测试问题； 基于 OKTA 的登录自动化实现，应对第三方认证系统的测试场景； 跨浏览器测试（Cross Browser Testing）的配置与执行，验证 Web 应用在不同浏览器（Chrome、Firefox、Edge 等）中的兼容性； Shadow DOM 元素的定位与操作，解决现代前端框架（如 Vue、React）中 Shadow DOM 封装导致的元素定位问题； Cypress 仪表盘（Dashboard）的使用与并行测试（Parallel test execution）配置，实现测试用例的分布式执行，大幅缩短测试时间； 免费 Cypress 仪表盘的搭建与使用，降低测试监控的成本； 视觉测试（Visual Testing）的实现方法，通过截图对比验证页面 UI 的一致性，发现视觉层面的回归问题； Cypress 学习资源的推荐，包括官方文档、社区教程等，帮助你在课程结束后继续深入学习。 8. 课程总结：梳理回顾，展望未来 作为课程的收尾，本模块对整体内容进行梳理总结，回顾核心知识点与实战技巧，同时为你提供后续学习与职业发展的建议，帮助你将课程所学转化为实际工作能力，明确后续技术提升的方向。 二、课程特色：实战导向，贴近工作 零基础友好：从环境搭建、JS 基础开始，逐步深入，无需自动化测试经验也能轻松入门； 实战性强：每个知识点都配套具体案例，所有操作基于真实 Web 应用场景，学完即可应用到工作中； 体系完整：覆盖从基础操作到高级架构、从 UI 测试到 API 测试的全维度内容，满足不同阶段的学习需求； 注重效率：讲解过程中融入大量 “避坑技巧”，如元素定位难点、版本兼容问题等，帮助你少走弯路； 工程化思维：强调测试框架的可维护性与可扩展性，教授页面对象模式、自定义命令等工程化方法，提升你的技术深度。 三、适合人群 零基础，希望从事 Web 自动化测试工作的新手； 有手动测试经验，想转型自动化测试的从业者； 前端开发工程师，希望通过自动化测试保障代码质量； 测试开发工程师，想学习 Cypress 工具提升技术能力的从业者。 通过本课程的学习，你将全面掌握 Cypress Web 自动化测试的核心技术，能够独立设计并实现自动化测试框架，完成从 “测试执行者” 到 “测试设计者” 的能力升级，为项目质量保驾护航，同时提升自身在就业市场中的竞争力。