Как правильно поменять state в компоненте родителя Jest / Enzyme?

Question

[the5x]

У меня есть основной компонент Todo, в котором есть state. В этом state я храню todos и name, которое вводиться через input. Input у меня отдельный компонент, в который я просто прокидываю пропсы:

<TodoInput onChange={this.handleInput} />

Подскажите, как мне из shallow TodoInput, поменять state (name) в родительском Todo, чтобы проверить, что в inpute правильно отрабатывает onChange?

Answer 1

[the5x]

Решил вопрос. Надо сделать mount родителя и потом найти по селектору нужный input у которого потом можно сделать, что-то такое:

wrapper.find('.todo__form-input').simulate('change', { target: { value: '' } });

Answer 2

[camelCaseVlad]

Не используйте Enzyme при тестировании Реакт приложений, читайте документацию.

https://reactjs.org/docs/testing.html#tools

Используйте рекомендуемые пакеты - Jest и React Testing Library.