【发布时间】:2021-11-18 01:43:55
【问题描述】:
我是 cypress 的新手,想知道是否有人可以解释如何在调用元素时真正使用 #,我试图找到一些文档,但没有什么真正有用的。
也许我看错地方了?如果有人能指出我正确的方向。谢谢
【问题讨论】:
标签: automation cypress cypress-component-test-runner
我是 cypress 的新手,想知道是否有人可以解释如何在调用元素时真正使用 #,我试图找到一些文档,但没有什么真正有用的。
也许我看错地方了?如果有人能指出我正确的方向。谢谢
【问题讨论】:
标签: automation cypress cypress-component-test-runner
我也是 cypress 的新手,但 '#foo' 只是 '[id="foo"]' 的简写
假设你有一个元素
<ul id="foo" class="bar">
你可以用#foo解决它
cy.get('#foo')
与
相同cy.get('[id="foo"]')
这对类来说是类似的。
cy.get('.bar')
与
相同cy.get('[class="bar"]')
也许还有更多,但这就是我在选择器中使用 # 和 . 的方式
【讨论】:
这就是 CSS 选择器,# 是 ID 选择器,. 是类选择器。以下是一些参考资料:
w3schools:https://www.w3schools.com/cssref/css_selectors.asp
MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
所以,通过“调用一个元素”,我假设您想知道如何准确定位您想要单击的元素,为此您必须检查页面的 html,并找出您可以提供的合适选择器cypress 以找到您的页面元素。
Cypress TestRunner 还为您提供了 Selector Playground 以帮助您轻松找到页面元素: https://docs.cypress.io/guides/core-concepts/test-runner#Selector-Playground
【讨论】: