Playwright参数化项目：按项目设环境变量后获取值为undefined问题

1. 上下文混淆：浏览器进程 vs Node.js进程 #

你在launchOptions.env里配置的变量是浏览器运行时的环境变量，而在base-fixtures.ts里直接通过process.env.XXX读取的是Playwright测试所在Node.js进程的环境变量——这是两个完全独立的上下文，自然读不到对应值。

2. 错误的变量读取方式 #

要在fixture中获取项目配置的环境变量，得通过Playwright提供的测试上下文或项目配置对象获取，而非直接用process.env：

• 方式一：通过test.info()提取项目配置里的环境变量

  import { test as base } from '@playwright/test';
  
  export const test = base.extend({
    envVars: async ({}, use, testInfo) => {
      // 从当前运行的项目配置中取出launchOptions里的env
      const projectEnv = testInfo.project.launchOptions?.env || {};
      console.log(projectEnv.ENVIRONMENT); // 此处可正常获取配置的变量
      await use(projectEnv);
    },
  });
  

• 方式二：将环境变量移到项目的use字段下，直接通过fixture的use对象读取

  // playwright.config.ts
  export default defineConfig({
    projects: [
      {
        name: 'UK prod',
        use: {
          env: {
            ENVIRONMENT: 'uk-prod',
            BIGCOMMERCE_STORE_URL: 'https://xxx.uk'
          }
        }
      }
    ]
  });
  
  // base-fixtures.ts
  export const test = base.extend({
    envVars: async ({ use }, useFixture) => {
      const envVars = use.env;
      console.log(envVars.ENVIRONMENT);
      await useFixture(envVars);
    },
  });
  

3. 配置本身存在问题 #

检查playwright.config.ts的项目配置：

• 确认是否正确导出了配置对象，语法无错误
• 核对每个项目的launchOptions.env变量名是否拼写正确（注意大小写敏感）
• 确认变量值是否被正确赋值，没有遗漏或语法错误

4. 未指定目标项目运行 #

运行测试时，必须通过--project参数指定对应项目，比如：

npx playwright test --project="UK prod"

如果未指定，Playwright会使用默认项目，若默认项目未配置这些变量，自然读取不到。

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