Playwright框架：如何执行存在依赖关系的测试用例？

Playwright本身没有提供像TestNG的@dependsOn或者Selenium的优先级注解这类直接的依赖配置，但可以通过几种方式实现依赖执行逻辑，满足你需要前置测试用例并传递数据（比如提交生成的ID）的需求：

1. 利用测试分组与执行顺序控制 #

Playwright Test默认按照测试文件的命名顺序、测试用例的定义顺序执行。你可以把提交应用的测试用例放在同一分组的最前面，后续依赖用例紧跟其后。如果前置用例执行失败，后续用例会自动跳过，避免无效执行。

示例代码（TypeScript）：

let submissionId: string;

test.describe('应用提交流程测试', () => {
  test('提交应用并获取生成ID', async ({ page }) => {
    // 模拟提交操作
    await page.goto('/submit-application');
    await page.locator('#app-form').fill('测试应用');
    await page.locator('#submit-btn').click();
    // 获取提交后生成的ID
    submissionId = await page.locator('#generated-id').textContent() || '';
    expect(submissionId).not.toBeEmpty();
  });

  test('使用提交ID执行后续验证', async ({ page }) => {
    // 利用前置用例获取的ID执行操作
    await page.goto(`/verify-application/${submissionId}`);
    await expect(page.locator('#app-status')).toHaveText('已提交');
  });
});

2. 使用beforeAll/beforeEach钩子封装前置操作 #

如果提交应用是多个测试用例的共同前置步骤，可以把这个逻辑封装到test.beforeAll（所有用例执行前仅运行一次）或test.beforeEach（每个用例执行前都运行）钩子中，在钩子内获取并存储需要的ID，供后续用例调用。

示例代码：

let submissionId: string;

test.beforeAll(async ({ page }) => {
  // 一次性完成提交操作并获取ID
  await page.goto('/submit-application');
  await page.locator('#app-name').fill('全局测试应用');
  await page.locator('#submit-btn').click();
  submissionId = await page.locator('#generated-id').textContent() || '';
});

test('查看提交应用的详情', async ({ page }) => {
  await page.goto(`/app-detail/${submissionId}`);
  await expect(page.locator('#display-name')).toHaveText('全局测试应用');
});

test('编辑提交的应用信息', async ({ page }) => {
  await page.goto(`/edit-app/${submissionId}`);
  await page.locator('#app-name').fill('更新后的测试应用');
  await page.locator('#save-btn').click();
  await expect(page.locator('#success-msg')).toBeVisible();
});

3. 灵活的数据传递（针对复杂依赖场景） #

如果需要更复杂的依赖关系（比如某个用例依赖另一个非前置的特定用例结果），可以通过全局变量、测试上下文扩展等方式传递数据，但要注意保证测试的隔离性，避免用例间的污染。不过大多数场景下，前面两种方式已经足够覆盖需求。

总结来说，虽然Playwright没有直接的依赖注解，但通过上述方法完全可以实现类似TestNG的依赖执行逻辑，同时满足数据传递的需求。

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