page-404:

webapp/e2e/steps/register-form.utils.js

@@ -8,6 +8,7 @@ async function registerUser(page, username, password) {
 async function waitForWelcomeMessage(page, username) {
   await expect(page).toMatchElement('.welcome-message', {
     text: 'Welcome back,',
+    timeout: 5000,
   })
 
   await expect(page).toMatchElement('.welcome-message .username', {

webapp/e2e/steps/utils.js

@@ -1,7 +1,9 @@
 async function selectNavOptionByHref(page, hrefValue) {
-  await page.click('div.header-button')
-  await page.click(`a.nav-link[href="${hrefValue}"]`)
-  await page.click('div.close-button')
+  await page.click('div.header-button');
+  await page.waitForSelector(`a.nav-link[href="${hrefValue}"]`, { visible: true });
+  await page.click(`a.nav-link[href="${hrefValue}"]`);
+  await page.click('div.close-button');
 }
 
+
 module.exports = { selectNavOptionByHref }

webapp/package.json

@@ -16,12 +16,14 @@
     "i18next": "^23.10.1",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-http-backend": "^2.5.0",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-countdown": "^2.3.2",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.0",
+    "react-lottie": "^1.2.4",
     "react-password-strength-bar": "^0.4.1",
-    "react-router-dom": "^6.3.0",
+    "react-router-dom": "^6.23.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^3.5.1"
   },
@@ -54,6 +56,7 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "axios-mock-adapter": "^1.22.0",
     "cross-env": "^7.0.3",
     "expect-puppeteer": "^9.0.2",

webapp/public/assets/locales/en/translation.json

@@ -122,5 +122,9 @@
     },
     "logout": {
         "title": "Log Out"
+    },
+    "error_page": {
+        "title": "Oops...",
+        "description": "It seems you've reached a page that's lost in cyberspace"
     }
 }

webapp/public/assets/locales/es/translation.json

@@ -122,5 +122,9 @@
     },
     "logout": {
         "title": "Cerrar sesión"
+    },
+    "error_page": {
+        "title": "¡Ups...!",
+        "description": "Parece que has llegado a una página perdida en el ciberespacio"
     }
 }

webapp/public/assets/locales/fr/translation.json

@@ -122,5 +122,9 @@
     },
     "logout": {
         "title": "Déconnexion"
+    },
+    "error_page": {
+        "title": "Oups...",
+        "description": "Il semble que vous avez atteint une page perdue dans le cyberespace"
     }
 }

webapp/public/assets/locales/uk/translation.json

@@ -122,5 +122,9 @@
     },
     "logout": {
         "title": "Вийти"
+    },
+    "error_page": {
+        "title": "Ой...",
+        "description": "Здається, ви потрапили на сторінку, яка загубилася в кіберпросторі"
     }
 }