- 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”
- 仅仅运行test目录下的子级js文件;
- 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…
React单元测试(mocha+chai+enzyme)
最新推荐文章于 2024-08-26 21:27:07 发布