webapp/tests: use test specific server url

.github/workflows/lint-test-build.yml

@@ -313,9 +313,7 @@ jobs:
         with:
           working-directory: webapp
           install: false
-          start: npm start
-        env:
-          VITE_SERVER_URL: http://server
+          start: npx vite --mode test --port 1351
 
   test-cli:
     needs: [build-lib, build-lib-node, build-server, download-datasets]

webapp/.env.test

@@ -1 +1 @@
-VITE_SERVER_URL=http://localhost:8080
+VITE_SERVER_URL=http://server:1351

webapp/cypress.config.ts

@@ -4,7 +4,7 @@ import * as fs from "node:fs/promises";
 
 export default defineConfig({
   e2e: {
-    baseUrl: "http://localhost:8081/",
+    baseUrl: "http://localhost:1351/",
     projectId: "aps8et", // to get recordings on Cypress Cloud
     setupNodeEvents(on) {
       on("task", {

webapp/package.json

@@ -8,7 +8,7 @@
     "lint": "ESLINT_USE_FLAT_CONFIG=false eslint .",
     "test": "npm run test:unit && npm run test:e2e",
     "test:unit": "vitest --run",
-    "test:e2e": "VITE_SERVER_URL=http://server start-server-and-test start http://localhost:8081 'cypress run --e2e'"
+    "test:e2e": "start-server-and-test 'vite --mode test --port 1351' localhost:1351 'cypress run --e2e'"
   },
   "dependencies": {
     "@epfml/discojs": "*",

webapp/src/components/testing/__tests__/Testing.spec.ts

@@ -7,6 +7,7 @@ import { createPersistedStatePlugin } from "pinia-plugin-persistedstate-2";
 import type { Task } from "@epfml/discojs";
 import { models as discoModels } from "@epfml/discojs";
 
+import { CONFIG } from "@/config";
 import { useModelsStore } from "@/store";
 import { useTasksStore } from "@/store";
 
@@ -60,7 +61,7 @@ it("shows stored models", async () => {
 
 it("allows to download server's models", async () => {
   vi.stubGlobal("fetch", async (url: string | URL) => {
-    if (url.toString() === "http://localhost:8080/tasks")
+    if (url.toString() === new URL("tasks", CONFIG.serverUrl).href)
       return new Response(JSON.stringify([TASK]));
     throw new Error(`unhandled get: ${url}`);
   });

webapp/src/components/training/__tests__/Trainer.spec.ts

@@ -7,14 +7,19 @@ import * as fs from "node:fs/promises";
 import { defaultTasks, serialization } from "@epfml/discojs";
 import { loadCSV } from "@epfml/discojs-web";
 
+import { CONFIG } from "@/config";
+
 import Trainer from "../Trainer.vue";
 import TrainingInformation from "../TrainingInformation.vue";
 
 async function setupForTask() {
   const provider = defaultTasks.titanic;
 
   vi.stubGlobal("fetch", async (url: string | URL) => {
-    if (url.toString() === "http://localhost:8080/tasks/titanic/model.json") {
+    if (
+      url.toString() ===
+      new URL("tasks/titanic/model.json", CONFIG.serverUrl).href
+    ) {
       const model = await provider.getModel();
       const encoded = await serialization.model.encode(model);
       return new Response(encoded);