赛普拉斯测试 - 期望输入为空

Question

我有一个文本输入字段，我希望 cypress 检查它是否为空。

我试过了：

cy.get('[data-cy=inputField]').should('not.have.value');

cy.get('[data-cy=inputField]').should('be.empty');

即使字段中有文本，这两个测试也通过了。

Answer 1

您也可以使用:empty伪选择器来完成此操作。

请参阅 Gleb Bahmutov 的教程页面上的空元素和非空元素

我们可以使用 CSS 选择器找到页面或其部分上的所有空元素:empty。
空元素没有子元素，内部也没有文本。
我们还可以通过组合选择器来查找所有非空元素:not(:empty)。

对于您的示例代码：

cy.get('[data-cy=inputField]:empty')

Answer 2

我找到了解决方案。当我希望它具有空字符串的值时，它会起作用。

        cy.get('[data-cy=inputField]').should('have.value', '');