Add comprehensive debugging to diagnose step2e login failures

Co-authored-by: renemadsen <[email protected]>

Author: Copilot

eform-client/e2e/Page objects/Login.page.ts

@@ -41,17 +41,47 @@ class LoginPage extends Page {
   }
 
   public async login(): Promise<void> {
+    console.log('[LOGIN DEBUG] Starting login process...');
+    console.log('[LOGIN DEBUG] Current URL:', await browser.getUrl());
+    
     await (await this.loginBtn()).waitForDisplayed({ timeout: 60000 });
+    console.log('[LOGIN DEBUG] Login button is displayed');
+    
     // await (await this.usernameInput()).waitForDisplayed({ timeout: 60000 });
     await (await this.usernameInput()).setValue(LoginConstants.username);
+    console.log('[LOGIN DEBUG] Username set');
+    
     await (await this.passwordInput()).setValue(LoginConstants.password);
+    console.log('[LOGIN DEBUG] Password set');
+    
     await (await this.loginBtn()).click();
+    console.log('[LOGIN DEBUG] Login button clicked');
+    console.log('[LOGIN DEBUG] URL after click:', await browser.getUrl());
+    
     // Add pause after login click to allow application to start loading on slow environments
     await browser.pause(2000);
+    console.log('[LOGIN DEBUG] Waited 2 seconds, now looking for newEFormBtn...');
+    console.log('[LOGIN DEBUG] Current URL:', await browser.getUrl());
+    
+    // Take screenshot before waiting for newEFormBtn to help debug
+    try {
+      const screenshotPath = './errorShots/before-newEFormBtn-wait.png';
+      await browser.saveScreenshot(screenshotPath);
+      console.log('[LOGIN DEBUG] Screenshot saved to:', screenshotPath);
+    } catch (e) {
+      console.log('[LOGIN DEBUG] Could not save screenshot:', e.message);
+    }
+    
     const newEFormBtn = await $('#newEFormBtn');
     // Increased timeout for slow environments - application may take longer to initialize
+    console.log('[LOGIN DEBUG] Waiting for newEFormBtn to be displayed (120s timeout)...');
     await newEFormBtn.waitForDisplayed({timeout: 120000});
+    console.log('[LOGIN DEBUG] newEFormBtn is displayed');
+    
+    console.log('[LOGIN DEBUG] Waiting for newEFormBtn to be clickable (120s timeout)...');
     await newEFormBtn.waitForClickable({timeout: 120000});
+    console.log('[LOGIN DEBUG] newEFormBtn is clickable - login complete!');
+    console.log('[LOGIN DEBUG] Final URL:', await browser.getUrl());
   }
   public async loginWithNewPassword(): Promise<void> {
     await (await this.usernameInput()).waitForDisplayed({ timeout: 60000 });

eform-client/wdio-headless-step2e.conf.ts

@@ -232,20 +232,55 @@ export const config: WebdriverIO.Config = {
    * Function to be executed before a test (in Mocha/Jasmine) or a step (in Cucumber) starts.
    * @param {Object} test test details
    */
-  // beforeTest: function (test) {
-  // },
+  beforeTest: function (test) {
+    console.log('[DEBUG] Starting test:', test.title);
+    console.log('[DEBUG] Test file:', test.file);
+    try {
+      const url = browser.getUrl();
+      console.log('[DEBUG] Initial URL:', url);
+    } catch (e) {
+      console.log('[DEBUG] Could not retrieve initial URL:', e.message);
+    }
+  },
   /**
    * Hook that gets executed _before_ a hook within the suite starts (e.g. runs before calling
    * beforeEach in Mocha)
    */
-  // beforeHook: function () {
-  // },
+  beforeHook: function (test, context, hookName) {
+    console.log('[DEBUG] Before hook:', hookName);
+    if (hookName && hookName.includes('before all')) {
+      console.log('[DEBUG] This is the "before all" hook - where login happens');
+    }
+  },
   /**
    * Hook that gets executed _after_ a hook within the suite ends (e.g. runs after calling
    * afterEach in Mocha)
    */
-  // afterHook: function () {
-  // },
+  afterHook: function (test, context, { error, result, duration, passed }, hookName) {
+    if (error) {
+      console.log('[DEBUG] Hook failed:', hookName);
+      console.log('[DEBUG] Hook error:', error.message);
+      console.log('[DEBUG] Hook duration:', duration);
+      
+      // Take screenshot on hook failure
+      try {
+        const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+        const screenshotPath = `./errorShots/hook-failure-${timestamp}.png`;
+        browser.saveScreenshot(screenshotPath);
+        console.log('[DEBUG] Hook failure screenshot saved to:', screenshotPath);
+      } catch (e) {
+        console.log('[DEBUG] Could not save hook failure screenshot:', e.message);
+      }
+      
+      // Try to get current URL
+      try {
+        const url = browser.getUrl();
+        console.log('[DEBUG] URL at hook failure:', url);
+      } catch (e) {
+        console.log('[DEBUG] Could not retrieve URL:', e.message);
+      }
+    }
+  },
   /**
    * Function to be executed after a test (in Mocha/Jasmine) or a step (in Cucumber) ends.
    * @param {Object} test test details
@@ -258,6 +293,29 @@ export const config: WebdriverIO.Config = {
       return;
     }
 
+    console.log('[DEBUG] Test failed:', test.title);
+    console.log('[DEBUG] Error:', error ? error.message : 'No error message');
+    console.log('[DEBUG] Duration:', duration);
+    
+    // Capture browser console logs
+    try {
+      const logs = browser.getLogs('browser');
+      console.log('[DEBUG] Browser console logs:');
+      logs.forEach(log => {
+        console.log(`  [${log.level}] ${log.message}`);
+      });
+    } catch (e) {
+      console.log('[DEBUG] Could not retrieve browser logs:', e.message);
+    }
+    
+    // Capture current URL
+    try {
+      const url = browser.getUrl();
+      console.log('[DEBUG] Current URL:', url);
+    } catch (e) {
+      console.log('[DEBUG] Could not retrieve URL:', e.message);
+    }
+
     /*
      * get the current date and clean it
      * const date = (new Date()).toString().replace(/\s/g, '-').replace(/-\(\w+\)/, '');