使用Jest对React-Native做单元测试

环境搭建:

1.安装react-native开发环境

npm install -g react-native-cli

2.安装jest测试环境

npm install -g jest-cli --save-dev

测试步骤:

1.创建react-native项目

react-native init HelloWorld

2.创建__tests__目录

cd HelloWorld && mkdir __tests__

3.修改package.json

vim package.json

{

...

"scripts": {

"test": "jest"

}

...

}

4.创建测试脚本

vim xxx-test.js

5..运行测试

jest

时间: 2024-10-16 21:32:03

使用Jest对React-Native做单元测试的相关文章

尝试用React Native做了个9宫格组件,作为新人谈谈对Native的看法

前两天开始接触React Native. 因为之前了解过相关的跨平台解决方案,比如Ionic之类的,相比起来,React Native最突出的地方有两点: 使用Expo解决了对Android Studio / IOS开发工具的依赖 在端末上实现热重载 其中的第一点不知道将多少尝试进入安卓开发舞台的人挡在了门外. 而第二点极大加快了端末APP开发的迭代速度. 实际开发中,CSS大部分的特性都有,基本上CSS能实现的效果在Native上也可以实现. 随时准备一个Cheat Sheet就能解决大部分的

用react native 做的一个推酷client

仅供大家參考.仅仅为抛砖引玉.希望大家能以此来了解react.并编写出很多其它的优质的开源库,为程序猿做出贡献. 用的的组件: NavigatorIOS react-native-swiper ListView WebView 执行步骤 1.npm install 2.用Xcode打开tuiku.xcodeproj 3.Commmand + R 界面是模仿官网的应用的.一个导航,导航以下是分类,分类以下是列表,分类能够点击切换.也能够左右滑动切换,一直往下来,会载入下一页数据.点击某一项,会进到

谈谈 React Native

前言 几天前,Facebook 在 React.js Conf 2015 大会上推出了 React Native(  视频链接).我发了一条微博(  地址),结果引来了 100 多次转发.为什么 React Native 会引来如此多的关注呢?我在这里谈谈我对 React Native 的理解. 一个新框架的出现总是为了解决现有的一些问题,那么对于现在的移动开发者来说,到底有哪些问题 React Native 能涉及呢? 人才稀缺的问题 首先的问题是:移动开发人才的稀缺.看看那些培训班出来的人吧

转【唐巧】的谈谈 React Native

前言 几天前,Facebook 在 React.js Conf 2015 大会上推出了 React Native(视频链接).我发了一条微博(地址),结果引来了 100 多次转发.为什么 React Native 会引来如此多的关注呢?我在这里谈谈我对 React Native 的理解. 一个新框架的出现总是为了解决现有的一些问题,那么对于现在的移动开发者来说,到底有哪些问题 React Native 能涉及呢? 人才稀缺的问题 首先的问题是:移动开发人才的稀缺.看看那些培训班出来的人吧,经过

React Native插件系列之插件汇总

1.背景 因为自己的几个APP都是用React Native做的,感觉到React Native的写APP效率真的很高,在NPM上搜索了一些插件,发现React Native的生态圈现在真的很大.绝对可以满足现在很多APP的需求,而不止企业类的APP了. 2.插件汇总(一直在整理中...) react-native-linear-gradient 颜色渐变处理 react-native-login 视频界面登录 react-native-keyboard-aware-scroll-view 键盘

[]H5、React Native、Native应用对比分析

目录(?)[-] 一React Native的出现 二3款应用效果 三工程方案 四对比分析 开发方式 性能 体验 更新 维护 开发方式 性能 体验 更新 维护 五综合 开发方式 性能 体验 更新 维护 @王利华,vczero “存 在即合理”.凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候,一则是因为H5发展到一定程度的受限:二则是移动市场的迅速崛起强调团队快速响应和迭代:三则是用户的体验被放大,用户要求

React Native真机调试

最近在尝试使用 React Native 做一些东西,发现真机调试还是有一些坑存在的. iOS 真机调试 首先,你要让调试用电脑和你的手机必须处于相同的 WiFi 网络中下 打开 iOS 项目的 AppDelegate.m 文件 更改 jsCodeLocation 中的 localhost 改成你电脑的局域网IP地址 在 Xcode 中,选择你的手机作为目标设备,Run 即可 可以通过晃动设备来打开开发菜单(重载.调试等) Android 真机调试 在 Android 设备上打开 USB deb

React Native 调研报告

Facebook三月份开源了React Native iOS平台的框架,让移动开发人员和web开发者都各自兴奋了一把:native的移动开发者想的比较多的估计是Facebook的那句:"learn once, write everywhere",而web开发者兴奋的估计是,不需要学习iOS那陌生的OC或者swift语言,用自己熟悉的javascript语言就可以开发原生的移动APP了.那么新推出的react native 能否承载的了两大阵营的开发者的期待了.本人及同事对react n

React Native学习(1):怎么快速学习一门新技术

React Native学习方法论 这是我技术公众号的第一篇文章,也是ReactNative系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学习任何语言和系统都适用. 对于新技术的学习,分为两种,一种是语言,类似Swift.Objective-C.Java.ES6,另一种是系统,比如Android.iOS.前端. 1. 语言层面,如果你精通某一门语言,那么是可以很快切换到另一门语言的.这就是语言的相通性.

React Native学习方法论

这是我技术公众号的第一篇文章,也是React Native系列文章的第一篇,对我的文章感兴趣的可以加我微信16230091进行关注. 本文表面上讲React Native(以下简称RN),实际上对于学习任何语言和系统都适用. 对于新技术的学习,分为两种,一种是语言,类似Swift.Objective-C.Java.ES6,另一种是系统,比如Android.iOS.前端. 1. 语言层面,如果你精通某一门语言,那么是可以很快切换到另一门语言的.这就是语言的相通性.翻开市面上那些21天精通某某语言之