如何断言元素的class列表中包含特定类名？

针对Playwright中检查元素class是否包含特定类名的需求，有几种简便实用的方法：

• 方法1：给toHaveClass传入正则表达式
  toHaveClass本身支持正则参数，用单词边界匹配可以精准检查单个类名：

  await expect(myLocator).toHaveClass(/\ba\b/);
  

  这里的\b是正则的单词边界，能确保匹配的是完整的类名，不会误匹配类似aa或ab的情况。

• 方法2：用toHaveAttribute结合字符串包含/正则
  直接检查class属性是否包含目标类名，分两种场景：
  追求简洁（需注意可能的部分匹配风险）：

  await expect(myLocator).toHaveAttribute('class', expect.stringContaining('a'));
  

  追求精准（完全避免部分匹配）：

  await expect(myLocator).toHaveAttribute('class', /(^|\s)a(\s|$)/);
  

  正则中的(^|\s)和(\s|$)确保目标类名要么在class属性开头、要么在中间（前后有空格）、要么在结尾，保证匹配的是独立类名。

• 方法3：获取classList后直接断言
  通过DOM API获取元素的class列表，再检查是否包含目标类：

  const elementHandle = await myLocator.elementHandle();
  const classList = await elementHandle.evaluate(el => [...el.classList]);
  expect(classList).toContain('a');
  

  这种方式完全模拟前端操作DOM的逻辑，直观易懂。

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