如何用Cypress测试校验单行文本框与多行文本域的换行内容？

核心逻辑说明 #

输入框的用户输入内容存储在value属性中，不属于元素的文本节点，因此不能用.contains()方法做校验，需要通过获取value属性匹配内容。

单行文本输入框校验 #

<input type="text"> 这类单行输入框会自动过滤输入内容中的换行符，你输入的\n不会被保留，直接校验过滤后的最终值即可：

cy.followLabel("When did the incident happen?")
  .should('have.value', 'single line')

多行文本域校验 #

<textarea> 多行文本域会保留内容中的换行符，两种校验方式可选：

• 直接匹配完整带换行的内容：

cy.followLabel("Describe what happened")
  .should('have.value', 'multiple \nlines')

• 单独校验内容中包含换行符：

cy.followLabel("Describe what happened")
  .invoke('val')
  .should('include', '\n')

内容的提问来源于stack exchange，提问作者Skip