While 循环元素状态 cypress

Question

我有一个问题，我想点击一个按钮直到它消失，但次数可能会有所不同，所以我想检查可见性状态，而可见 = 真点击按钮，当可见 = 假结束测试但问题是我不知道如何将所有链从获取元素循环到最后。它单击一次按钮并由于中断而停止；如果我删除了中断，它甚至不会单击它永远循环，主要问题是它第一次通过链时值是真实的，但它不会重复

cy.get('[idElem]')
      .then($isVisible => {
        return $isVisible.is(':visible');
      })
      .then(value => {
        while (value === true) {
          cy.get('[idElem]').click();
          break;
        }
      });

Answer 1

由于 cypress 的异步特性，您不能在 cypress 中使用 while/for 循环。在再次开始循环之前，赛普拉斯不会等待循环中的所有内容完成。但是，您可以改为使用递归函数，并等待一切完成，然后再调用方法/函数。

所以你可以做这样的事情，它会工作：

clickVisibleButton = () => {
        cy.get( 'body' ).then( $mainContainer => {
            const isVisible = $mainContainer.find( '#idOfElement' ).is( ':visible' );
            if ( isVisible ) {
                cy.get( '#idOfElement' ).click();
                this.clickVisibleButton();
            }
        } );
    }

然后显然在您的测试中调用this.clickVisibleButton()。我使用的是打字稿，这个方法是在一个类中设置的，但你也可以把它作为一个常规函数来做。