0

我对 cypress 有点陌生,想知道是否有人可以解释如何在调用元素时真正使用 #,我试图找到一些文档,但没有什么真正有用的。

也许我看错地方了?如果有人能指出我正确的方向。谢谢

4

2 回答 2

3

我也是柏树的新手,但'#foo'只是简写'[id="foo"]'

假设你有一个元素

<ul id="foo" class="bar">

你可以解决它#foo

cy.get('#foo') 

是相同的

cy.get('[id="foo"]')

这对类来说是类似的。

cy.get('.bar')

是相同的

cy.get('[class="bar"]')

也许还有更多,但这就是我使用#.在选择器中的方式

于 2021-09-27T09:11:14.873 回答
2

这叫做 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

于 2021-09-27T11:58:23.133 回答