Cypress调用cy.visit()时URL前出现undefined，求解决方法

以下是针对性的排查和修复方案：

1. 检查Cypress配置文件中的baseUrl设置 #

查看cypress.config.js（或.ts）中的e2e配置段，确保baseUrl未被错误赋值为undefined或未定义的变量：

• 错误示例：

export default defineConfig({
  e2e: {
    baseUrl: process.env.UNDEFINED_ENV_VAR, // 未定义的环境变量导致undefined
  },
})

• 修复方式：
  • 若直接使用完整URL访问，可移除baseUrl配置；
  • 若需要设置baseUrl，确保其为有效字符串：

export default defineConfig({
  e2e: {
    baseUrl: 'https://www.google.com',
  },
})

2. 排查自定义visit命令或全局钩子 #

检查cypress/support/e2e.js（或.ts）中是否存在自定义的visit命令，确认拼接URL时未引入未定义变量：

• 错误示例：

Cypress.Commands.overwrite('visit', (originalFn, url, options) => {
  const invalidPrefix = someUndefinedVariable; // 未定义的变量
  return originalFn(`${invalidPrefix}${url}`, options);
})

• 修复方式：移除有问题的自定义命令，或确保所有参与拼接的变量都已正确赋值。

3. 验证环境变量有效性 #

若通过环境变量传递URL，先确认变量已正确加载：

// 在测试代码中打印验证
cy.log(Cypress.env('YOUR_URL_VAR'));

确保输出为有效字符串，而非undefined。

4. 清除Cypress缓存 #

缓存异常可能导致配置读取错误，执行以下命令清除缓存：

npx cypress cache clear

5. 检查测试代码的URL拼接逻辑 #

确保cy.visit调用未错误拼接未定义变量：

• 错误示例：

const base = undefined;
cy.visit(`${base}https://www.google.com`);

• 正确示例：

cy.visit('https://www.google.com');

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