无涯教程网

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

发布于04月17日

在我的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 101"下划线"？

推荐答案

text-decoration是一组属性的简写.你应该使用constituent properties个，特别是text-decoration-line个.

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

Css相关问答推荐

Prettier/VS Code 在 CSS 中的！important 之前添加一个空格，导致它在 WordPress 中崩溃

使用普通 CSS 的视口对角线长度

Vue3 组合 api 中的对象值样式

如何使我的标语(h1元素)不居中对齐？

使用带有 fr 单位的 calc 函数

我怎样才能准确地获得虚构文本内容宽度的边距？

更改行数时更改 CSS 网格列

将框架放入 bootstrap 模式的正确方法是什么？

左右卡片的 OwlCarousel 导航：react js

使用 JavaScript 将 CSS 添加到？

中心表单提交按钮 HTML / CSS

属性nowrap被认为是过时的.建议使用较新的构造.它是什么？

如何在 CSS 中覆盖图像？

悬停效果：展开底部边框

矩形图像的 CSS 圆形裁剪

如何根据容器大小设置字体大小？

CSS3可以转换字体大小吗？

将样式应用于第一行的单元格

CSS(webkit)：在绝对定位元素上用底部覆盖顶部

如何复制 iOS 上固定的后台附件

实用课程推荐

相关教程推荐