CODEWITHSUNDEEP
htmlvalidationtestingcypressreact-hook-form
HigoChumbo
HigoChumbo

Reputation: 1112

Cypress: How to test HTML5 built in validation popup?

How can we catch an HTML5 built in popup validation error when testing an App with Cypress? It does not seem to be showing up in the DOM so I have no clue about how to catch it with a cy command (I'm using testing-library).

enter image description here

Upvotes: 6

Views: 1789

Answers (1)

Alapan Das
Alapan Das

Reputation: 18626

You can refer the cypress FAQ for this.

cy.get('locator').then(($input) => {
  expect($input[0].validationMessage).to.eq('Your error message')
})

Upvotes: 5

Related Questions