你是否正计划为你的 React 代码编写测试？是否因找不到好的入门教程而感到苦恼？那么，这篇文章正是你所需要的。在本文中，我们将涵盖编写单元测试的所有步骤以及这个过程中可能遇到的错误和问题。本文使用了 Jest 和 React Testing Library 库。如果你想使用其他库也没关系，文中的一些基础知识也会对你有所帮助。本文涉及的全部代码都托管在 GitHub 上，文末提供了链接地址。
为什么要编写测试当然，不写测试代码也可以完成产品开发。用户、产品经理，甚至测试人员或 QA 都不在乎该产品是否有测试代码。但是你，作为一名开发人员，应该在乎！假设你有一个拥有数万用户的网站，当你对一个公共的工具函数做了一些重构（或添加了一个功能修复），并在应用中某个调用它的地方进行了测试，表明该函数可以正常运行。于是你选择在周五上线（这是个低级错误）。然后，该函数在应用中的其他地方无法运行，导致网站在周末期间出现线上故障。此时，你多么希望这些地方能有测试代码，可以在发布生产之前自动运行，从而避免此次故障。上述场景比你想象的还要普遍。你可能还没遇到过（不过，这是迟早的事情），但是包括我在内的很多工程师都已经遇到过了。因此，测试代码之所以很重要，主要有以下几个原因： 增强你对代码发布上线的信心。 测试代码本身也是一种文档。️ 有助于调试和重构。️ 从长远来看，有助于减少开发时间。对于所有希望晋升的初级开发人员来说，务必要具备编写测试代码的能力。
测试教程我们将从零开始教你编写测试代码，所以请准备好终端。首先，我们使用 vite 创建一个示例项目。
网友评论