166 - Cypress: testes a partir do frontend | theWiseDev Testing

preview_player
Показать описание
Cypress é uma excelente ferramenta para fazer testes a partir do frontend.

Nesse vídeo eu te mostro meus primeiros testes com essa ferramenta e dou umas dicas de como fazer bons testes e2e.

Dá uma chegada...

(Em vídeos próximos discutirei mais esse assunto, entrando no tema de testes de aceitação! Não perca! Também pretendo testar outras ferramentas, em particular o Playwright da Microsoft...)
  1. Otavio Lemos
  2. cypress
  3. cypress.io
  4. teste
  5. teste de software
  6. teste de integração
Рекомендации по теме
166 - Cypress: 0:12:28

166 - Cypress: testes a partir do frontend | theWiseDev Testing

HTCW Podcast #166 0:24:45

HTCW Podcast #166 - 5 ways to Speed up Cypress automation tests

E2E Cypress test 0:01:27

E2E Cypress test in Node.js -RethinkDB app

Cypress: Como mascarar 0:00:58

Cypress: Como mascarar (stub) retornos de API no teste

Testes automatizados com 0:01:18

Testes automatizados com Cypress

​Cypress pode ser 0:00:39

​Cypress pode ser usado mesmo sendo Java no backend?

Aprenda o comando 0:00:21

Aprenda o comando GET no CYPRESS

Testes automatizados com 0:04:48

Testes automatizados com Cypress (básico) - v1

Testes Automatizados com 0:04:00

Testes Automatizados com Cypress - Intermediário (v2)

Our product range 0:00:53

Our product range

End to end 0:07:24

End to end (e2e) test with Cypress in React application - step by step

Cypress (O Teste 0:11:58

Cypress (O Teste Front-End Mais Fácil que Você vai Ver) // Dicionário do Programador

Testes Automatizados com 0:04:10

Testes Automatizados com Cypress - Avançado

Getting Started with 0:07:11

Getting Started with Angular Component Testing

Novo Curso: Aprenda 0:07:16

Novo Curso: Aprenda Testes End to End com Cypress na Prática

Instalação do Cypress 0:16:46

Instalação do Cypress - Projeto de teste de API

CYPRESS - Aprenda 0:09:58

CYPRESS - Aprenda como testar INPUT

Testes Web básico 0:03:00

Testes Web básico com Cypress

10 - Como 0:04:53

10 - Como simular diferentes aparelhos no Cypress usando o viewport() ?

Como deixar seu 0:04:52

Como deixar seu teste de API Cypress mais organizado?

02 - Cypress 0:01:37

02 - Cypress parte 2 - BeforeEach - rodando a URL antes de cada test case

Cypress: Como validar 0:00:48

Cypress: Como validar o texto EXATO de um elemento

Live coding - 1:01:43

Live coding - Testando componentes da biblioteca React Select com Cypress

Cypress - Estrutura 0:07:22

Cypress - Estrutura para teste

Комментарии
Автор

O Cypress também permitir você fazer requisições na API, além de virtualização de dados. Onde eu trabalho costumamos misturar esses recursos com intuito de melhorar o tempo gasto no teste, visto que um fluxo grande apenas com E2E gasta bastante tempo. Sua dica sobre não se prender a detalhes da interface foi muito boa. Obrigado!

viniciustavarespimenta
Автор

crbug/1173575, non-JS module files deprecated.
No exemplo 1 deu o erro acima, como solucionar?

gustavorosset
Автор

Como pode ser feito para testes que precisam interagir com o banco de dados? Ex: Teste para cadastrar um usuário... Na primeira execução o usuário será cadastrado corretamente. A partir dali o usuário já existirá no banco e o teste não funcionará corretamente.

JonasSchumacher
Автор

Cypress é fantástico!

Pegando um gancho na sua frase "Como o usuário utilizaria..." O BDD se encaixa bem nesse cenário de comportamento do usuário.

Dá para utilizar BDD com Cypress, instalando o plugin => cypress-cucumber-preprocessor

Daí você consegue fazer os testes com a linguagem Gherkin. (Given, When, And, But, Then ...) Fica bem legal!

Se quiser testar =D

RenanVital