fix: update Cypress config and support files to use proper ES module syntax

Author: AlexVOiceover

cypress.config.ts

@@ -1,6 +1,9 @@
 import { defineConfig } from 'cypress';
 
 export default defineConfig({
+  // Add this to ensure proper ES module handling
+  experimentalWebKitSupport: true,
+  experimentalMemoryManagement: true,
   component: {
     devServer: {
       framework: 'react',

cypress/e2e/mainPage.cy.ts

@@ -1,3 +1,5 @@
+import MainPage from '../../src/components/MainPage';
+
 describe('MainPage Component', () => {
   const testUsername = 'testuser123';
 

cypress/support/component.ts

@@ -1,14 +1,20 @@
 import { mount } from 'cypress/react18';
 import '../../src/index.css';
 
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-declare global {
-  namespace Cypress {
-    interface Chainable {
-      mount: typeof mount;
+// Add proper ES module exports
+export const setupMount = () => {
+  // Augment the Cypress namespace to include type definitions for
+  // your custom command.
+  declare global {
+    namespace Cypress {
+      interface Chainable {
+        mount: typeof mount;
+      }
     }
   }
-}
 
-Cypress.Commands.add('mount', mount);
+  Cypress.Commands.add('mount', mount);
+};
+
+// Initialize the mount command
+setupMount();

cypress/support/e2e.ts

@@ -1,7 +1,9 @@
 import './commands';
 
-// Handle WSL2 specific configurations
-if (Cypress.platform === 'linux') {
+// Export the setup function
+export const setupWSL2Config = () => {
+  // Handle WSL2 specific configurations
+  if (Cypress.platform === 'linux') {
   Cypress.config('chromeWebSecurity', false);
   Cypress.config('baseUrl', 'http://localhost:3000');
 
@@ -36,4 +38,7 @@ if (Cypress.platform === 'linux') {
 
     return originalFn(subject, expectation, ...args).catch(tryAgain);
   });
-}
+};
+
+// Initialize the WSL2 configuration
+setupWSL2Config();