使用反应测试库检查组件的状态

Posted 2021-04-08

我使用react测试库触发了一个组件的变化，我想检查组件状态的相应变化。

答案

可能是一个No-Go，因为这直接违反了React-Testing-Library的原则。

介紹

问题

你想为你的React组件编写可维护的测试。作为这个目标的一部分，你希望你的测试能做到以下几点 避开实施细节 而专注于让你的测试给你带来预期的信心。作为其中的一部分，你希望你的测试库是可以长期维护的，这样你的组件的重构（对实现而不是功能的改变）就不会破坏你的测试，也不会拖累你和你的团队。

这个解决方案

你的测试与你的软件使用方式越是相似，它们就能给你更多的信心。

基本上，它并不关心组件的内部实现细节，如 state，而是它的API，即道具和用户如何与之交互。这更像是黑盒测试。