React Native单元测试

概述

所谓单元测试，就是对每个单元进行的测试，一般针对的是函数、类或单个组件，不涉及系统和集成，单元测试是软件测试的基础测试，一个完备的软件系统都会涉及到单元测试。

目前，Javascript的测试工具很多，但是针对React的测试主要使用的是Facebook推出的Jest框架，Jest是基于Jasmine的JavaScript测试框架，具有上手容易、快速、可靠的特点，是React.js默认的单元测试框架。相比其他的测试框架，Jest具有如下的一些特点：

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

环境搭建

安装Jest

首先，在项目目录下使用下面的命令安装Jest。

npm install --save-dev jest
//或者
yarn add --dev jest

如果你使用的是react-native init命令行方式来创建的RN项目，且RN版本在0.38以上，则无需手动安装，系统在生成项目的时候会自动添加依赖。

"scripts": {
 "test": "jest"
},
"jest": {
 "preset": "react-native"
}

配置Babel

现在很多的项目都使用es6及以上版本编写，为了兼容老版本，我们可以使用Babel来将es5的语法转换为es6。使用Babel前，我们需要使用如下的命令来安装Babel。