chore: update cypress config for WSL2 compatibility

Author: AlexVOiceover

cypress.config.ts

@@ -8,9 +8,27 @@ export default defineConfig({
     },
     supportFile: './cypress/support/component.ts',
     specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+    video: false,
+    screenshotOnRunFailure: false,
   },
   e2e: {
     baseUrl: 'http://localhost:3000',
-    supportFile: false,
+    supportFile: './cypress/support/e2e.ts',
+    video: false,
+    screenshotOnRunFailure: false,
+    experimentalRunAllSpecs: true,
+    experimentalStudio: true,
+    chromeWebSecurity: false,
+    viewportWidth: 1280,
+    viewportHeight: 800,
+    defaultCommandTimeout: 10000,
+    setupNodeEvents(on, config) {
+      // Handle WSL2 specific configurations
+      if (process.env.WSL_DISTRO_NAME) {
+        config.baseUrl = 'http://localhost:3000';
+        config.chromeWebSecurity = false;
+      }
+      return config;
+    },
   },
 });

cypress/e2e/mainPage.cy.ts

@@ -1,6 +1,14 @@
 describe('MainPage Component', () => {
   const testUsername = 'testuser123';
 
+  before(() => {
+    // Handle WSL2 specific setup
+    if (Cypress.platform === 'linux') {
+      cy.log('Running in WSL2 environment');
+      cy.exec('wsl --set-version Ubuntu 2', { failOnNonZeroExit: false });
+    }
+  });
+
   beforeEach(() => {
     // Mock the useEntries hook response
     cy.intercept('GET', '/api/entries', {

cypress/support/e2e.ts

@@ -0,0 +1,12 @@
+import './commands';
+
+// Handle WSL2 specific configurations
+if (Cypress.platform === 'linux') {
+  Cypress.config('chromeWebSecurity', false);
+  Cypress.config('baseUrl', 'http://localhost:3000');
+  
+  // Add custom commands for WSL2
+  Cypress.Commands.add('wslExec', (command) => {
+    return cy.exec(`wsl ${command}`);
+  });
+}