Cypress 如何使用通配符拦截特定 URL

当您使用 Cypress 进行端到端测试时，您可能需要拦截和模拟对特定 URL 的 HTTP 请求。Cypress 提供了一个功能强大的命令 cy.intercept()，它允许您拦截网络请求。当您想要使用通配符拦截特定 URL 时，可以通过传递一个匹配模式来实现。

这里是一个具体的例子来说明如何使用通配符拦截 URL：

假设您正在测试一个电商网站，需要拦截所有相关产品搜索的 API 调用，搜索 API 的 URL 结构如下：

shell
https://api.example.com/products/search?q=查询词

您可以使用通配符 * 来匹配任何查询词，示例代码如下：

javascript
cy.intercept('GET', 'https://api.example.com/products/search?q=*').as('search');

在这个例子中，cy.intercept() 函数拦截所有以 https://api.example.com/products/search?q= 开头的 GET 请求。通配符 * 代表任何可能的查询词。

之后，您可以使用别名 search 来等待这个拦截的请求，在测试中进行验证或者断言。例如，您可以检查是否获得了正确的响应码和响应体：

javascript
cy.wait('@search').its('response.statusCode').should('eq', 200);
cy.wait('@search').its('response.body').should('have.length', 10);

这种方式非常适合处理动态或不确定的 URL 结构，允许您的测试更加灵活和可靠。