安装

enzyme 应使用 npm 安装

npm i --save-dev enzyme

enzyme 可以与你选择的测试运行器一起使用。文档中的所有示例将使用 mocha 和 BDD 样式 chai 提供，尽管这两个库都不是 enzyme 的依赖项。

与 React 16 协同工作

如果你想将 enzyme 与 React 16 一起使用，但尚未安装 React 16 和 react-dom，则应这样做

npm i --save react@16 react-dom@16

接下来，要开始使用 enzyme，你可以简单地使用 npm 安装它

npm i --save-dev enzyme enzyme-adapter-react-16

然后你就可以开始了！在你的测试文件中，你可以简单地 require 或 import enzyme

ES6

// setup file
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

// test file
import { shallow, mount, render } from 'enzyme';

const wrapper = shallow(<Foo />);

ES5

// setup file
var enzyme = require('enzyme');
var Adapter = require('enzyme-adapter-react-16');

enzyme.configure({ adapter: new Adapter() });

// test file
var enzyme = require('enzyme');

var wrapper = enzyme.shallow(<Foo />);

使用 React 15

如果你想将 Enzyme 与 React 15 一起使用，但尚未安装 React 15 和 react-dom，则应执行此操作

npm i --save react@15 react-dom@15

此外，enzyme 要求安装测试实用工具插件

npm i --save-dev react-test-renderer@15

接下来，要开始使用 enzyme，你可以简单地使用 npm 安装它

npm i --save-dev enzyme enzyme-adapter-react-15

然后你就可以开始了！在你的测试文件中，你可以简单地 require 或 import enzyme

ES6

// setup file
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';

configure({ adapter: new Adapter() });

// test file
import { shallow, mount, render } from 'enzyme';

const wrapper = shallow(<Foo />);

ES5

// setup file
var enzyme = require('enzyme');
var Adapter = require('enzyme-adapter-react-15');

enzyme.configure({ adapter: new Adapter() });

// test file
var enzyme = require('enzyme');

var wrapper = enzyme.shallow(<Foo />);

使用 React 0.14

如果你想将 Enzyme 与 React 0.14 一起使用，但尚未安装 React 0.14 和 react-dom，则应执行此操作

npm i --save react@0.14 react-dom@0.14

此外，enzyme 与 React 0.14 一起使用要求安装测试实用工具插件

npm i --save-dev react-addons-test-utils@0.14

接下来，要开始使用 enzyme，你可以简单地使用 npm 安装它

npm i --save-dev enzyme enzyme-adapter-react-14

然后你就可以开始了！在你的测试文件中，你可以简单地 require 或 import enzyme

ES6

// setup file
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-14';

configure({ adapter: new Adapter() });

// test file
import { shallow, mount, render } from 'enzyme';

const wrapper = shallow(<Foo />);

ES5

// setup file
var enzyme = require('enzyme');
var Adapter = require('enzyme-adapter-react-14');

enzyme.configure({ adapter: new Adapter() });

// test file
var enzyme = require('enzyme');

var wrapper = enzyme.shallow(<Foo />);

使用 React 0.13

如果你想将 enzyme 与 React 0.13 一起使用，但尚未安装 React 0.13，则应执行此操作

npm i react@0.13 --save

接下来，要开始使用 enzyme，你可以简单地使用 npm 安装它

npm i --save-dev enzyme enzyme-adapter-react-13

然后你就可以开始了！在你的测试文件中，你可以简单地 require 或 import enzyme

ES6

// setup file
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-13';

configure({ adapter: new Adapter() });

// test file
import { shallow, mount, render } from 'enzyme';

const wrapper = shallow(<Foo />);

ES5

// setup file
var enzyme = require('enzyme');
var Adapter = require('enzyme-adapter-react-13');

enzyme.configure({ adapter: new Adapter() });

// test file
var enzyme = require('enzyme');

var wrapper = enzyme.shallow(<Foo />);