用Jest +酶进行前端单元测试

与测试一样,我们有两种方法:一种是手动测试(因为测试人员正在端到端进行测试。)第二种是为每个模块或组件编写单元案例。

与后端开发一样,mocha + Jasmine工具用于使自动化测试用例通过。.类似地,对于前端,我们使用Jest + Enzyme库来获得该方法。

在这里,我们需要执行以下所有步骤:

步骤1:从创建react应用程序样板开始。
creact-react-app单元测试

步骤2:我们可以看到Jest库已经存在,因此将作为dev依赖项进行安装。
npm i —开发酵素Enzyme-adapter-react-16

步骤3:在src文件夹中创建ase.js,

步骤4:在这里,我创建了component文件夹,并在该组件内创建了__test__文件夹用于测试用例。
基本上,酶是测试用例实用程序功能库,它提供了我们要作为套件和用例目的进行测试的所有功能。

酶提供mountshallowrender实用程序功能。 简单来说,我们可以说浅层仅用于父元素/类组件。
它不适用于儿童道具元素。

为了获得道具数据,我们使用mount来获取内部组件的props元素和DOM属性。

点击 以了解更多有关酶的信息

在这里,我有酶配置文件的设置。

这是我们已经完成的通过案例。

基本了解,一次查看并运行github代码。