Add first cypress tests #2

pedrohyvo · 2024-10-08T14:18:38Z

Descrição

Qual o propósito desta PR?
O propósito do PR é implementar testes e2e para a aplicação EngageSphere no nível Avançado.
O que foi alterado?
Foi adicionar o cypress juntamente com alguns testes e2e ao repositório.
Qual problema está sendo resolvido? (se aplicável)

Issue Relacionada

Closes #[Número da Issue]

Tipo de Mudança

Bugfix (correção de um problema)
Nova feature (adicionando uma funcionalidade)
Refatoração (alteração sem impacto na funcionalidade)
Documentação (adição ou alteração na documentação)
Testes (adição/alteração de testes)

Como isso foi testado?

Testes unitários
Testes de integração
Testado manualmente (informe como)
Testes automatizados (CI/CD)

Checklist

Eu realizei um auto-review do meu código
Eu comentei meu código, principalmente em áreas difíceis de entender
Eu adicionei testes que cobrem as mudanças (se necessário)
As mudanças estão seguindo os padrões do projeto
A documentação foi atualizada (se necessário)

Capturas de Tela (se aplicável)

Outras Observações

jonathanrsbr

Parabéns pelo trabalho, Pedro!

Foste um dos primeiros a entregar a PR e conseguiste implementar vários testes já nessa rodada. Foi bacana analisar seu código.

Gostei da forma como lidaste com os cookies e como usou a BaseURL. Muito bom!

Sugiro sempre adicionar uma descrição na PR. Isso ajuda o revisor a entender o que foi acrescentado. Tenho um padrão bem bacana, vou te mandar via comentário adicional.

Se possível, aguarda a próxima aula para fazer as correções, aposto que já vais ter outros insights!

Sucesso nos próximos testes!

README.md

cypress.config.js

frontend/cypress.config.js

frontend/cypress/fixtures/example.json

jonathanrsbr · 2024-10-10T07:06:32Z

frontend/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************


Recomendo remover a pasta support, pois não foi criado nenhum custom-command.

Além de apontar para o não uso da pasta fixtures, deves acrescentar um argumento que não estava no arquivo de configuração na raiz do projeto, no caso, supportFile: false.

Segue exemplo:

// cypress.config.js const { defineConfig } = require('cypress') module.exports = defineConfig({ e2e: { baseUrl: '...', supportFile: false }, fixturesFolder: false, })

Mesma coisa aqui.

Mais uma conversa resolvida sem a implementação da sugestão e sem uma justificativa para a não-implementação da mesma.

frontend/cypress/support/e2e.js

jonathanrsbr · 2024-10-10T07:29:27Z

wlsf82

@pedrohyvo, parabéns pela resolução deste primeiro round dos exercícios.

Deixei alguns comentários também, os quais creio que lhe ajudarão a melhorar ainda mais o design dos seus testes.

Aguarde até o próximo encontro antes de implementar as mudanças.

cypress.config.js

cypress/e2e/home/top.cy.js

wlsf82

Mais uma vez parabéns pelos ajustes @pedrohyvo! 👏🏻

Deixei mais alguns comentários os quais creio que lhe ajudarão a melhorar o design dos testes.

Lembre-se de só enviar novas mudanças para revisão após o próximo sábado (19/10/2024).

wlsf82 · 2024-10-17T14:11:30Z

README.md

+
+To run cypress tests, you will need to run the following command:
+```
+Interactive: npm run cy:open


Suggested change

Interactive: npm run cy:open

Interactive: `npm run cy:open`

Ao colocar o comando entre aspas, o GitHub o renderiza como código, visto a sintaxe de Markdown.

Não resolva conversas sem implementar a sugestão, ou sem uma justificativa para a não-implementação.

wlsf82 · 2024-10-17T14:11:46Z

README.md

+To run cypress tests, you will need to run the following command:
+```
+Interactive: npm run cy:open
+Headless: npm test or npm t


Suggested change

Headless: npm test or npm t

Headless: `npm test or npm t`

Mesma coisa aqui.

cypress/e2e/home/home.cy.js

frontend/cypress/fixtures/example.json

wlsf82 · 2024-10-17T14:21:39Z

frontend/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************


Mesma coisa aqui.

wlsf82 · 2024-10-17T14:21:46Z

frontend/cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************


Mais uma conversa resolvida sem a implementação da sugestão e sem uma justificativa para a não-implementação da mesma.

jsconfig.json

package.json

wlsf82

Parabéns por mais uma rodada de implementação dos exercícios @pedrohyvo. 👏🏻

Deixei novos comentários os quais espero que lhe ajudem a melhorar suas habilidades de design de testes.

Espero que tenha gostado da experiência de code review da Test Design Masterclass da Talking About Testing.

wlsf82 · 2024-10-29T19:05:54Z

cypress.config.js

+  env: {
+    API_URL: 'http://localhost:3001',
+  }
+  })


Suggested change

})

})

Cuidado com a indentação!

wlsf82 · 2024-10-30T15:12:40Z

README.md

+
+To run cypress tests, you will need to run the following command:
+```
+Interactive: npm run cy:open


Não resolva conversas sem implementar a sugestão, ou sem uma justificativa para a não-implementação.

wlsf82 · 2024-10-30T15:14:02Z

cypress/e2e/home/home.cy.js

+  })
+
+  context('Customer Details', () => {
+    it.only('It shows and hides the customer address', () => {


Suggested change

it.only('It shows and hides the customer address', () => {

it('It shows and hides the customer address', () => {

Cuidado para não fazer o commit de testes com .only.

wlsf82 · 2024-10-30T15:14:21Z

cypress/e2e/home/home.cy.js

+  context('Customer Details', () => {
+    it.only('It shows and hides the customer address', () => {
+      cy.contains('button', 'View').click()
+      cy.contains('h2', 'Customer Details').should('be.visible')


Suggested change

cy.contains('h2', 'Customer Details').should('be.visible')

cy.contains('h2', 'Customer Details').should('be.visible')

wlsf82 · 2024-10-30T15:14:30Z

cypress/e2e/home/home.cy.js

+    it.only('It shows and hides the customer address', () => {
+      cy.contains('button', 'View').click()
+      cy.contains('h2', 'Customer Details').should('be.visible')
+      cy.get('button[class*="CustomerDetails_showAddressBtn"]').click()


Suggested change

cy.get('button[class*="CustomerDetails_showAddressBtn"]').click()

cy.get('button[class*="CustomerDetails_showAddressBtn"]').click()

wlsf82 · 2024-10-30T15:22:52Z

cypress/fixtures/customers/veryLargeEnterprise.json

+    "totalPages": 1,
+    "totalCustomers": 1
+  }
+}


Suggested change

}

}

wlsf82 · 2024-10-30T15:24:22Z

frontend/cypress.config.js

+
+module.exports = defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {


Não resolva conversas sem implementar a mudança sugerida.

E se tiver um motivo para não implementar a sugestão, deixe aqui um contra-argumento sem resolver a conversa, para que o/a revisor(a) possa entender sua justificativa.

wlsf82 · 2024-10-30T15:25:07Z

frontend/cypress/fixtures/example.json

@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",


Faltou deletar essa fixture visto que ela não está em uso.

wlsf82 · 2024-10-30T15:25:47Z

frontend/cypress/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************


Mais uma conversa resolvida sem a implementação da sugestão e sem uma justificativa para a não-implementação da mesma.

wlsf82 · 2024-10-30T15:25:55Z

frontend/cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************


Mais uma conversa resolvida sem a implementação da sugestão e sem uma justificativa para a não-implementação da mesma.

Add first cypress tests

cfda965

wlsf82 requested a review from jonathanrsbr October 8, 2024 17:24

jonathanrsbr requested changes Oct 10, 2024

View reviewed changes

wlsf82 requested changes Oct 10, 2024

View reviewed changes

pandrade-tc added 2 commits October 14, 2024 14:00

Fix review requested changes

9193ca3

Fix review requested changes

7f026dd

pedrohyvo requested review from wlsf82 and jonathanrsbr October 16, 2024 23:25

Add context for csv part

048ef01

wlsf82 requested changes Oct 17, 2024

View reviewed changes

pandrade-tc added 3 commits October 19, 2024 10:04

Remove testing-library

473dcc9

Update changes

f59f506

Fix requested changes

9c173bd

pedrohyvo force-pushed the first-class branch from cf6ac84 to 9c173bd Compare October 28, 2024 12:52

pedrohyvo requested a review from wlsf82 October 28, 2024 12:52

wlsf82 removed the request for review from jonathanrsbr October 29, 2024 19:05

Fix hide/show customer details test

2425f9e

wlsf82 requested changes Oct 30, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Add first cypress tests #2

Add first cypress tests #2

pedrohyvo commented Oct 8, 2024 •

edited

Loading

jonathanrsbr left a comment •

edited

Loading

jonathanrsbr Oct 10, 2024

wlsf82 Oct 17, 2024

wlsf82 Oct 30, 2024

jonathanrsbr commented Oct 10, 2024 •

edited

Loading

wlsf82 left a comment

wlsf82 left a comment

wlsf82 Oct 17, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 17, 2024

wlsf82 Oct 17, 2024

wlsf82 Oct 17, 2024

wlsf82 Oct 30, 2024

wlsf82 left a comment

wlsf82 Oct 29, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

wlsf82 Oct 30, 2024

		@@ -0,0 +1,25 @@
		// ***********************************************

		@@ -0,0 +1,20 @@
		// ***********************************************************

	it.only('It shows and hides the customer address', () => {
	it('It shows and hides the customer address', () => {

	cy.contains('h2', 'Customer Details').should('be.visible')
	cy.contains('h2', 'Customer Details').should('be.visible')

	cy.get('button[class*="CustomerDetails_showAddressBtn"]').click()
	cy.get('button[class*="CustomerDetails_showAddressBtn"]').click()

Add first cypress tests #2

Are you sure you want to change the base?

Add first cypress tests #2

Conversation

pedrohyvo commented Oct 8, 2024 • edited Loading

Descrição

Issue Relacionada

Tipo de Mudança

Como isso foi testado?

Checklist

Capturas de Tela (se aplicável)

Outras Observações

jonathanrsbr left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jonathanrsbr commented Oct 10, 2024 • edited Loading

Descrição

Issue Relacionada

Tipo de Mudança

Como isso foi testado?

Checklist

Capturas de Tela (se aplicável)

Outras Observações

wlsf82 left a comment

Choose a reason for hiding this comment

wlsf82 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

wlsf82 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

pedrohyvo commented Oct 8, 2024 •

edited

Loading

jonathanrsbr left a comment •

edited

Loading

jonathanrsbr commented Oct 10, 2024 •

edited

Loading