如果列表项处于活动状态，如何使用 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 命令来代替使用。