当我在我的 React 项目上运行
npx cypress open
时,它会打开调试窗口,我可以在其中查看每个测试并检查每个快照。
有问题的测试很简单
describe("Scheduled changes table", () => {
beforeEach(() => {
cy.fixture("scheduledChangesList.json").as("scheduledChangesList");
});
it("Shows Confirmation modal after selecting Cancel", () => {
cy.intercept("GET", "/scheduled-changes/api/v1/scheduled-changes", {
fixture: "scheduledChangesList.json",
}).as("getScheduledChangesList");
cy.visit("/");
});
});
它挂载了一个组件,该组件使用钩子在渲染后立即发出 GET 请求。 这是钩子
export async function getScheduledChanges(id) {
const response = await fetch(`/scheduled-changes/api/v1/scheduled-changes${id}`);
const data = await response.json();
return data;
}
我的问题是,当我在测试完成后检查快照并将鼠标悬停在“毕竟”部分中的某些内容上时,它开始无限获取组件挂钩中的请求。它看起来像这样:
这是正常行为吗?