javascript如何测试代码_单元测试与集成测试有何不同？

单元测试验证单个函数或组件逻辑是否正确，隔离依赖只测输入输出；集成测试验证多个模块协作是否正常，覆盖用户路径并允许真实DOM操作。

JavaScript 测试主要靠单元测试和集成测试来保障质量，两者目标不同、范围不同、写法也不同。

单元测试：验证单个函数或组件的逻辑是否正确

单元测试聚焦最小可测单元（比如一个工具函数、一个 React 组件的渲染逻辑），隔离外部依赖（如 API 调用、定时器、DOM 操作），只关注“输入 → 输出”是否符合预期。

常用工具：Jest、Vitest、Jasmine。

• 用 mock 替换真实依赖（例如用 jest.mock('axios') 拦截请求）
• 测试边界值和异常路径（如传入 null、空数组、负数时是否报错或返回合理结果）
• 不操作真实 DOM（React 可用 @testing-library/react 的 render + screen 做轻量 DOM 断言，但仍属单元测试范畴）

集成测试：验证多个模块协作是否正常

集成测试把几个已通过单元测试的模块组合起来，检查它们之间交互是否顺畅，比如组件 + API + 状态管理一起跑通一个用户登录流程。

立即学习“Java免费学习笔记（深入）”；

标签： react javascript java 前端 vite 浏览器 axios 工具 后端 ios