Cypress: How to test HTML5 built in validation popup?

user_12188968 0
Viewed 581

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

react-hook-form cypress validation testing html
1 Answers

You can refer the cypress FAQ for this.

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