インストール

enzyme は npm を使用してインストールする必要があります。

npm i --save-dev enzyme

enzyme は、任意のテストランナーと併用できます。ドキュメント内のすべての例は、mocha と BDD スタイルの chai を使用して提供されますが、どちらのライブラリも enzyme の依存関係ではありません。

React 16 での使用方法

React 16 で enzyme を使用したいが、React 16 と react-dom がまだインストールされていない場合は、インストールする必要があります。

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

次に、enzyme を使い始めるには、npm でインストールするだけです。

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

これで準備完了です！テストファイルでは、単に enzyme を require または import することができます。

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-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

これで準備完了です！テストファイルでは、単に enzyme を require または import することができます。

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-dom がまだインストールされていない場合は、インストールする必要があります。

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

さらに、React 0.14 で enzyme を使用するには、テストユーティリティアドオンをインストールする必要があります。

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

次に、enzyme を使い始めるには、npm でインストールするだけです。

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

これで準備完了です！テストファイルでは、単に enzyme を require または import することができます。

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 がまだインストールされていない場合は、インストールする必要があります。

npm i react@0.13 --save

次に、enzyme を使い始めるには、npm でインストールするだけです。

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

これで準備完了です！テストファイルでは、単に enzyme を require または import することができます。

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 />);