在Cypress多配置文件场景下如何调用不同配置中的baseUrl？

方法1：主配置文件中定义多环境自定义变量 #

把用户和管理员的baseUrl都加到cypress.config.ts的env配置里，不管手动运行还是无头测试，都能直接调用：

// cypress.config.ts
export default defineConfig({
  e2e: {
    baseUrl: 'www.mypage.com', // 默认用户页地址
    env: {
      adminBaseUrl: 'www.mypage.admin.com',
      userBaseUrl: 'www.mypage.com'
    },
    // 其他原有配置...
  }
})

测试用例里直接通过Cypress.env()获取对应地址，实现跨环境操作：

// 示例测试用例
// 管理员端操作
cy.visit(Cypress.env('adminBaseUrl'))
cy.get('#admin-login').type('admin-account')
// ...完成管理员修改操作

// 用户端验证结果
cy.visit(Cypress.env('userBaseUrl'))
cy.get('#user-profile').should('contain', '修改后的内容')

无头测试的配置文件可以简化，直接继承主配置并覆盖baseUrl：

// cypress.config-admin.ts
import { defineConfig } from 'cypress'
import baseConfig from './cypress.config'

export default defineConfig({
  ...baseConfig,
  e2e: {
    ...baseConfig.e2e,
    baseUrl: baseConfig.e2e.env.adminBaseUrl
  }
})

方法2：通过package.json脚本注入环境变量 #

在运行脚本里直接传递两个环境地址，不管用哪个配置文件启动，测试用例都能拿到：

// package.json
"scripts": {
  "cy:run:admin": "cypress run --config-file cypress.config-admin.ts --env adminUrl=www.mypage.admin.com,userUrl=www.mypage.com",
  "cy:run:user": "cypress run --config-file cypress.config-user.ts --env adminUrl=www.mypage.admin.com,userUrl=www.mypage.com",
  "cy:open": "cypress open --env adminUrl=www.mypage.admin.com,userUrl=www.mypage.com"
}

测试用例里同样用Cypress.env('adminUrl')和Cypress.env('userUrl')调用，不需要改动现有配置文件结构。

方法3：统一配置文件管理 #

单独创建一个集中配置文件，把所有环境的baseUrl放在一起维护：

// configs/env.ts
export const envConfigs = {
  user: { baseUrl: 'www.mypage.com' },
  admin: { baseUrl: 'www.mypage.admin.com' }
}

然后各个Cypress配置文件都导入这个统一配置：

// cypress.config-admin.ts
import { defineConfig } from 'cypress'
import { envConfigs } from './configs/env'

export default defineConfig({
  e2e: {
    baseUrl: envConfigs.admin.baseUrl,
    // 其他配置...
  }
})

// cypress.config.ts
import { defineConfig } from 'cypress'
import { envConfigs } from './configs/env'

export default defineConfig({
  e2e: {
    baseUrl: envConfigs.user.baseUrl,
    // 其他配置...
  }
})

测试用例里直接导入这个配置文件使用：

import { envConfigs } from '../configs/env'

// 测试用例
cy.visit(envConfigs.admin.baseUrl)
// 管理员操作
cy.visit(envConfigs.user.baseUrl)
// 用户端验证

这种方式的优势是环境地址集中管理，修改时只需要改一处，避免多文件同步更新的麻烦。

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