使用mocha和chai
做法
怎么在组件里面用呢(mocha+chai+enzyme)
展示部分
我们来看做法
参考
npx create-react-app my-app
cd my-app
npm start
npm install --global mocha
npm install --save-dev mocha
mkdir test
var assert = require('assert');
describe('Array', function() {
describe('#indexOf()', function() {
it('should return -1 when the value is not present', function() {
assert.equal([1, 2, 3].indexOf(4), -1);
});
});
});
npm test
终端显示测试结果
在浏览器看到结果,终端运行
./node_modules/mocha/bin/mocha
就会出现这个。
参考大佬的,然后稍加改动
npx create-react-app my-app
cd my-app
npm install
npm install mocha react react-dom babel-core babel babel-preset-react babel-preset-es2015 expect.js react-addons-test-utils --save-dev
enzyme这个依赖也要装
npm i --save react@15 react-dom@15
npm i --save-dev react-test-renderer@15
npm i --save-dev enzyme enzyme-adapter-react-15
安装好的依赖如下(package.json里面)
{
"presets": ["es2015", "react"]
}
mkdir test
(在package.json)中,我是测test1.js,所以在末尾写了文件名
"test": "mocha node_modules/babel-core/register --watch test/test1.js",
然后我们看一下组件
测试文件
结束,我这个组件测试的demo放在了github上,可以直接拉下来https://github.com/pk-cat/react-mocha-enzyme
大佬的https://blog.csdn.net/weixin_33877092/article/details/92438079
原链接https://my.oschina.net/000quanwei/blog/673599