如何在我们重定向到同一页面的Cypress中进行检查

Question

我正在使用Vue和Cypress。我有一个带有徽标的页面，可以重定向到主页。代码：

<template>
<div>
<div class="text-center" id="app-header">
<a href=".">
<img src="../assets/logo.png" style="width: 128px; height: 128px;"/> 
</a>
<h1 class="mb-3" style="font-weight: bold;">TITLE</h1>
</div>
<view id="app-body"/>
</div>
</template>

现在我想检查点击图片是否真的重定向到主页(我的应用程序只有一个主页(。我可以检查网址是否是主页的网址，但由于你已经在主页内了，我觉得这不是一个好的测试。我如何测试url是否已重定向到主页，而不是只检查我当前是否在查看主页？

Answer 1

听起来你想监视对主页URL的请求并确保它成功。我刚刚检查了这个，它对我很有效。你可能需要稍微修改，比如更改徽标的id和cy.intercept的路径，以匹配你的应用程序。以下是步骤：

1. cy.intercept请求转到主页URL并给它们一个别名
2. 单击徽标
3. 使用别名检查对主页URL的请求是否成功
4. 你可能想做的任何其他检查，比如cy.location或检查各种主页元素，以确保重定向真的成功加载了你的主页

it("clicking logo reloads/redirects to homepage", () => {
cy.intercept("/app/home").as("homepage");
cy.get("#logoThatRedirectsToHomepage").click();
cy.wait("@homepage").its("response.statusCode").should("eq", 200);
});