Playwright校验meta description时expect断言失效问题求助

安全阿岳

2026-7-29

问题原因与解决方案

原因

你用toHaveText断言<meta>标签的做法是错误的：

<meta>是自闭合空元素，它没有文本内容（标签内部不存在文本节点），toHaveText方法是获取元素的文本节点内容，所以必然返回空字符串。
你实际需要验证的是<meta>标签的content属性值，而非标签的文本内容。

解决方法

有两种可靠的实现方式：

方式1：直接使用`toHaveAttribute`断言属性

这是Playwright推荐的方式，直接针对目标属性做断言：

import { test, expect } from '@playwright/test';

test('Landing page', async ({ page }) => {
  await page.goto('https://www.unient.biz/teams');
  await page.getByRole('button', { name: 'Accept All' }).click();
  const metaDescription = page.locator("meta[name='description']");
  await expect(metaDescription).toHaveAttribute(
    'content',
    "Scale faster and smarter and gain access to a premium global talent pool with our fully customisable offshore team solutions: Employer of Record and Managed Resources."
  );
});

方式2：先获取属性值再断言

如果需要对属性值做额外处理（比如部分匹配、字符串操作），可以先获取属性值再进行断言：

import { test, expect } from '@playwright/test';

test('Landing page', async ({ page }) => {
  await page.goto('https://www.unient.biz/teams');
  await page.getByRole('button', { name: 'Accept All' }).click();
  const metaDescription = page.locator("meta[name='description']");
  const contentValue = await metaDescription.getAttribute('content');
  // 完全匹配断言
  expect(contentValue).toBe("Scale faster and smarter and gain access to a premium global talent pool with our fully customisable offshore team solutions: Employer of Record and Managed Resources.");
  // 若只需验证包含指定文本，可改用：
  // expect(contentValue).toContain("Employer of Record and Managed Resources");
});