安裝

應該使用 npm 安裝 enzyme

npm i --save-dev enzyme

enzyme 可配合您選擇的測試執行器使用。文件中的所有範例都將使用 mocha 和 BDD style 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。

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

如果你想要在 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。

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

如果你想要在 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。

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

如果你想要在 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。

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