testing - Cypress 不匹配路线

Question

我正在尝试编写一个模拟慢速 API 的 cypress 测试，所以在阅读了一些文档后我想到了这个:

before(function() {
    cy.server({delay: 5000});
});

beforeEach(() => {
    cy.route({
        method: "GET",
        url: "**/api/**"
    });
    cy.visit("http://localhost:9000");
});

这应该为所有对 API 的请求增加 5 秒的延迟，对吧？

我看到的问题是它不匹配任何请求，即使有大量对 */api/* 的调用也是如此。然而， Cypress GUI 确实看到了路线......它只是不匹配。

这可能是什么原因？

Answer 1

如果你输入整个路由，就像它出现在 cypress 日志中一样，你可能会发现它有效。

看起来前瞻通配并没有通过最小匹配很好地实现。它在 / 字符上很好地定界，但在 ? 或 # 上不太好，所以如果你想容纳查询字符串，这是可能是您遇到问题的地方。

您可以在控制台中使用 Cypress.minimatch 来查看发生了什么。有关如何执行此操作的更多信息 in the docs .

Cypress 也将接受正则表达式。像 /\/api\// 这样的东西应该适合你。