Validate An Email

📺 Watch this recipe explained in Validate Email Format Using Built-in Browser Input Elementopen in new window

Using the browser's input DOM element we can validate a string to check if it is a valid email expression or not.

// create an input type email DOM element
// We can use jQuery to simplify the syntax
const input = Cypress.$('<input type="email">')[0]
input.value = '[email protected]'
expect(input.checkValidity(), 'first email is valid')
input.value = 'gleb'
expect(input.checkValidity(), 'second string is not an email').to

Note: using a regular expression to validate an email is trickyopen in new window