feat: enhance Cypress config for WSL2 with retry logic and browser options

Author: AlexVOiceover

cypress.config.ts

@@ -10,6 +10,7 @@ export default defineConfig({
     specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
     video: false,
     screenshotOnRunFailure: false,
+    experimentalSingleTabRunMode: true,
   },
   e2e: {
     baseUrl: 'http://localhost:3000',
@@ -21,13 +22,26 @@ export default defineConfig({
     chromeWebSecurity: false,
     viewportWidth: 1280,
     viewportHeight: 800,
-    defaultCommandTimeout: 10000,
+    defaultCommandTimeout: 15000,
     setupNodeEvents(on, config) {
       // Handle WSL2 specific configurations
       if (process.env.WSL_DISTRO_NAME) {
         config.baseUrl = 'http://localhost:3000';
         config.chromeWebSecurity = false;
+        config.experimentalSingleTabRunMode = true;
+        config.experimentalInteractiveRunEvents = true;
       }
+      
+      // Add browser launch options
+      on('before:browser:launch', (browser, launchOptions) => {
+        if (browser.family === 'chromium' && browser.name !== 'electron') {
+          launchOptions.args.push('--disable-gpu');
+          launchOptions.args.push('--no-sandbox');
+          launchOptions.args.push('--disable-dev-shm-usage');
+        }
+        return launchOptions;
+      });
+
       return config;
     },
   },

cypress/e2e/mainPage.cy.ts

@@ -5,7 +5,10 @@ describe('MainPage Component', () => {
     // Handle WSL2 specific setup
     if (Cypress.platform === 'linux') {
       cy.log('Running in WSL2 environment');
-      cy.exec('wsl --set-version Ubuntu 2', { failOnNonZeroExit: false });
+      cy.wslExec('--set-version Ubuntu 2');
+      
+      // Ensure X server is running
+      cy.wslExec('export DISPLAY=$(cat /etc/resolv.conf | grep nameserver | awk \'{print $2}\'):0');
     }
   });
 
@@ -21,8 +24,14 @@ describe('MainPage Component', () => {
       }
     }).as('getEntries');
 
-    cy.mount(<MainPage />);
-    cy.wait('@getEntries');
+    // Add retry logic for mounting
+    cy.mount(<MainPage />, {
+      retryOnNetworkFailure: true,
+      retryOnStatusCodeFailure: true,
+      retryOnMountFailure: true
+    });
+    
+    cy.wait('@getEntries', { timeout: 10000 });
   });
 
   it('should display the main page container', () => {

cypress/support/e2e.ts

@@ -7,6 +7,26 @@ if (Cypress.platform === 'linux') {
 
   // Add custom commands for WSL2
   Cypress.Commands.add('wslExec', (command) => {
-    return cy.exec(`wsl ${command}`);
+    return cy.exec(`wsl ${command}`, {
+      failOnNonZeroExit: false,
+      timeout: 10000
+    });
+  });
+
+  // Add retry logic for flaky tests
+  Cypress.Commands.overwrite('should', (originalFn, subject, expectation, ...args) => {
+    const retries = 3;
+    let attempts = 0;
+    
+    const tryAgain = (err) => {
+      if (attempts < retries) {
+        attempts++;
+        cy.wait(500, { log: false });
+        return originalFn(subject, expectation, ...args);
+      }
+      throw err;
+    };
+
+    return originalFn(subject, expectation, ...args).catch(tryAgain);
   });
 }