dom 元素属性上的 cypress 选择器

2023-12-03

我的网站上有两个 svg 元素:

<svg data-icon="times" ... > ...</svg>
<svg data-icon="sync" ... > ...</svg>

我喜欢根据它们的属性来选择它们data-icon。像这样的东西:

cy.get('svg').filter(?)

我在文档中没有找到任何内容cy.get and cy.filter部分。我知道我可以通过在元素周围分配类或 id 或使用cy.each函数来获取一个元素,但对于我的测试来说,这是一个常见问题,我正在寻找最舒适的解决方案。


您可以直接定位数据属性。代码如下所示:

cy.get('[data-icon="times"]')

这将产生带有data-icon“时代”的属性。

您可以通过明确定位具有该数据属性的 svg 元素来更加具体,如下所示:

cy.get('svg[data-icon="times"]')

这是文档的更多阅读部分。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

dom 元素属性上的 cypress 选择器 的相关文章

随机推荐