如果元素具有特定颜色，如何与木偶师或剧作家核对？

Posted 2023-03-16

【中文标题】如果元素具有特定颜色，如何与木偶师或剧作家核对？

【英文标题】：How to check with puppeteer or playwright if an element is of a specific color?

【发布时间】：2020-12-07 06:35:39

【问题描述】：

我有一个具有这种样式颜色的元素：#dc7709，我想检查该元素的文本是否具有该颜色。我如何使用 Puppeteer 或剧作家做到这一点？

【参考方案1】：

您可以使用window.getComputedStyle。请注意，它将返回一个 rgb 值：

 assert(await page.$eval('span', e => getComputedStyle(e).color)).toBe('rgb(220, 119, 9)');

【讨论】：

你好，你知道当我们需要 :hover css 效果后的颜色时我们应该如何使用它吗？谢谢

【参考方案2】：

expect(await page.$eval('span', e => getComputedStyle(e).caretColor)).toBe('rgb(220, 119, 9)');

上面的也可以，根据需要改变rgb值。