如何在Playwright中指定测试用例仅在Chrome浏览器运行

要让特定测试用例仅在Chrome浏览器运行，其余用例保持默认在所有配置浏览器执行，有几种简洁的实现方式：

方法一：为单个测试用例单独配置浏览器 #

直接在目标测试用例前使用test.use()覆盖全局配置，该配置仅对紧随其后的测试用例生效：

// 仅在Chrome（Chromium内核）运行的测试用例
test.use({ browserName: 'chromium' });
test('test 1', async ({ page }) => {
  // 你的测试逻辑
});

// 默认在所有配置浏览器运行的用例
test('test 2', async ({ page }) => {
  // 你的测试逻辑
});

test('test 3', async ({ page }) => {
  // 你的测试逻辑
});

如果需要精确指定官方Chrome浏览器（而非其他Chromium内核浏览器如Edge），可以添加channel配置：

test.use({ 
  browserName: 'chromium',
  channel: 'chrome' // 指定使用官方发布的Chrome
});
test('test 1', async ({ page }) => {
  // 你的测试逻辑
});

方法二：用测试分组管理Chrome专属用例 #

如果有多个需要仅在Chrome运行的用例，可以将它们放入单独的测试分组，统一配置浏览器：

// Chrome专属测试分组
test.describe('Chrome-only Tests', () => {
  test.use({ browserName: 'chromium', channel: 'chrome' });

  test('test 1', async ({ page }) => {
    // 测试逻辑
  });
  // 其他Chrome专属用例也可以放在这里
});

// 默认所有浏览器的测试用例
test('test 2', async ({ page }) => {
  // 测试逻辑
});

test('test 3', async ({ page }) => {
  // 测试逻辑
});

方法三：标签+配置文件全局控制 #

适合需要批量管理不同浏览器专属用例的场景，步骤如下：

1. 给目标测试用例添加标签：

test('test 1', { tag: '@chrome-only' }, async ({ page }) => {
  // 测试逻辑
});

2. 在playwright.config.ts中配置各个浏览器项目，让非Chrome项目排除带标签的用例：

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

export default defineConfig({
  projects: [
    // Chrome项目：仅执行带@chrome-only标签的用例
    {
      name: 'chromium',
      use: { ...devices['Desktop Chrome'], channel: 'chrome' },
      grep: /@chrome-only/,
    },
    // Firefox项目：排除带@chrome-only标签的用例
    {
      name: 'firefox',
      use: { ...devices['Desktop Firefox'] },
      grepInvert: /@chrome-only/,
    },
    // Safari项目：排除带@chrome-only标签的用例
    {
      name: 'webkit',
      use: { ...devices['Desktop Safari'] },
      grepInvert: /@chrome-only/,
    },
  ],
});

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