improvements on e2e testing

cypress/e2e/public-navigation.cy.tsx

@@ -0,0 +1,32 @@
+describe('Public navigation', () => {
+  it('should navigate to the about page', () => {
+    // Start from the index page
+    cy.visit('http://localhost:3000/')
+
+    cy.get('nav').should('be.visible')
+
+    // The new page should contain an h1 with "Welcome! to PKMdex"
+    cy.get('h1').contains('Welcome! to PKMdex')
+
+    // Find a link with an href attribute containing "sign-in" and click it
+    cy.get('a[href*="sign-in"]').click()
+
+    // The new url should include "/sign-in"
+    cy.url().should('include', '/sign-in')
+
+    // The new page should contain an h1 with "Sign in"
+    cy.get('h1').contains('Sign in')
+
+    // Find a link with an href attribute containing "sign-up" and click it
+    cy.get('a[href*="sign-up"]').click()
+
+    // The new url should include "/sign-up"
+    cy.url().should('include', '/sign-up')
+
+    // The new page should contain an h1 with "Sign up"
+    cy.get('h1').contains('Sign Up')
+
+
+
+  })
+})

cypress/e2e/sign-in.spec.cy.tsx

@@ -1,34 +1,29 @@
-describe('Navigation', () => {
+describe('Sign in', () => {
   it('should navigate to the about page', () => {
     // Start from the index page
-    cy.visit('http://localhost:3000/')
-
-    // Find a link with an href attribute containing "sign-in" and click it
-    cy.get('a[href*="sign-in"]').click()
+    cy.visit('http://localhost:3000/sign-in')
 
     // The new url should include "/sign-in"
     cy.url().should('include', '/sign-in')
 
-    // The new page should contain an h1 with "Sign in"
-    cy.get('h1').contains('Sign in')
-
     // The new page should contain an input field with the name "email"
     cy.get('input[name="email"]').should('be.visible')
-
+    
     // The new page should contain an input field with the name "password"
     cy.get('input[name="password"]').should('be.visible')
-
+    
     // The new page should contain a button with the value "Sign in"
-    cy.get('button').contains('Sign in').should('be.visible')
-
     // On button pressed without dirty fields
-    cy.get('button').click()
+    cy.get('button').contains('Sign in').should('be.visible').click()
 
+    // The email input will be focused waiting to type a email
+    cy.get('input[name="email"]').should('be.focused')
+
     // div tag element will be visible whit error validation below of email input
-    cy.get('div[class="Form__FormError-sc-2ql3du-2"]').contains('Email is required').should('be.visible')
+    cy.get('div').contains('Email is required').should('be.visible')
 
     // div tag element will be visible whit error validation below of password input
-    cy.get('div[class="Form__FormError-sc-2ql3du-2"]').last().contains('Password is required').should('be.visible')
+    cy.get('div').contains('Password is required').should('be.visible')
 
     cy.get('span').click()
 

cypress/e2e/sign-up.spec.cy.tsx

@@ -1,17 +1,11 @@
 describe('Navigation', () => {
   it('should navigate to the about page', () => {
     // Start from the index page
-    cy.visit('http://localhost:3000/')
-
-    // Find a link with an href attribute containing "sign-up" and click it
-    cy.get('a[href*="sign-up"]').click()
+    cy.visit('http://localhost:3000/sign-up')
 
     // The new url should include "/sign-up"
     cy.url().should('include', '/sign-up')
 
-    // The new page should contain an h1 with "Sign up"
-    cy.get('h1').contains('Sign Up')
-
     // The new page should contain an input field with the name "email"
     cy.get('input[name="fullName"]').should('be.visible')
 
@@ -22,21 +16,25 @@ describe('Navigation', () => {
     cy.get('input[name="password"]').should('be.visible')
 
     // The new page should contain a button with the value "Sign Up"
-    cy.get('button').contains('Sign Up').should('be.visible')
-
     // On button pressed without dirty fields
-    cy.get('button').click()
+    cy.get('button').contains('Sign Up').should('be.visible').click()
+
+    // The email input will be focused waiting to type a email
+    cy.get('input[name="fullName"]').should('be.focused')
+
+    // div tag element will be visible whit error validation below of fullName input
+    cy.get('div').contains('Full name is required').should('be.visible')
 
     // div tag element will be visible whit error validation below of email input
-    cy.get('div[class="Form__FormError-sc-2ql3du-2"]').contains('Email is required').should('be.visible')
+    cy.get('div').contains('Email is required').should('be.visible')
 
     // div tag element will be visible whit error validation below of password input
-    cy.get('div[class="Form__FormError-sc-2ql3du-2"]').last().contains('Password is required').should('be.visible')
+    cy.get('div').contains('Password is required').should('be.visible')
 
     cy.get('span').click()
 
     cy.get('input[type="text"]').should('be.visible')
-    
+
     cy.get('span').click()
 
     cy.get('input[type="password"]').should('be.visible')