如何使用赛普拉斯检查倒计时标签是否具有所需值？

Question

我有一个滑块可以控制倒计时的时间长度。

倒计时以标签形式显示给用户。因此，如果我将其设置为 5，则标签将显示 5，然后是 4，然后是 3，直到 0，初始值为 -。

我想用 Cypress 对此进行测试。但我不确定在不创建不稳定测试的情况下哪种方法是正确的。

是否有推荐的“观看”和特定项目更改的方法？

Answer 1

我也在寻找一种监听元素变化的好方法。但我认为在你的场景中，也许你可以通过倒数计时器摆脱这种情况：

const count = 5;
const countdownTime = 1000;
let expectedCurrentNumber = count - 1;

do {
  cy.contains('countdownLabel', expectedCurrentNumber, { timeout: countdownTime });
} while (--expectedCurrentNumber > 0);

cy.contains('countdownLabel', '-', { timeout: countdownTime });