与测试一样,我们有两种方法:一种是手动测试(因为测试人员正在端到端进行测试。)第二种是为每个模块或组件编写单元案例。
与后端开发一样,mocha + Jasmine工具用于使自动化测试用例通过。.类似地,对于前端,我们使用Jest + Enzyme库来获得该方法。
在这里,我们需要执行以下所有步骤:
步骤1:从创建react应用程序样板开始。
creact-react-app单元测试
- React Yo'l Xaritasi(路线图)o'zbek tilida 2019
- 通过一个简单的测验应用程序了解React编程模式
- 使用ReactJs通过AWS Amplify处理来自API-Gateway的验证错误
- 必须了解React开发人员的JavaScript
- 您是否不需要getDerivedStateFromProps
步骤2:我们可以看到Jest库已经存在,因此将酶作为dev依赖项进行安装。
npm i —开发酵素Enzyme-adapter-react-16
步骤3:在src文件夹中创建ase.js,

步骤4:在这里,我创建了component文件夹,并在该组件内创建了__test__文件夹用于测试用例。
基本上,酶是测试用例实用程序功能库,它提供了我们要作为套件和用例目的进行测试的所有功能。
酶提供mount , shallow和render实用程序功能。 简单来说,我们可以说浅层仅用于父元素/类组件。
它不适用于儿童道具元素。
为了获得道具数据,我们使用mount来获取内部组件的props元素和DOM属性。
点击 以了解更多有关酶的信息
在这里,我有酶配置文件的设置。

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

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