javascript - 在 Cypress 中检查输入值是否小于 x 的正确方法是什么？

Question

我正在尝试检查 an 的值是否小于 x。在 Cypress 中测试它的最佳方法是什么？

示例代码(不起作用):

cy.get('.number-input').type('200').should('have.value.lt', '201')

我知道我可以通过回调来做到这一点，但这似乎有点困惑，特别是考虑到测试输入是否是 - 确切地 - 是多么整洁:

cy.get('.number-input').type('200').should('have.value', '200')

Answer 1

柴lt有效(参见 Chai.js cheatsheet )，但它需要数值和 <input />值始终是字符串，因此您需要将其转换为数字。

此外， Cypress .should('have.value.lt', '201') command 是 jQuery 和 chai 运算符的组合，从错误消息来看显然是非法的(should params 的语法有点不透明，你只需要尝试一下)。

所以，这行得通

cy.get('.number-input').type('200')
  .invoke('val')                         // call the val() method to extract the value
  .then(val => +val)                     // convert it to a number
  .then(val => console.log(typeof val))  // just to check the type
  .should('be.lt', 201)                  // also compare it to a number