How to correctly change the state in the Jest / Enzyme parent component?

Question

Software testing

I have a main Todo component which has a state in it . In this state , I store todos and name , which is entered through input. Input I have a separate component, into which I just pass props: Tell me, how can I change the state ( name ) in the parent Todo from the shallow TodoInput to check that onChange is correctly processed in the inpute?

<TodoInput onChange={this.handleInput} />

Answer 1

Resolved the issue. You need to mount the parent and then find the desired input by the selector, which you can then do something like this:

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

Answer 2

Don't use Enzyme when testing React apps, read the documentation.
https://reactjs.org/docs/testing.html#tools
Use the recommended packages - Jest and React Testing Library.