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

Question

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

我尝试使用以下断言:

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 includes 'underline'？

Answer 1

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

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