【问题标题】:# in cypress, what does it reallmean# 在柏树中,它是什么意思
【发布时间】:2021-11-18 01:43:55
【问题描述】:

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

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

【问题讨论】:

    标签: automation cypress cypress-component-test-runner


    【解决方案1】:

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

    假设你有一个元素

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

    你可以用#foo解决它

    cy.get('#foo') 
    

    与

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

    这对类来说是类似的。

    cy.get('.bar')
    

    与

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

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

    【讨论】:

    • 比你!你让我很清楚很容易哈哈
    【解决方案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

    【讨论】:

      猜你喜欢
      • 2012-10-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-21
      • 2011-08-12
      • 2017-06-11
      • 2018-03-05
      • 2023-03-27
      • 2016-03-17
      相关资源
      最近更新 更多