Entrar Ainda não tem acesso?
2
respostas

Exercício adicionando novos testes.

Referente ao curso Cypress: automatizando testes E2E, no capítulo Criando testes com Cypress e atividade Lista de exercícios

por Lucas Levis
| 76k xp | 24 posts
Suporte Técnico

Opa pessoal, espero que estejam todos bem.

Estou começando no mundo de testes e programação e nesse exercício proposto, fiquei com dúvida de como criar todos no VS Code. No primeiro teste de acessar o site e criar o cadastro ficou assim:

describe('template spec', () => {
  it('passes', () => {
    cy.visit('https://adopet-frontend-cypress.vercel.app/');
    cy.contains('a', 'Cadastrar').click();
    cy.get('input[name="nome"]').type('Silvestre God'); 
    cy.get('input[name="email"]').type('loterias@email.com');
    cy.get('input[name="password"]').type('Senha123');
    cy.get('input[name="confirm_password"]').type('Senha123');
    cy.contains('button', 'Cadastrar').click();
  })
})

Quando eu for adicionar os outros testes, sem apagar esse, qual seria o ideal para eu fazer? Adiciono um novo spec.cy.js para cada um? Ou ficaria em baixo desse primeiro teste?

exemplo de outro:

it('deve carregar a página corretamente e clicar no botão ‘Ver pets disponíveis para adoção”', () => {
    cy.visit('https://adopet-frontend-cypress.vercel.app/');
    cy.get('.button').click()     
   
});

Grato desde já e bons estudos.

2 respostas
por Monalisa Meyrelle de Sousa Silva
| 2082.9k xp | 4620 posts
Alura Scuba Team Monitoria Fórum Ops

Oi Lucas, tudo bem?

Existem algumas formas de organizar os testes Cypress. O mais recomendado e o mais comum, é criar um arquivo de teste separado para cada funcionalidade que você quer testar. Isso ajuda a manter tudo arrumado e facilita cuidar dos testes no futuro. Por exemplo, você pode ter um arquivo chamado cadastro.spec.cy.js para os testes de cadastro, e outro, tipo pagina_principal.spec.cy.js, para os testes da página principal.

No seu caso, como o teste de cadastro já está em um arquivo, você pode criar um novo arquivo só para testar a funcionalidade de "Ver pets disponíveis para adoção".

Algo como:

describe('Página Principal', () => {
  it('deve carregar a página e clicar no botão "Ver pets disponíveis para adoção"', () => {
    cy.visit('https://adopet-frontend-cypress.vercel.app/');
    cy.get('.button').click();
  });
});

Assim, facilita rodar apenas o que você precisa, sem ter que testar tudo de uma vez.

Espero ter ajudado.

Qualquer dúvida, não hesite em compartilhar no fórum.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
por Lucas Levis
| 76k xp | 24 posts
Suporte Técnico

Ah perfeito, realmente assim fica bem melhor pra organizar os demais testes.

Muito obrigado Monalisa =D