译：101个React技巧#8测试 React代码🧪分类 #8: 测试 React 代码 🧪 55. 使用 Reac

55. 使用 `React Testing Library` 高效测试 React 组件

想要测试你的 React 应用？

你可以在这里找到一个最小示例。

纠结于测试中该使用哪些查询？

考虑使用测试游乐场从组件的 HTML 快速生成查询。

以下是两种使用方法：

选项 #1: 在测试中使用 screen.logTestingPlaygroundURL()。此函数会生成一个 URL，可在测试游乐场工具中打开并加载你的组件 HTML。

选项 #2: 安装Testing Playground Chrome 扩展。此扩展允许你直接在浏览器中悬停应用元素来找到最佳的测试查询。

需要进行端到端测试？

请查看 Cypress 或 Playwright。

注意: 在撰写本文时，Playwright 对组件的支持仍处于实验阶段。

有时你的测试需要进行网络请求。

与其自己实现模拟（或者更糟，真的发起网络请求 😅），不如考虑使用 MSW (Mock Service Worker) 来处理 API 响应。

MSW 允许你在测试中直接拦截和操作网络交互，提供了一种强大且简单的解决方案来模拟服务器响应，而不会影响真实服务器。

这种方法有助于维护一个可控且可预测的测试环境，提高测试的可靠性。