jest测试react native组件的步奏是什么

发布日期： 2018-03-17 阅读量： 作者： 网络

这次给大家带来jest测试react native组件的步奏是什么，jest测试react native组件的注意事项有哪些，下面就是实战案例，一起来看一下。

目前Javascript的测试工具很多，但是针对React的测试策略，Facebook推出的ReactJs标配测试工具是Jest.Jest的官网地址：https://facebook.github.io/jest/。我们可以看到Jest官网宣称的是：Painless JavaScript Testing。是Facebook用于测试服务和React应用程序的JavaScript单元测试框架。

所谓单元测试也就是对每个单元进行测试，通俗的将一般针对的是函数，类或单个组件，不涉及系统和集成。单元测试是软件测试的基础测试。Jest主要有以下特点：

适应性：Jest是模块化、可扩展和可配置的。
沙箱和快速：Jest虚拟化了JavaScript的环境，能模拟浏览器，并且并行执行
快照测试：Jest能够对React 树进行快照或别的序列化数值快速编写测试，提供快速更新的用户体验。
支持异步代码测试：支持promises和async/await
自动生成静态分析结果：不仅显示测试用例执行结果，也显示语句、分支、函数等覆盖率。

为什么要使用单元测试工具

我们在开发过程中，不使用测试工具依然可以自己写代码进行单元测试，但是我们的代码存在着相互调用关系，在测试过程中我们又希望使单元相对独立而又能正常运行，就需要我们对被测函数的依赖函数和环境进行mock，并且在测试数据输入、测试执行和测试结果检查方面存在很多相似性，测试工具正是为我们在这些方面提供了方便。

准备阶段

需要一个rn项目，这里演示的是我个人的项目ReactNative-ReduxSaga-TODO

安装jest

如果你是用react-native init命令行创建的rn项目，并且你的rn版本在0.38以上，则无需安装了。不太清楚的话就看一下

package.json文件中是否包含以下代码：

 // package.json
 "scripts": {
  "test": "jest"
 },
 "jest": {
  "preset": "react-native"
 }

# native # react # jest

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯2853 】【 SEO推广2688 】

上一篇: CSS 中如何实现动态加载效果？

下一篇: C++ 中函数异常处理的性能影响

jest测试react native组件的步奏是什么

随便看看