浏览JavaScript相关的文章。
了解如何在真实浏览器环境中进行端到端（E2E）测试，并学习在 React 项目中安装 Playwright、编写测试以及使用 UI 模式和 Codegen。
我们通过总结从第 1 部分到第 14 部分的旅程来结束本系列，并提出引入 TDD 前后代码质量的变化以及未来的方向（E2E、可视化测试）。
介绍实际项目采用 TDD 的成本与收益、团队应用策略，以及如何通过 CI/CD 让测试持续运行。
比较单元测试、集成测试和端到端测试的特点，并介绍适用于 React 前端的测试奖杯策略。
学习如何避开实现细节，围绕用户行为编写在内部实现改变后仍能通过的测试。
分析难以测试的组件特征，学习通过分离 UI 与逻辑、处理全局 Provider，将结构改进为更易测试的形式。
了解如何使用 userEvent.type 模拟用户的文本输入，并验证缺少所需输入值时出现的错误消息（验证）。
学习引入 MSW 拦截网络请求，在无需真实服务器的情况下测试 API，并验证服务器错误等场景。
学习如何测试 API 请求等异步操作，并使用 findBy 查询观察和验证加载、成功与错误状态的变化。
将业务逻辑抽离为自定义 Hook，并学习使用 renderHook 与 act 独立测试 Hook。
测试 useState 状态变化引发的条件渲染，理解 getBy 与 queryBy 的区别，并通过日志追踪状态变化。
以测试为保障拆分组件、改进代码结构，并通过 screen.debug() 查看测试过程中的渲染结果。
用最少的代码实现组件，让失败的测试从 Red 变为 Green，并通过 useState 完成交互。
学习如何从用户角度编写 React 测试，使用无障碍查询编写第一个失败测试（Red）。
学习如何使用 Vite 从头创建并运行 React 项目，再安装 Vitest 和 React Testing Library，完整搭建 TDD 环境。
了解前端测试为何重要，以及在 React 项目中采用 TDD 的优势与测试范围。
比较 Local Storage 和 Session Storage 的持久性与作用域，介绍它们与 Cookie 的区别和常见面试问题。
让我们来了解一下 JavaScript 中最令人困惑的概念“this”是如何确定的。根据函数调用方法、箭头函数的异常行为，甚至关键面试问题，深入了解四种绑定规则。
了解闭包、提升和事件冒泡的操作原理，这些是 JavaScript 的核心概念。我们深入学习每个概念的核心，包括范围链、TDZ、事件传播和委托，以及关键的面试问题。
JavaScript 系列的第 2 部分，用于准备编码测试。详细了解数组的核心方法（map、filter、reduce、sort等）、如何使用对象以及Set和Map数据结构。还提供了简洁编写代码的技巧。
JavaScript 基础知识系列的第 1 部分，用于准备编码测试。从变量和基本运算符开始，通过示例轻松解释基本的字符串处理方法，如字符串切割、合并、搜索和转换，以及基本的数字和数组操作方法。