# 在赛普拉斯中，它的真正含义是什么

Question

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

可能我看错地方了？如果有人能指出我正确的方向。谢谢

Answer 1

我也是 cypress 的新手，但是 '#foo' 对于 '[id="foo"]'

只是 shorthand

假设你有一个元素

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

您可以用 #foo

来解决

cy.get('#foo')

与

相同

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

这与 class 的工作方式类似。

cy.get('.bar')

与

相同

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

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

Answer 2

那叫CSS选择器，#是ID选择器，同理.是Class选择器。以下是一些参考资料：

因此，通过“调用一个元素”，我假设您想知道如何精确定位您想要单击的元素，为此您必须检查页面的 html，并找出一个您可以将适当的选择器提供给 cypress 以找到您的页面元素。

Cypress TestRunner 还为您提供了 Selector Playground，以帮助您轻松找到页面元素： https://docs.cypress.io/guides/core-concepts/test-runner#Selector-Playground

# in cypress, what does it reallmean