chore: logs

Author: brandyscarney

core/scripts/testing/scripts.js

@@ -56,9 +56,42 @@
 
   async function loadThemeTokens(themeName, paletteName) {
     try {
-      // Dynamically import the theme tokens
-      const defaultTokens = await import(`/dist/themes/${themeName}/default.tokens.js`);
-      const theme = defaultTokens.defaultTheme;
+      // Try multiple import paths to ensure compatibility across environments
+      let defaultTokens;
+      let theme;
+
+      // Get the base URL from the current location (similar to how set-content.ts works)
+      const baseUrl = window.location.origin;
+
+      console.info(`Attempting to load theme tokens for ${themeName} with palette ${paletteName}`);
+      console.info(`Base URL: ${baseUrl}`);
+      console.info(`Current location: ${window.location.href}`);
+
+      // First try the base URL path (matches how set-content.ts imports Ionic)
+      try {
+        const importPath = `${baseUrl}/dist/themes/${themeName}/default.tokens.js`;
+        console.info(`Trying import path: ${importPath}`);
+        defaultTokens = await import(importPath);
+        theme = defaultTokens.defaultTheme;
+      } catch (baseUrlError) {
+        console.warn(`Failed to load from ${baseUrl}/dist/themes/${themeName}/default.tokens.js, trying relative paths:`, baseUrlError);
+
+        // Try the relative dist path (matches how test files import Ionic)
+        try {
+          defaultTokens = await import(`../../../../../dist/themes/${themeName}/default.tokens.js`);
+          theme = defaultTokens.defaultTheme;
+        } catch (relativeDistError) {
+          console.warn(`Failed to load from ../../../../../dist/themes/${themeName}/default.tokens.js, trying absolute paths:`, relativeDistError);
+
+          // Try absolute dist path
+          try {
+            defaultTokens = await import(`/dist/themes/${themeName}/default.tokens.js`);
+            theme = defaultTokens.defaultTheme;
+          } catch (absoluteDistError) {
+            console.warn(`Failed to load from /dist/themes/${themeName}/default.tokens.js, trying simple relative path:`, absoluteDistError);
+          }
+        }
+      }
 
       // If a specific palette is requested, modify the palette structure
       // to set the enabled property to 'always'
@@ -71,13 +104,30 @@
       window.Ionic.config = window.Ionic.config || {};
       window.Ionic.config.customTheme = theme;
 
-      // Re-apply the global theme
+      // Re-apply the global theme with multiple fallback paths
       if (window.Ionic.config.get && window.Ionic.config.set) {
-        import('/dist/themes/utils/theme.js').then(themeModule => {
-          themeModule.applyGlobalTheme(theme);
-        }).catch(() => {
-          console.warn('Could not reapply theme - theme module not found');
-        });
+        const themeUtilsPaths = [
+          `${baseUrl}/dist/themes/utils/theme.js`,
+          '../../../../../dist/themes/utils/theme.js',
+          '/dist/themes/utils/theme.js',
+          './themes/utils/theme.js'
+        ];
+
+        let themeUtilsLoaded = false;
+        for (const path of themeUtilsPaths) {
+          try {
+            const themeModule = await import(path);
+            themeModule.applyGlobalTheme(theme);
+            themeUtilsLoaded = true;
+            break;
+          } catch (error) {
+            // Continue to next path
+          }
+        }
+
+        if (!themeUtilsLoaded) {
+          console.warn('Could not reapply theme - theme module not found in any path');
+        }
       }
 
       console.info(`Loaded ${themeName} theme with palette ${paletteName}:`, theme);