Hydrate stored sessions before guarded routes

src/components/session/token/SessionUser.vue

@@ -59,24 +59,49 @@ const normalizePositiveInteger = (value) => {
   return Number.isInteger(parsedValue) && parsedValue > 0 ? parsedValue : null;
 };
 
+const getStoredSessionSnapshot = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+
+  try {
+    const token = window.localStorage.getItem("token");
+    if (token === null) {
+      return null;
+    }
+
+    return {
+      token,
+      isSubuser: window.localStorage.getItem("is_subuser") === "true",
+      selectedCustomerNumber: normalizePositiveInteger(window.localStorage.getItem("selected_customer_number")),
+    };
+  } catch {
+    return null;
+  }
+};
+
+const hydrateSessionFromStorage = () => {
+  const snapshot = getStoredSessionSnapshot();
+  if (!snapshot) {
+    return false;
+  }
+
+  SessionUser.token.value = snapshot.token;
+  SessionUser.authenticated.value = true;
+  SessionUser.isSubuser.value = snapshot.isSubuser;
+  SessionUser.subuser.selectedGrantCustomerNumber.value = snapshot.selectedCustomerNumber;
+  return true;
+};
+
 /**
  * Initiate the user session on app start
  * @returns {Promise<void>}
  */
 export const initiateOnAppStart = async () => {
-  // Check if the user has a token stored in local storage
-  if (localStorage.getItem("token") !== null) {
-    // Set the token and authenticated status
-    SessionUser.token.value = localStorage.getItem("token");
-    SessionUser.authenticated.value = true;
-    
-    // Check if this is a subuser session
-    if (localStorage.getItem("is_subuser") === "true") {
-      SessionUser.isSubuser.value = true;
-      // Fetch the subuser's session data
+  if (hydrateSessionFromStorage()) {
+    if (SessionUser.isSubuser.value) {
       await getSubuserSessionData();
     } else {
-      // Fetch the user's session data
       await getSessionData();
     }
   }
@@ -460,7 +485,7 @@ export const SessionUser = {
     return true; // All users can access guest features
   },
   hasToken: () => {
-    return SessionUser.token.value !== null;
+    return SessionUser.token.value !== null || hydrateSessionFromStorage();
   },
   /** Shortcuts for the user's group */
   superUser: SuperUserObject,
@@ -690,7 +715,7 @@ export const SessionUser = {
     },
     /** Check if the user has a token */
     hasToken: () => {
-      return SessionUser.token.value !== null;
+      return SessionUser.token.value !== null || hydrateSessionFromStorage();
     },
     ucFirst: (str) => {
       return str.charAt(0).toUpperCase() + str.slice(1);

tests/e2e/subuserProfileContact.spec.ts

@@ -3,8 +3,8 @@ import { userCredentials, loginAsSubuserByPhone } from "./fixtures";
 
 // Navigate to profile page helper
 async function goToUserProfile(page) {
-  await page.click('a[href="/user/profile"]');
-  await expect(page).toHaveURL("/user/profile");
+  await page.goto("/user/profile");
+  await expect(page).toHaveURL(/\/user\/profile(?:[?#].*)?$/);
 }
 
 // Subuser contact information display tests

tests/e2e/subuserProfileGrant.spec.ts

@@ -3,8 +3,8 @@ import { userCredentials, loginAsSubuserByUsername } from "./fixtures";
 
 // Navigate to profile page helper
 async function goToUserProfile(page) {
-  await page.click('a[href="/user/profile"]');
-  await expect(page).toHaveURL("/user/profile");
+  await page.goto("/user/profile");
+  await expect(page).toHaveURL(/\/user\/profile(?:[?#].*)?$/);
 }
 
 // Subuser grant selection display tests

tests/e2e/subuserProfileUsername.spec.ts

@@ -3,8 +3,8 @@ import { userCredentials, loginAsSubuserByUsername } from "./fixtures";
 
 // Navigate to profile page helper
 async function goToUserProfile(page) {
-  await page.click('a[href="/user/profile"]');
-  await expect(page).toHaveURL("/user/profile");
+  await page.goto("/user/profile");
+  await expect(page).toHaveURL(/\/user\/profile(?:[?#].*)?$/);
 }
 
 /** User Profile Tests - Subuser via Username Login */

tests/e2e/userProfileInvoicing.spec.ts

@@ -3,8 +3,8 @@ import { userCredentials, loginAsUser } from "./fixtures";
 
 // Navigate to profile page helper
 async function goToUserProfile(page) {
-  await page.click('a[href="/user/profile"]');
-  await expect(page).toHaveURL("/user/profile");
+  await page.goto("/user/profile");
+  await expect(page).toHaveURL(/\/user\/profile(?:[?#].*)?$/);
 }
 
 // Helper to expand a category section by clicking its header

tests/e2e/userProfileVisibility.spec.ts

@@ -3,8 +3,8 @@ import { userCredentials, loginAsUser, loginAsSubuserByPhone } from "./fixtures"
 
 // Navigate to profile page helper
 async function goToUserProfile(page) {
-  await page.click('a[href="/user/profile"]');
-  await expect(page).toHaveURL("/user/profile");
+  await page.goto("/user/profile");
+  await expect(page).toHaveURL(/\/user\/profile(?:[?#].*)?$/);
 }
 
 /** User Profile Tests - Section Visibility */