Playwright：断言失败后如何继续执行？多链接独立测试方法

你遇到的问题是因为单个测试用例中一旦有断言失败就会终止整个测试，导致后续URL无法执行。下面提供三种可行的解决方法：

方法1：使用test.each参数化测试（推荐） #

Playwright内置参数化测试能力，test.each会为每个URL生成独立的测试用例，每个用例执行互不影响，一个失败不会阻断其他用例。

const { test } = require('@playwright/test');

// 定义测试用的URL列表
const urls = ["linkA", "linkB", "linkC", "linkD"];

// 用test.each实现参数化测试
test.each(urls)("Validate page: %s", async ({ page }, url) => {
  await page.goto(url);

  // 在这里插入你的测试代码，比如断言页面元素、颜色等
  // 示例：await expect(page.locator('h1')).toHaveText('Expected Title');
});

这种方式会自动为每个URL生成独立测试条目，运行时能看到每个URL的单独结果，且测试完全隔离。

方法2：动态生成独立测试用例 #

通过循环URL列表，为每个URL单独创建test块，每个块都是独立的测试用例，执行时互不干扰。

const { test } = require('@playwright/test');

const urls = ["linkA", "linkB", "linkC", "linkD"];

urls.forEach(url => {
  test(`Validate page: ${url}`, async ({ page }) => {
    await page.goto(url);

    // 插入你的测试逻辑
  });
});

这种方式和参数化测试效果类似，适合需要对不同URL做细微差异化处理的场景。

方法3：单个测试内捕获错误（不推荐） #

如果必须在单个test函数中执行所有URL测试，可以在循环中捕获每个URL的执行错误，收集所有失败后统一抛出，确保所有URL都执行完毕。

const { test, chromium } = require('@playwright/test');

test("Validate all pages", async () => {
  const browser = await chromium.launch({ headless: false });
  const context = await browser.newContext();
  const page = await context.newPage();

  const urls = ["linkA", "linkB", "linkC", "linkD"];
  const failures = [];

  for (const url of urls) {
    try {
      await page.goto(url);
      // 插入你的测试代码，比如断言
      // 示例：await expect(page.locator('.color-element')).toHaveCSS('color', '#ff0000');
    } catch (error) {
      failures.push(`URL ${url} 测试失败: ${error.message}`);
    }
  }

  await browser.close();

  // 如果有失败，统一抛出错误
  if (failures.length > 0) {
    throw new Error(`测试失败汇总:\n${failures.join('\n')}`);
  }
});

这种方式虽然能执行完所有URL，但无法在测试报告中看到每个URL的单独结果，排查问题不如前两种方便，仅作为特殊场景下的备选。

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