使用赛普拉斯检查文本输入中的值是否完全可见

Question

我想编写一个 Cypress 测试来检查文本框中插入的值是否完全可见。例如下面的图片通过了测试，因为所有 10 个插入的字符都是可见的：

但是下一张图片没有通过测试，因为插入的 10 个字符中只有 6 个是可见的：

知道如何用 Cypress 实现它吗？

请注意，在这两种情况下输入的值相同（1234567890），只有在第二种情况下，它是不可见的，因为输入没有足够的空间。

Answer 1

使用正则表达式验证十位数字

请看下面的脚本：

1.10位数字：

cy.get('#<class-name-of-text-input>').contains(/^\d{10}$/)

2.对于包含所有0-9位数字的10位数字

cy.get('#<class-name-of-text-input>').contains(/^(?!.*(.).*\1)\d{10}$/)

检查Regexr 以验证表达式。