[Projeto] Observação "Email is required!" e "Invalid e-mail"

Oi, Renato, tudo bem?

Você tem toda razão, é muito importante validar os alertas para a ausência de preenchimento dos campos e também para o preenchimento incorreto. No Cypress, você pode fazer isso de maneira bastante similar ao que foi feito na aula.

Para o caso que você citou, do campo de e-mail, você pode adicionar mais um teste após os testes de campos vazios. Vamos supor que o data-test do campo de e-mail seja emailField, você poderia fazer algo assim:

describe('Página de cadastro', () => {
  it('Preencher os campos do formulário de forma incorreta', () => {
    cy.visit('http://localhost:4200/#/home');
    cy.contains('a', 'Register now').click();
    cy.contains('button', 'Register').click();
    cy.contains('button', 'Register').click();
    cy.contains('Email is required!').should('be.visible');
    cy.contains('Full name is required!').should('be.visible');
    cy.contains('User name is required!').should('be.visible');
    cy.contains('Password is required!').should('be.visible');
    
    // Aqui começa o teste de preenchimento incorreto do e-mail
    cy.get('[data-test=emailField]').type('asdfsdfg');
    cy.contains('button', 'Register').click();
    cy.contains('Invalid e-mail').should('be.visible');
  });
});

Nesse exemplo, após testar os campos vazios, o código preenche o campo de e-mail com um valor inválido ('asdfsdfg') e tenta submeter o formulário novamente. Em seguida, verifica se a mensagem 'Invalid e-mail' está visível.

Espero ter ajudado. Caso tenha dúvidas, não hesite em postar no fórum!

Abraços!