如何在 Cypress 测试中断言 CSS 属性包含一些文本？

Question

在我的赛普拉斯测试中，我试图断言元素的文本带有下划线。

我尝试使用以下断言：

homePage.getHeadingWidgetContent().should('have.css', 'text-decoration', 'underline');

但实际的text-decoration是'underline solid rgba(0, 0, 0, 0.87)');

以下断言通过：

homePage.getHeadingWidgetContent().should('have.css', 'text-decoration', 'underline solid rgba(0, 0, 0, 0.87)');

有什么方法可以断言 text-decoration 包含 'underline'?

Answer 1

text-decoration 是一组属性的 shorthand。您应该使用其 constituent properties 之一，特别是 text-decoration-line.

homePage.getHeadingWidgetContent().should(
  'have.css', 'text-decoration-line', 'underline'
);