Cypress，如何检查输入到字段中的文本？

Question

我可以验证文本出现在结果页面上的“某处”

it.only('can verify an input element has certain text typed into it', function() {
  cy.visit('http://google.com')
  cy.get("input[name=q]").type('abc123{enter}')  // with or without the {enter}
  cy.contains('abc123') // Anywhere on the page :(
})

但是我如何验证我输入的文本 在输入文本框中 ?
我尝试链接到元素

it.only('can verify an input element has certain text typed into it', function() {
  cy.visit('http://google.com')
  cy.get("input[name=q]").type('abc123{enter}')
  cy.get("input[name=q]").contains('abc123')
})

但我明白了

CypressError: Timed out retrying: Expected to find content: 'abc123' within the element: <input.gLFyf.gsfi> but never did.

我试过 cy.get("input[name=q]").contains('abc123')和 cy.contains('input[name=q]', 'abc123')但都超时和失败。

Answer 1

更改 .contains使用 .should('have.value'...

cy.get("input[name=q]").type('abc123{enter}')
cy.get("input[name=q]").should('have.value', 'abc123')