Variables for locations

e2e/playwright.config.ts

@@ -1,5 +1,7 @@
 import { defineConfig, devices } from '@playwright/test';
 
+export const WEB_SERVER_URL = 'http://localhost:5173';
+
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
@@ -72,9 +74,9 @@ export default defineConfig({
   ],
 
   /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
+  webServer: {
+    command: 'cd ../front-end && npm run start',
+    url: WEB_SERVER_URL,
+    reuseExistingServer: !process.env.CI,
+  },
 });

e2e/testers/graph.ts

@@ -2,15 +2,17 @@ import { Page, expect } from '@playwright/test';
 import { Tester } from './tester';
 
 export class GraphTester extends Tester {
+  frontendFilePath: string;
 
   constructor(page: Page) {
     super(page);
+    this.frontendFilePath = '182848/BATT VOLT';
   }
 
   async testCreateGraph() {
     await this.openGraphForm();
     await this.pressNextButton();
-    await this.selectFile('182848/BATT VOLT');
+    await this.selectFile(this.frontendFilePath);
     await this.pressNextButton();
     await this.submitGraph();
     await this.verifyGraphCreated();

e2e/testers/upload.ts

@@ -7,12 +7,14 @@ export class UploadTester extends Tester {
   binFilePath: string;
   csvFilePath: string;
   mp4FilePath: string;
+  frontendFilePath: string;
 
   constructor(page: Page) {
     super(page);
     this.binFilePath = path.join(__dirname, '../test-files/182848.bin');
     this.csvFilePath = '';
     this.mp4FilePath = '';
+    this.frontendFilePath = '182848/BATT VOLT';
 
     if (!fs.existsSync(this.binFilePath)) {
       throw new Error(`Test file not found at ${this.binFilePath}`);
@@ -24,7 +26,7 @@ export class UploadTester extends Tester {
     await this.uploadFile(this.binFilePath);
     await this.submitFile();
     await this.verifyFilesUploaded();
-    await this.awaitFileParsed('182848/BATT VOLT');
+    await this.awaitFileParsed(this.frontendFilePath);
   }
 
   async testUploadNoFile() {

e2e/tests/create/no-analyzer.test.ts

@@ -1,18 +1,17 @@
 import { test, expect } from '@playwright/test';
 import { UploadTester, GraphTester } from '../../testers';
+import { WEB_SERVER_URL } from '../../playwright.config';
 
 test.describe('Create graphs', () => {
 
   test.beforeEach(async ({ page }) => {
     const uploadTester = new UploadTester(page);
-    await page.goto('http://localhost:5173/');
+    await page.goto(WEB_SERVER_URL);
     await uploadTester.testUploadBinFile();
   });
 
   test('should open upload form and submit a file', async ({ page }) => {
     const graphTester = new GraphTester(page);
     await graphTester.testCreateGraph();
   });
-
-
 });

e2e/tests/upload/upload.test.ts

@@ -1,10 +1,11 @@
 import { test, expect } from '@playwright/test';
 import { UploadTester } from '../../testers';
+import { WEB_SERVER_URL } from '../../playwright.config';
 
 test.describe('Upload Form', () => {
 
   test.beforeEach(async ({ page }) => {
-    await page.goto('http://localhost:5173/');
+    await page.goto(WEB_SERVER_URL);
     await expect(page.getByRole('button', { name: 'Upload' })).toBeVisible();
   });