如何为Playwright组件测试指定浏览器启动参数？

当然可以给Playwright组件测试的浏览器实例传递启动参数，比如你提到的--use-fake-ui-for-media-stream、--use-file-for-fake-audio-capture这类Chrome专属参数，具体配置方式如下：

全局配置（所有测试生效） #

在项目根目录的playwright.config.ts配置文件中，针对目标浏览器项目添加launchOptions.args：

import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  testDir: './tests',
  projects: [
    {
      name: 'chromium',
      use: {
        ...devices['Desktop Chrome'],
        launchOptions: {
          args: [
            '--use-fake-ui-for-media-stream',
            '--use-file-for-fake-audio-capture=/path/to/your/audio/file.wav'
          ]
        }
      },
    },
  ],
});

单个测试文件/用例配置（局部生效） #

如果只需要在特定测试中启用这些参数，可以在测试文件内通过test.use()覆盖全局配置：

import { test } from '@playwright/experimental-ct-react'; // 以React组件测试为例

test.use({
  launchOptions: {
    args: [
      '--use-fake-ui-for-media-stream',
      '--use-file-for-fake-audio-capture=/path/to/your/audio/file.wav'
    ]
  }
});

test('测试媒体权限相关组件', async ({ mount }) => {
  // 编写你的组件测试逻辑
});

注意事项 #

• 使用--use-file-for-fake-audio-capture时，必须指定真实存在的音频文件路径，推荐使用WAV格式的音频文件。
• 不同浏览器的启动参数存在差异，若需针对Firefox或Safari配置，需替换为对应浏览器支持的参数。

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