cypress - 赛普拉斯：如何测试 loadmore 按钮

Question

我有一个加载更多按钮加载帖子和一个涵盖加载操作的赛普拉斯测试。我怎么能告诉赛普拉斯重复该步骤直到按钮消失（例如，不再加载任何内容？）。如果我不知道我需要点击多少次？

一次迭代我检查以下方式：

cy.get('#loadmore').click();
cy.get('#loadmore').contains(text.loading);

cy.wait('@loadPosts')

cy.get('.blog').find('.article').should('have.length', n+5)
cy.get('#loadmore').contains(text.loadmore)

标签： cypress

Answer 1

仅供参考，这不是 e2e 测试的正确行为，因为您应该始终知道必须单击按钮多少次。但作为一种解决方法，我想你可以使用这样的东西：

// your cypress test code
it('does something different based on the class of the button', function () {
  // RERUN THIS TEST OVER AND OVER AGAIN
  // AND IT WILL SOMETIMES BE TRUE, AND
  // SOMETIMES BE FALSE.

  cy.get('button').then(($btn) => {
    if ($btn.hasClass('active')) {
      // do something if it's active
    } else {
      // do something else
    }
  })
})

参考链接https://docs.cypress.io/guides/core-concepts/conditional-testing.html#The-DOM-is-unstable