React16之测试单元

安装 enzyme 相关

修改package.json

这里强调记录下,为什么要加--watchman=false,因为在国内watchman连接的会会超时,别问我怎么知道的,我可以给你解释102个小时,反正在国内的话就按照我说的这个来,不然,你会和郁闷

这段代码的,但是为了不重复操作,有的人把这段代码提出来,放到一个单独的文件中,这个也是jest配置文件支持的,这点做的很好

测试用例

执行jest进行测试

为什么要把测试案例放到目录tests

默认jest会扫描testMatch匹配的文件,而忽略testPathIgnorePatterns匹配的文件,具体的可在配置文件更改

React组件测试用例

执行jest进行测试

是不是很赞。原来前端也可以这么牛逼。

.babelrc中也别忘记修改[没有的话需要建立一个]

presets中添加"env"

项目地址

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180627G1SUCH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券