javascript - 更改页面时，Cypress 访问在 Next js 上不起作用

Question

我的下一个应用程序有 2 个页面:登录、汽车和通过 ID 返回的汽车。在“汽车”页面上，我想参观一辆特定的汽车。网址如下所示:/cars对于汽车和 /cars/car-id对于包含汽车的页面。此外，当用户在汽车页面上重定向时，会发生一个返回有关汽车的数据的请求。为此，我在 cypres 中使用了 visit方法:

cy.visit('http://localhost:3000/cars/1234') //to go to the car page by id (1234 is the car id)
cy.route('GET', 'fixture:car.json').as('getCar') // here i make the request
cy.wait('@getCar')

但是这样做我得到: CypressError: Timed out retrying: cy.wait() timed out waiting 5000ms for the 1st request to the route: 'getCar'. No request ever occurred. ，但是如果我单击菜单项进入汽车页面，则一切正常: cy.get("a[href*=/car/1234]").click()所有作品。为什么visit抛出这个错误？我的情况如何解决？

Answer 1

必须在访问前设置路由监听器。

替换cy.intercept()，它在Cypress v6之后替换了cy.route()。

cy.intercept('GET', 'fixture:car.json').as('getCar') // here I listen for the request

cy.visit('http://localhost:3000/cars/1234') 

cy.wait('@getCar')