How to test React?

Question

React

Started with tests to understand in react. We have a component and functions are passed to it through props. A few questions. All the data that gets into the component needs to be emulated in the test, right? And what if I need to test, for example, a checkbox only in a component, how can I do this? We write in the TestUtils.renderIntoDocument(); How to get the desired checkbox or other element next?

Answer 1

There are several approaches to testing React. You either render the component to the DOM and then you can use jQuery to work with that DOM, for example. You can use Shallow Rendering (the authors recommend this method). In this case, there is no DOM. I would advise you to use Enzyme for tests . These helpers greatly simplify the tests.