Cypress: How to test HTML5 built in validation popup?

Question

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).

Gunrunning

Answer 1

You can refer the cypress FAQ for this.

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

Reef