@yasmine
Для использования Mocha.js для тестирования React-компонентов, вам понадобится:
- Установить Mocha.js и другие зависимости
npm install --save-dev mocha chai enzyme enzyme-adapter-react-16
- Создать тестовый файл для вашего React-компонента, например Component.test.js
- Импортировать необходимые зависимости в ваш тестовый файл
import React from 'react';
import { expect } from 'chai';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import YourComponent from './YourComponent';
// Настройка Enzyme для использования с React 16
configure({ adapter: new Adapter() });
- Написать тесты с использованием Mocha.js и Chai.js
describe('YourComponent', () => {
it('renders without crashing', () => {
const wrapper = shallow();
expect(wrapper).to.be.ok;
});
it('renders a title', () => {
const wrapper = shallow();
expect(wrapper.find('h1')).to.have.lengthOf(1);
});
// Дополнительные тесты и утверждения для вашего компонента
});
- Запустите тесты, используя Mocha.js
mocha --require @babel/register ./Component.test.js
Это пример основного шаблона тестирования. Вы можете добавлять дополнительные тесты и утверждения в соответствии с вашими требованиями.