记录和断言以前未知的DOM元素的数量

Question

这是我第一次使用赛普拉斯，我几乎完成了我的第一次测试。但是要做到这一点，我需要断言一个未知的数字。让我解释一下：

当测试开始时，会生成随机数量的元素，我不应该控制这样的数量（这是一个要求）。所以，我试图以这种方式得到这样的数字：

var previousElems = cy.get('.list-group-item').its('length'); 

我不确定是否获得了正确的数据，因为我无法记录它（打印时，“cypress控制台”会显示“[Object]”）。但假设这一行返回（5）来举例说明。

在测试过程中，我模拟用户创建额外的元素（2）并删除一个元素（1）。假设用户只创建了一个额外的元素。

所以，在测试的最后，我需要检查具有相同类的元素的数量是否等于（5 2-1) = (6)元素。我是这样做的：

cy.get('.list-group-item').its('length').should('eq', (previousTasks + 1));

但我得到了以下信息：

CypressError:重试超时：预期10等于“[object]1”

那么，我如何记录并断言这一点呢？提前感谢,，

PD：我也试过：

var previousTasks = (Cypress.$("ul").children)? Cypress.$("ul").children.length : 0;

但它总是返回一个固定的数字（2），即使我在之前等待以确保所有项目都已完全加载。

我也尝试过使用childNodes，但它总是返回0。

Answer 1

您的问题源于这样一个事实，即Cypress测试代码在测试开始之前一次运行。命令将排队等待稍后运行，因此像您的示例中那样存储变量将不起作用。这就是为什么你总是得到对象而不是数字；获取的对象称为链接器，用于将命令与其他命令链接起来，如：cy.get（“#someSelector”）。应该（“…”）

柏树有办法绕过这个问题；如果需要直接对某些数据进行操作，可以使用提供lambda函数。然后（）。下面是一个在您的场景中应该可以使用的基本示例：

cy.get('.list-group-item').its('length').then(previousCount => {
    // Add two elements and remove one...
    cy.get('.list-group-item').its('.length').should('eq', previousCount + 1);
});

如果你还没有，我强烈建议阅读文档中关于柏树的精彩介绍。这个关于变量和别名的页面在这种情况下也应该很有用。