Skip to content

工具推荐

这节是节番外内容课,可以在任意一节的时候时候看。

指令

我们测试时可以在命令行中输入以下指令进行测试:

npx jest # 运行所有测试

npx jest --watch # 监听文件变化的方式运行测试
npx jest # 运行所有测试

npx jest --watch # 监听文件变化的方式运行测试

其中第二种类似于nodemon(有写过 node 端的同学应该知道大概是个什么效果),效果如下:

image-20230810112053028

它是个不会关闭的终端,当我们变动了某个测试文件,会自动重新测试该文件。

vscode插件

这里我只推荐一个插件Jest Runner

安装了它之后,我们就可以为我们的每个describetest进行单独的测试,只需要鼠标一点即可。这个当我们测试文件很大时,是一个能够极大提升我们开发效率的工具!所以一定要装上!装上之后效果如下:

image-20230810112636466

chatGPT

不得不说自从AI,gpt出来了以后,大家学习新技术的成本是大幅的降低了,很多的测试场景我们可以不再依赖于文档和一些博客,依赖于gpt,可以非常快速的得到我们想要的答案:

如:我想测试一个组件内的元素的背景颜色,如果忘记或者不知道怎么写测试,我们完全可以直接求助于AI:

image-20230810143707663

这么好用的工具,一定要用起来!

不过不能太依赖于AI哦,它有时候也会给错误答案。还是得官方文档才行。