如何使用Playwright检查网页中是否存在指定文本QUEUED？

方法1：直接检查整个页面文本 #

如果不关心文本所在元素，只想确认文本存在，直接用页面实例的断言即可（注意去掉多余的方括号，你的HTML里文本是QUEUED而非[QUEUED]）：

await expect(page1).toContainText('QUEUED');

若你的Playwright版本要求必须传入定位器，改用body定位整个页面内容：

await expect(page1.locator('body')).toContainText('QUEUED');

方法2：通过文本直接定位元素并断言存在 #

用getByText匹配目标文本，断言元素可见即可，这种方式更精准：

// 模糊匹配包含QUEUED的文本
await expect(page1.getByText('QUEUED')).toBeVisible();
// 如需精确匹配，添加{ exact: true }
await expect(page1.getByText('QUEUED', { exact: true })).toBeVisible();

方法3：针对特定属性的span元素 #

如果想缩小范围到带data-v-729cd282属性的span，别用固定索引（页面元素顺序易变），直接匹配属性+文本：

// 检查所有带该属性的span中是否有QUEUED文本
await expect(page1.locator('span[data-v-729cd282]')).toContainText('QUEUED');
// 或直接定位带该属性且文本为QUEUED的元素，断言存在
await expect(page1.locator('span[data-v-729cd282]:has-text("QUEUED")')).toBeVisible();

你之前方法出错的原因 #

• 第一个命令：要么是Playwright版本要求必须配合定位器，要么是你误给文本加了方括号（实际文本无[]）。
• 第二个命令：span匹配到108个元素，Playwright默认严格模式要求定位器仅匹配一个元素，所以报错。也可以临时关闭严格模式，但不如用精准定位：

  await expect(page1.locator('span', { strict: false })).toContainText('QUEUED');
  

• 第三个命令：固定索引[6]依赖页面元素顺序，结构变化就会失效，且同样多写了方括号导致文本不匹配。

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