如果选项卡处于活动状态，如何使用 cypress.io 检查类是否存在

Question

我在下面有一个html代码。我怎样才能知道是否单击了 Test1 或单击了 Test2

---

<div>
       <li><a class="class1 active">Test1</a></li>
       <li><a class="class1">Test2</a></li>
    </div>

---

cy.get('//a[contains(text(),'Test1']').should('have.class').should('have.value','class1 active')

单击 Test1 或 Test2 时，类将更改为（class1 active 或 class1）

Answer 1

您可以在断言中添加

.and()

来检查第二个条件。

只要

.should()

断言中的主题没有改变，这应该有效。

cy.contains('a', 'Test1')
  .should('have.class', 'class1')
  .and('have.class','active')

您也不再需要使用 xpath，事实上最新的 Cypress 版本不再支持它。

我添加了 Cypress 命令来代替使用。