React单元测试(mocha+chai+enzyme)

  • 1、安装mocha
    npm install --save-dev mocha
  • 2、安装断言库chai
    npm install chai
  • 3、安装enzyme (这里要对应当前应用中react版本去选择对应的包下载);
    npm i --save-dev enzyme enzyme-adapter-react-15
  • 4、配置package.json的scrpts:
    • 仅仅运行test目录下的子级js文件;
      “test”: “moch”
    • 运行所有js文件;
      “test”:“mocha --recursive --require babel-core/register”
  • 5、webpack配置的alias报错问题处理方案
    因为执行mocha命令时,babel并不能识别webpack配置的alias,所以可以使用mocha-webpack进行预编译处理;
    npm install webpack mocha mocha-webpack --save-dev;
    之后scripts修改如下:
    “test”: “mocha-webpack --recursive --require babel-core/register”
  • 6、一切准备就绪,npm tun test 发现报错:
    ReferenceError: window is not defined
    尝试各种办法,jsdom/mocha-jsdom都解决不了node_modules中window找不到的问题,
    最后查到jsdom-global,可以解决这个问题
    • npm install --save-dev --save-exact jsdom jsdom-global
    • 之后scripts修改如下:
      “test”: “mocha-webpack --recursive -r jsdom-global/register --require babel-core/register”
  • 7、问题解决,因为组件原因还是没法接入node 环境下的单元测试,考虑转 浏览器单测,learning…
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值