在Cypress受控Chrome环境下，如何获取响应的Content-Length请求头？

要在Cypress测试中获取响应的Content-Length头，核心思路是通过cy.intercept()拦截触发的请求，从拦截到的响应对象中提取该头信息。具体实现如下：

• 先用cy.intercept()定义目标请求的拦截规则，给拦截设置别名方便后续引用
• 执行触发请求的操作（即点击Part C）
• 通过cy.wait()等待请求完成，从返回的拦截对象中读取Content-Length头

修改后的完整测试代码：

// 拦截点击Part C时触发的请求，根据实际情况替换请求方法和URL匹配规则
// 示例：拦截URL包含/api/parts的GET请求
cy.intercept('GET', /\/api\/parts.*/).as('partRequest')

cy.get('#setSelectedComponent').click().then(() => {
  cy.contains('Part C').click()
  
  // 等待请求完成并提取响应头
  cy.wait('@partRequest').then((interception) => {
    // HTTP头在Cypress中以小写形式返回
    const contentLength = interception.response.headers['content-length']
    // 可按需使用该值：打印日志、存入环境变量或注入到应用环境
    cy.log(`获取到Content-Length: ${contentLength}`)
    // 如果应用需要该值参与计算，可注入到浏览器环境
    cy.window().then((win) => {
      win.appContentLength = contentLength
    })
  })

  cy.get('#createInstanceFromAsmTree').click({ force: true })
  cy.get(`[aria-label="Toggle Assembly D"]`).click({ force: true })
  cy.get('#matTreeNode').contains('Part C-1').should('be.visible')
})

注意事项 #

• 请根据实际请求的方法（GET/POST等）和URL特征调整cy.intercept()的参数，确保精准拦截目标请求
• 如果服务器使用Transfer-Encoding: chunked传输数据，响应头不会包含Content-Length，这种情况需和后端确认是否能返回该头信息

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