我目前是一个初学者，学习如何为React应用程序和组件编写测试。
我已经开始能够测试基于组件如何使用toBeInTheDocument()出现在屏幕上，但是我很难理解它将如何工作时，测试数据保存到状态从API，在我的<Products>组件为例。
我一直在阅读的文档使我更加困惑，某些网站有过时的解决方案或解决方案与我的情况无关。
基本上，如果你要构建我已经实现的测试，你会怎么做，你认为什么是必要的测试?任何帮助都会非常感激。沙箱如下:https://codesandbox.io/p/github/ramclean/productspage/main
—第一步是使用Jest (https://jestjs.io/)之类的工具来模拟来自API的数据。
-然后当你模拟数据时，你可以测试数据是否正确显示。
如果你想要一个更多的端到端测试，你必须使用像cypress(https://www.cypress.io/)这样的工具，在那里你从API获得真实的数据，并测试它是否正确显示。这些都是较重且较慢的测试。它们经常被用来测试"快乐路径"。