cypress - 如何单击柏树中的链接

Question

如何用cypress点击这个链接？

<a href="#" aria-disabled="false" class="button ">
  <span class="icon icon-chevron-down " aria-hidden="true">
  </span>
  <span class="screen-reader-only">
    chevron-down_icon
  </span>
</a>

Answer 1

这很简单，Cypress 的文档也会对您有所帮助:https://docs.cypress.io/api/commands/click.html#Command-Log .但我也会帮助你。我假设这是页面上唯一的超链接:

cy.get('a')
  .click()

如果它不是唯一的，您可以尝试通过该类获取链接(假设该类在页面上是唯一的):

cy.get('.button')
  .click()

如果两个假设都不成立，类不是唯一的，并且有多个超链接，你可以试试这个:

cy.get('a')
  .eq(1)
  .click()

eq()的1是元素的编号。第一个元素为0，第二个为1，第三个为2，等等

编辑 我看到您更新了您的原始帖子，所以我会选择另一个选项。您可以使用其他可用的元素:

cy.get('.icon-chevron-down')
  .parent()
  .click()