В React Native, как я могу проверить свои компоненты с помощью Shallow Rendering?

Для React я использую методы Мелкие рендеринги для модульного тестирования моих компонентов React. Могу ли я сделать что-то подобное в React Native?

Я выполнил инструкции по настройке Jest, но не могу найти документацию по тестированию моих компонентов. Я хотел бы сделать полный TDD с React Native так же, как с React.

Ответы

Ответ 1

Я думаю, enzyme - это то, что вы ищете.

Он предоставляет вам функцию shallow, которая позволяет сделать небольшое сравнение (по вашему желанию).

Фермент может использоваться вместе со всеми популярными тест-бегунами (например, Mocha, Jest, Karma и т.д.). Полный список можно найти на странице github библиотеки.

Пример:

import {shallow} from 'enzyme';

describe('<MyComponent />', () => {
  it('should render three <Foo /> components', () => {
    const wrapper = shallow(<MyComponent />);
    expect(wrapper.find(Foo)).to.have.length(3);
  });
});

Для дальнейшего чтения вы можете взглянуть на фермент Неверный рендеринг API или docs в целом.