javascript - 如何使用 Cypress 断言页面不会重新加载

Question

我正在运行一个测试，以确保在单击按钮时页面不会重新加载。到目前为止，我还没有找到对此进行断言的最佳方式。我最初想的是创建一个路由，等待我不想发生的xhr请求，如果发生了，就测试不通过。但是，似乎没有办法从 cy.wait() 捕获错误，这使得一旦发生超时我就无法通过测试。我当前的解决方案是确保给定元素的 href 以“#”开头，但这似乎有一个缺点，即有人可能会向它附加一个事件，实际上会重新加载页面，但我不会捕捉到它测试。

Answer 1

您可以使用 Navigation Timing API :

在您的测试中，您需要断言如下内容:

expect(performance.navigation.type).to.equal(performance.navigation.TYPE_RELOAD);