Cypress测试登录时报cy.visit()首参数需含URL错误如何解决？

• Cypress默认每个it测试用例相互隔离独立运行，你在顶层声明的let href属于脚本层面的JS变量，不会在不同用例之间共享值。第二个测试用例执行cy.visit(href)时，href实际为undefined，不符合cy.visit要求传入合法URL的规则，触发报错。
• 你自定义的localStorage存储逻辑只能持久化浏览器本地存储的内容，无法保存脚本中声明的普通JS变量，也解决不了跨用例传值的问题。
• 同时使用两个it.only也存在测试逻辑拆分不合理的问题，登录和登录验证本身属于连贯操作，没必要拆分到两个独立用例中。

方案1：合并测试逻辑（更推荐） #

直接把登录和验证步骤放到同一个it块中，不需要跨用例传递URL变量：

it.only("LoginFunctionality", function () {
  cy.visit("xxx");
  cy.get(".chakra-stack > .css-1n94901").click();
  cy.contains("Login with aaaa").click();
  // 同用例下直接验证URL，无需额外存储href
  cy.url().should("include", "bbbb");
});

方案2：用localStorage持久化URL（必须拆用例时使用） #

如果确实需要拆分两个用例，把获取到的href存在浏览器localStorage中，第二个用例读取后使用：
第一步，修改第一个用例的URL存储逻辑：

it.only("LoginFunctionality", function () {
  cy.visit("xxx");
  cy.get(".chakra-stack > .css-1n94901").click();
  cy.contains("Login with aaaa").click();
  cy.url().then((url) => {
    // 把URL存在localStorage中，可跨用例读取
    localStorage.setItem('loginRedirectUrl', url);
    cy.log("href ", url);
  });
});

第二步，修改第二个用例的读取逻辑：

it.only("Verification of login", function () {
  const href = localStorage.getItem('loginRedirectUrl');
  cy.visit(href);
  cy.url().should("include", "bbbb");
});

注意：调试完成后建议删除it.only标识，避免后续其他测试用例被跳过无法执行。

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