Javascript 使用Cypress检查文本输入中的值是否完全可见

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

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

你知道如何用Cypress实现它吗

---

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

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

请参见下面的脚本：

1.对于10位数字：

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

cy.get（'#'）。包含（/^\d{10}$/）

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

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

cy.get（'#'）。包含（/^（？。*（。。。..*.\1）\d{10}$/）

---

检查以验证表达式。

事实是两个输入值相同（1234567890）。但是，由于其中一个有更多的填充，所以在第二个中第一眼就看不到，这对用户来说很烦人。我想确保我的项目中的任何输入都不会发生这种情况，至少10位数的

^

是用于开始的。

$

是字符串的结尾。“1234567890”仍然失败你没有明白我的意思。如果regex测试通过，则两种情况下都通过，如果失败，则两种情况下都失败，因为在这两种情况下输入值相同！因此，您的要求是一个10位数字或0-9之间的每个数字？我不关心该值是什么，我只希望它对用户完全可见，用户不必单击输入并使用箭头按钮查看隐藏的数字