Cypress点击不跳转的下载按钮后如何跳过页面加载等待

Cypress的click()命令默认会在点击后等待页面load事件触发，仅触发文件下载的按钮不会产生页面跳转，该默认等待逻辑属于冗余流程，可通过以下方式跳过：

• 给click()传入专属配置，直接关闭点击后的页面加载等待逻辑，不需要改动全局配置
  修正后的测试代码如下：

  it('name of the test', () =>{
    cy.get('#btnGeneratePdf').click({
      pageLoadTimeout: 0, // 设为0即不等待页面加载事件触发
      waitForAnimations: true // 可按需保留动画等待，确保按钮可正常点击
    })
    // 点击后直接执行断言，无额外页面加载等待
    cy.url().should('contain', "/Closed");
  })
  

• 如果需要验证下载行为正常触发，可搭配接口拦截逻辑，跳过页面层等待的同时校验下载功能有效性：

  it('验证PDF下载功能', () =>{
    // 提前拦截下载对应的接口请求
    cy.intercept('POST', '/api/generate-pdf').as('pdfRequest')
    cy.get('#btnGeneratePdf').click({ pageLoadTimeout: 0 })
    // 仅等待下载接口返回，不等待无意义的页面加载事件
    cy.wait('@pdfRequest').its('response.statusCode').should('eq', 200)
    cy.url().should('contain', "/Closed");
  })
  

注意：不建议全局修改Cypress配置中的pageLoadTimeout参数来实现该需求，仅在下载按钮这类特殊元素的点击操作上单独传参即可，避免影响其他正常页面跳转场景的用例稳定性。

内容的提问来源于stack exchange，提问作者jakub