Atualização do repositório

.gitignore

@@ -1,3 +1,6 @@
 node_modules
 package-lock.json
-*.log
+*.log
+cypress.env.json
+screenshots
+videos

cypress.config.js

@@ -6,4 +6,9 @@ module.exports = defineConfig({
       // implement node event listeners here
     },
   },
+  screenshotOnRunFailure: true,
+  screenshotsFolder: 'cypress/screenshots',
+  video: true,
+  videoCompression: false,
+  videosFolder: 'cypress/videos'
 });

cypress/e2e/login.cy.js

@@ -0,0 +1,33 @@
+/// <reference types="cypress" />
+const element = require("../fixtures/login.json")
+
+beforeEach(() => {
+    cy.visit('https://automacao.qacoders-academy.com.br/login');
+});
+
+afterEach(() => {
+    cy.screenshot();
+})
+
+describe('Login', () => {
+    it('Login com sucesso', () => {
+        const email = Cypress.env('EMAIL');
+        const password = Cypress.env('PASSOWORD');
+        cy.Login(email, password);
+    });
+
+    it('Login com e-mail válido e a senha inválida', () => {
+        cy.get(element.input_email).type(Cypress.env('EMAIL'));
+        cy.get(element.input_password).type(Cypress.env('PASSOWORD_INVALIDO'));
+        cy.get(element.btn_login).click();
+        cy.MsgLoginFalho()
+    });
+
+    it('Login com e-mail inválido e a senha válida', () => {
+        cy.get(element.input_email).type(Cypress.env('EMAIL_INVALIDO'));
+        cy.get(element.input_password).type(Cypress.env('PASSOWORD'));
+        cy.get(element.btn_login).click();
+        cy.MsgLoginFalho()
+    });
+
+});

cypress/fixtures/login.json

@@ -0,0 +1,6 @@
+{
+    "input_email": "#email",
+    "input_password": "#password",
+    "btn_login": "#login",
+    "msg_alert": "[class='MuiAlert-message css-1xsto0d']"
+}

cypress/support/commands.js

@@ -1,25 +1,19 @@
-// ***********************************************
-// 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) => { ... })
+/// <reference types="cypress" />
+
+Cypress.Commands.add('Login', (email, password ) => {
+    cy.get('#email').type(email);
+    cy.get('#password').type(password);
+    cy.get('#login').click();
+
+    cy.location().should((loc) => {
+        expect(loc.pathname).to.eq('/login');
+    })
+
+    cy.get('body > nav >button').should('be.visible');
+});
+
+Cypress.Commands.add('MsgLoginFalho', () => {
+    cy.get('[class="MuiAlert-message css-1xsto0d"]').should('be.visible');
+    cy.get('[class="MuiAlert-message css-1xsto0d"]').should('have.text','E-mail e/ou senha inválidos');
+});
+

package.json

@@ -3,6 +3,7 @@
     "cypress": "^13.6.0"
   },
   "scripts": {
-    "cypress:open": "cypress open"
+    "cypress:open": "cypress open",
+    "cypress:run" : "cypress run"
   }
 }