Merge pull request #6 from AgataBialoskorska/cypress-tests-update

Cypress tests update

cypress.config.js

@@ -5,7 +5,7 @@ export default defineConfig({
     setupNodeEvents(on, config) {
         console.log(config)
       return {
-        target: 'http://localhost:5173'
+        target: 'http://localhost:5173/#/'
       }
     },
   },

cypress/e2e/hangman.cy.js

@@ -1,7 +1,7 @@
 /* eslint-disable cypress/unsafe-to-chain-command */
 describe('GameHangman', () => {
     beforeEach(() => {
-        cy.visit('http://localhost:5173/hangman')
+        cy.visit('http://localhost:5173/#/hangman')
     })
 
     it('Should display "Hangman Game" header', () => {
@@ -34,14 +34,14 @@ describe('GameHangman', () => {
 
     it('Should navigate back when the back button is clicked', () => {
         cy.get('.goBack').click()
-        cy.url().should('eq', 'http://localhost:5173/more')
+        cy.url().should('eq', 'http://localhost:5173/#/more')
     })
 
     it('Should navigate to the GitHub repository when the GitHub link is clicked', () => {
         cy.get('.gh').should(
             'have.attr',
             'href',
-            'https://github.com/AgataBialoskorska/vuePortfolio/blob/master/src/components/GameHangman.vue'
+            'https://github.com/AgataBialoskorska/vueProject/blob/master/src/components/GameHangman.vue'
         )
     })
 

cypress/e2e/router.cy.js

@@ -1,27 +1,27 @@
 describe('Router', () => {
     beforeEach(() => {
-        cy.visit('http://localhost:5173/')
+        cy.visit('http://localhost:5173/#/')
     })
 
     describe('Website Navigation', () => {
         it('Should load the main page correctly', () => {
-            cy.url().should('eq', 'http://localhost:5173/')
+            cy.url().should('eq', 'http://localhost:5173/#/')
         })
 
         it('Should load the "More" page correctly', () => {
-            cy.get('a[href="/more"]').click()
-            cy.url().should('include', '/more')
+            cy.get('a[href="#/more"]').click()
+            cy.url().should('include', 'more')
         })
 
         it('Should load the "Hangman" game correctly', () => {
-            cy.visit('http://localhost:5173/more')
-            cy.get('a[href="/hangman"]').click()
-            cy.url().should('include', '/hangman')
+            cy.visit('http://localhost:5173/#/more')
+            cy.get('a[href="#/hangman"]').click()
+            cy.url().should('include', 'hangman')
         })
 
         it('Should redirect to the main page if an invalid URL is entered', () => {
-            cy.visit('http://localhost:5173/random')
-            cy.url().should('eq', 'http://localhost:5173/')
+            cy.visit('http://localhost:5173/#/random')
+            cy.url().should('eq', 'http://localhost:5173/#/')
         })
     })
 })

cypress/e2e/seo.cy.js

@@ -4,7 +4,7 @@ describe('SEO Tests', () => {
   })
 
   it('Should have a descriptive title', () => {
-    cy.title().should('eq', 'Agata B.')
+    cy.title().should('include', 'Agata Białoskórska')
   })
 
   it('Should have meta description tag', () => {

package.json

@@ -12,7 +12,7 @@
         "cypress": "cypress open",
         "e2e-open": "start-server-and-test dev http://localhost:5173 \"cypress open --e2e\"",
         "e2e-run": "start-server-and-test dev http://localhost:5173 \"cypress run --e2e\"",
-        "e2e-prod": "vite build && npm run e2e-run"
+        "e2e-prod": "vite build && start-server-and-test preview http://localhost:5173 \"cypress run --e2e\""
     },
     "dependencies": {
         "axios": "1.6.7",

src/router/index.js

@@ -25,7 +25,8 @@ const router = createRouter({
         },
         {
             path: '/:pathMatch(.*)*',
-            redirect: '/'
+            name: 'home',
+            component: ViewHome
         }
     ]
 })
@@ -36,6 +37,13 @@ router.beforeEach((to, from, next) => {
     } else {
         document.title = defaultTitle
     }
+
+    const defaultUrl = '/'
+    if (to.path === '/' || to.path === '/more' || to.path === '/hangman') {
+        next()
+    } else {
+        next(defaultUrl)
+    }
     next()
 })