Установка

enzyme следует установить с помощью npm:

npm i --save-dev enzyme

enzyme можно использовать с вашим тестовым исполнителем по выбору. Все примеры в документации будут предоставлены с использованием mocha и BDD style 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 />);