final version of qa_challenge by Pedro Gondim

.gitignore

@@ -0,0 +1 @@
+node_modules/

Plano de Testes.txt

@@ -0,0 +1,29 @@
+Plano de Testes
+	Cenários
+		CN1 - Caminho feliz
+			CT1 - cadastro realizado com sucesso
+		CN1 - Validar responsividade
+			CT1 - Mobile
+			CT2 - Desktop
+		CN2 - Validar input data
+			CT3 - Correta
+			CT4 - Formato incompleta
+			CT5 - Data futura
+		CN4 - Validar input cpf
+			CT6 - certo
+			CT6 - Faltando numeros
+			CT6 - Já usado
+		CN3 - Validar input email
+			CT6 - certo
+			CT6 - errado - sem @
+			CT6 - errado - sem .com
+			CT6 - Já cadastrado
+		CN5 - Validar input cep
+			CT - Preencher com CEP que não existe
+
+Defeitos encontrados durante testes exploratórios:
+- No input da data de nascimento, se preenchermos com "0101", fica apenas com as bordas vermelhas sem dar informação de campo incorreto
+- Quando deixamos o input "name" vazio e depois preenchermos com até 3 letras, as letras do nome ficam em vermelho
+- CPF não valida a lógica do valor, apenas a quantidade e se já está cadastrado
+- Depois de preencher uma vez errada, o input de confirmação do e-mail fica com valor em vermelho mesmo quando certo
+- A informação 

cypress.config.js

@@ -0,0 +1,9 @@
+const { defineConfig } = require("cypress");
+
+module.exports = defineConfig({
+  e2e: {
+    setupNodeEvents(on, config) {
+      // implement node event listeners here
+    },
+  },
+});

cypress/e2e/cadastro.cy.js

@@ -0,0 +1,109 @@
+const persona = require('../fixtures/personas.json');
+const backgroundImage = 'url("https://qastage.buildbox.one/wp-content/themes/bx-wp-theme/assets/images/register-welcome.jpg")'
+
+describe('Cadastro spec', () => {
+
+  beforeEach(()=>{
+    cy.visit('https://qastage.buildbox.one/18/cadastro/')
+  })
+
+  it('Responsividade mobile', () => {
+    cy.viewport('iphone-6')
+    cy.get('div.bg-welcome').should('not.have.css', 'background-image', backgroundImage)
+  })
+
+  it('Responsividade desktop', () => {
+    cy.viewport(1280, 720)
+    cy.get('div.bg-welcome').should('have.css', 'background-image',backgroundImage)
+  })
+
+  it('Cadastro completo com sucesso', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.getDataCy("input-signup-personal-data-lastName").type(persona[0].lastName)
+    cy.getDataCy("input-signup-personal-data-birthDate").type(persona[0].birthDate)
+    cy.getDataCy("input-signup-personal-data-cpf").type(persona[0].cpf)
+    cy.getDataCy("input-signup-personal-data-email").type(persona[0].email)
+    cy.getDataCy("input-signup-personal-data-email-confirm").type(persona[0].email)
+    cy.getDataCy("input-signup-personal-data-password").type(persona[0].password)
+    cy.getDataCy("input-signup-personal-data-password-confirm").type(persona[0].password)
+    cy.get('[aria-controls="dropdown-button-1"]').click()
+    cy.get('[x-text="option.value"]').contains('Advanced').click();
+    cy.getDataCy("input-signup-personal-data-lgpd").click()
+    cy.getDataCy("button-signup_submit_button_1").click()
+    cy.getDataCy("input-signup-address-cep").type(persona[0].cep)
+    cy.getDataCy("input-signup-address-number").type(persona[0].residenceNumber)
+    cy.getDataCy("input-signup-address-neighborhood").should('have.value', persona[0].bairro);
+    cy.getDataCy("button-signup_submit_button_3").click()
+    cy.get('div.bg-thankyou p').should('have.text', ' Agora você tem o passe para descobrir como o inglês pode te levar longe ');
+  })
+
+  it('Data nascimento formato errado', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-birthDate").type("0101")
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.get('span.input-error').should('have.text', 'Data de nascimento inválida.');
+  })
+
+  it('Data nascimento futura', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-birthDate").type("01012025")
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.get('span.input-error').should('have.text', 'Data de nascimento inválida.');
+  })
+
+  it('CPF já cadastrado', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-cpf").type("24079018002")
+    cy.getDataCy("input-signup-personal-data-email").type(persona[0].email)
+    cy.get('span.input-error').should('have.text', 'Este CPF já está em uso.');
+  })
+
+  it('CPF formato incorreto', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-cpf").type("2407901")
+    cy.getDataCy("input-signup-personal-data-email").type(persona[0].email)
+    cy.get('span.input-error').should('have.text', 'CPF inválido.');
+  })
+
+  it('Email formato incorreto (sem @)', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-email").type("email.com")
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.get('span.input-error').should('have.text', 'Email inválido.');
+  })
+
+  it('Email já cadastrado antes', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-email").type(persona[0].email)
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.get('span.input-error').should('have.text', 'Este email já está em uso.');
+  })
+
+  it('Emails diferentes', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-email").type("[email protected]")
+    cy.getDataCy("input-signup-personal-data-email-confirm").type("[email protected]")
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[0].name)
+    cy.get('span.input-error').should('have.text', 'Os e-mails não são iguais');
+  })
+
+  it('CEP incorreto', () => {
+    cy.getDataCy("button-btn-enroll").click()
+    cy.getDataCy("input-signup-personal-data-firstName").type(persona[1].name)
+    cy.getDataCy("input-signup-personal-data-lastName").type(persona[1].lastName)
+    cy.getDataCy("input-signup-personal-data-birthDate").type(persona[1].birthDate)
+    cy.getDataCy("input-signup-personal-data-cpf").type(persona[1].cpf)
+    cy.getDataCy("input-signup-personal-data-email").type(persona[1].email)
+    cy.getDataCy("input-signup-personal-data-email-confirm").type(persona[1].email)
+    cy.getDataCy("input-signup-personal-data-password").type(persona[1].password)
+    cy.getDataCy("input-signup-personal-data-password-confirm").type(persona[1].password)
+    cy.get('[aria-controls="dropdown-button-1"]').click()
+    cy.get('[x-text="option.value"]').contains('Advanced').click();
+    cy.getDataCy("input-signup-personal-data-lgpd").click()
+    cy.getDataCy("button-signup_submit_button_1").click()
+    cy.getDataCy("input-signup-address-cep").type(persona[1].cep)
+    cy.getDataCy("input-signup-address-number").type(persona[1].residenceNumber)
+    cy.get('li[role="alert"]').should('have.text', 'CEP não encontrado.', { timeout: 8000 });
+  })
+})

cypress/fixtures/personas.json

@@ -0,0 +1,28 @@
+[
+    {
+        "name": "Pedro",
+        "lastName": "Gondim",
+        "birthDate": "01011990",
+        "cpf": "42716816018",
+        "email": "[email protected]",
+        "password": "12345",
+        "languageProficiency": "Advanced",
+        "cep": "38412012",
+        "residenceNumber": 100,
+        "bairro": "Tubalina",
+        "complement": "Ap 101"   
+    },
+    {
+        "name": "Pedro",
+        "lastName": "Gondim",
+        "birthDate": "01011990",
+        "cpf": "18113641017",
+        "email": "[email protected]",
+        "password": "12345",
+        "languageProficiency": "Advanced",
+        "cep": "38412011",
+        "residenceNumber": 100,
+        "bairro": "Tubalina",
+        "complement": "Ap 101"   
+    }
+]

cypress/support/commands.js

@@ -0,0 +1,26 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+Cypress.Commands.add('getDataCy', (dataSelector) => cy.get(`[data-cy="${dataSelector}"]`))

cypress/support/e2e.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/e2e.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')