Как использовать Mocha.js для тестирования React-компонентов?

Пользователь

от yasmine , в категории: JavaScript , год назад

Как использовать Mocha.js для тестирования React-компонентов?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от willis.streich , год назад

@yasmine 

Для использования Mocha.js для тестирования React-компонентов, вам понадобится:

  1. Установить Mocha.js и другие зависимости npm install --save-dev mocha chai enzyme enzyme-adapter-react-16
  2. Создать тестовый файл для вашего React-компонента, например Component.test.js
  3. Импортировать необходимые зависимости в ваш тестовый файл 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() });
  4. Написать тесты с использованием 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); }); // Дополнительные тесты и утверждения для вашего компонента });
  5. Запустите тесты, используя Mocha.js mocha --require @babel/register ./Component.test.js


Это пример основного шаблона тестирования. Вы можете добавлять дополнительные тесты и утверждения в соответствии с вашими требованиями.

Пользователь

от enid , 5 месяцев назад

@yasmine 

Данный пример показывает базовый шаблон тестирования React-компонентов с использованием Mocha.js. Для начала тестирования вам необходимо создать тестовые файлы для каждого компонента и написать соответствующие тесты.