使用cy.session实现后端系统登录时的动态URL问题求助

这个/(S(xxxxxxxxxxx))是ASP.NET的URL重写式Session ID，Cypress默认会严格匹配URL，动态变化后就会出现访问异常，以下是几个可行的解决办法：

方法1：让Cypress忽略URL中的Session ID部分 #

Cypress支持用正则表达式匹配URL，跳过动态的Session ID片段：

• 访问页面时，用正则替代硬编码的完整URL：

  cy.visit({
    url: /^https:\/\/你的后端域名\/.*$/,
    failOnStatusCode: false
  })
  

• 断言当前URL时，同样用正则忽略动态部分：

  cy.url().should('match', /^https:\/\/你的后端域名\/(S\([a-z0-9]+\))?\/目标页面路径$/)
  

方法2：切换应用的Session存储模式（根源解决） #

如果有权限修改应用配置，可以把ASP.NET的Session存储改成Cookie模式，这样URL里就不会再出现动态Session ID：

• 在应用的web.config中修改Session配置：

  <system.web>
    <sessionState mode="InProc" cookieless="UseCookies" />
  </system.web>
  

  配置后应用会用Cookie保存Session ID，URL恢复静态，Cypress就能正常访问。

方法3：在cy.session中捕获并复用Session ID #

若无法修改应用配置，可在登录流程中提取动态Session ID，后续访问时拼接使用：

cy.session('login', () => {
  // 执行登录操作
  cy.visit('/login')
  cy.get('#username').type('你的用户名')
  cy.get('#password').type('你的密码')
  cy.get('#submit-btn').click()
  
  // 登录后提取URL中的Session ID
  cy.url().then(url => {
    const sessionIdMatch = url.match(/\/(S\([a-z0-9]+\))\//)
    if (sessionIdMatch) {
      Cypress.env('SESSION_ID', sessionIdMatch[1])
    }
  })
})

// 后续访问目标页面时拼接Session ID
cy.visit(`/${Cypress.env('SESSION_ID')}/你的目标页面`)

另外，建议在cy.session的验证步骤中，用页面元素断言替代URL断言，比如检查登录后的用户名元素是否存在，这样不管URL怎么变，只要登录状态有效就能通过验证：

cy.session('login', () => {
  // 登录步骤...
}, {
  validate() {
    cy.get('#logged-user-name').should('exist')
  }
})

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