Я пытаюсь написать тест для моего приложения на базе реактивного интерфейса.Сначала я работаю над очень простым тестом для компонента LoginForm, который отображает собственный компонент TextInput реагирует.Вот компонент LoginForm:
https://github.com/davidgeismar/timeo-mobile/blob/test-jest/src/components/LoginForm.js
А вот файл LoginForm.test с тестовой проверкой, отображает ли компонент ровно 2 TextInput.
import React from 'react';
import { TextInput } from 'react-native'
import { shallow } from 'enzyme';
import LoginForm from '../LoginForm.js';
import Root from '../../Root.js'
import StylishInput from '../common/StylishInput';
it('shows a login form', () => {
const wrapped = shallow(<Root><LoginForm /></Root>);
console.log(wrapped)
debugger
expect(wrapped.find(TextInput).length).toEqual(2);
})
Компонент Root
содержит провайдера редукса и хранилище и необходим в тесте для создания экземпляра компонента LoginForm
.
Однако при выполнении теста он не находитлюбой TextInput:
Expected value to equal:2 Received:0
Почему это?Как я могу отладить этот тест?Когда я добавляю точку останова отладчика внутри этого теста и run npm run test
, она никогда не останавливается на точке останова.Вы можете найти весь проект здесь:
https://github.com/davidgeismar/timeo-mobile/blob/test-jest/