使用 AirBnB 的 enzyme ，我们可以设置组件的状态:
const loginComponent = shallow(<Login />);
loginComponent.setState({ error: true });
我想使用 react-testing-library 做同样的事情。
谢谢!
最佳答案
你不能用 react-testing-library 做到这一点。这是因为 RTL 希望您像用户一样测试您的组件。
这是什么意思？在现实生活中，您的组件会在发生某些事情后改变状态。可能是用户输入了错误的数据或 API 返回了错误代码。
与其直接更改状态，不如尝试重现更改状态的一组操作。
这种方法比 Enzyme 提供的方法更难实现，但您的测试会更加健壮。那是因为您要测试整个流程，而不是只关注发生特定状态时呈现的内容。
最重要的是，您重构代码并更改状态的工作方式。只要用户与您的应用程序交互的方式相同，RTL 测试就不会在意。但是， enzyme 测试会失败，因为它不再知道如何与组件的内部交互。
关于javascript - 如何在使用 jest 和 react-testing-library 进行测试时设置组件的本地状态？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54104547/