fixed e2e, .net 10.0.500

Author: aligneddev

global.json

@@ -1,6 +1,6 @@
 {
   "sdk": {
     "rollForward": "latestFeature",
-    "version": "10.0.500"
+    "version": "10.0.200"
   }
 }

src/BikeTracking.Frontend/playwright.config.ts

@@ -1,56 +1,60 @@
-import { defineConfig, devices } from '@playwright/test'
+import { defineConfig, devices } from "@playwright/test";
 
-const isCI = !!process.env.CI
-const baseURL = process.env.PLAYWRIGHT_BASE_URL ?? 'http://localhost:9000'
+const isCI = !!process.env.CI;
+const baseURL = process.env.PLAYWRIGHT_BASE_URL ?? "http://localhost:9000";
+const e2eApiUrl =
+  process.env.PLAYWRIGHT_API_BASE_URL ?? "http://localhost:55436";
 
 /**
  * E2E smoke tests for BikeTracking frontend (User Login feature).
  *
  * Prerequisites:
+ *  Preferred: launch the full Aspire stack:                    (`dotnet run --project src/BikeTracking.AppHost`)
+ *   OR 
  *   - Vite dev server running on http://localhost:9000  (`npm run dev`)
- *   - .NET API running on http://localhost:5436         (`dotnet run --project src/BikeTracking.Api`)
- *   OR launch the full Aspire stack:                    (`dotnet run --project src/BikeTracking.AppHost`)
+ *   - .NET API running on http://localhost:55436        (`dotnet run --no-launch-profile --project src/BikeTracking.Api`)
  *
  * Run:  npx playwright test  (from src/BikeTracking.Frontend)
  */
 export default defineConfig({
-  testDir: './tests/e2e',
+  testDir: "./tests/e2e",
   fullyParallel: false,
   forbidOnly: isCI,
   retries: isCI ? 1 : 0,
   workers: 1,
-  reporter: [['list'], ['html', { open: 'never' }]],
+  reporter: [["list"], ["html", { open: "never" }]],
   use: {
     baseURL,
-    trace: 'on-first-retry',
+    trace: "on-first-retry",
   },
   webServer: [
     {
-      command: 'dotnet run --project ../BikeTracking.Api',
-      url: 'http://localhost:5436/',
-      reuseExistingServer: !isCI,
-      stdout: 'pipe',
-      stderr: 'pipe',
+      command: "dotnet run --no-launch-profile --project ../BikeTracking.Api",
+      url: `${e2eApiUrl}/`,
+      reuseExistingServer: false,
+      stdout: "pipe",
+      stderr: "pipe",
       timeout: 180000,
       env: {
+        ASPNETCORE_URLS: e2eApiUrl,
         // Use a dedicated E2E database so test runs never touch the local dev DB.
         // ASP.NET Core maps ConnectionStrings__<name> to ConnectionStrings[name].
-        ConnectionStrings__BikeTracking: 'Data Source=biketracking.e2e.db',
+        ConnectionStrings__BikeTracking: "Data Source=biketracking.e2e.db",
       },
     },
     {
-      command: 'npm run dev -- --host localhost --port 9000',
-      url: 'http://localhost:9000/login',
-      reuseExistingServer: !isCI,
-      stdout: 'pipe',
-      stderr: 'pipe',
+      command: `VITE_API_BASE_URL=${e2eApiUrl} npm run dev -- --host localhost --port 9000`,
+      url: "http://localhost:9000/login",
+      reuseExistingServer: false,
+      stdout: "pipe",
+      stderr: "pipe",
       timeout: 120000,
     },
   ],
   projects: [
     {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      name: "chromium",
+      use: { ...devices["Desktop Chrome"] },
     },
   ],
-})
+});

src/BikeTracking.Frontend/tests/e2e/record-ride.spec.ts

@@ -43,9 +43,9 @@ test.describe("004-record-ride e2e", () => {
     await page
       .getByLabel(/date & time/i)
       .fill(toDateTimeLocalValue(new Date()));
-    await page.getByLabel(/miles/i).fill("12.34");
-    await page.getByLabel(/duration/i).fill("41");
-    await page.getByLabel(/temperature/i).fill("68");
+    await page.locator("#miles").fill("12.34");
+    await page.locator("#rideMinutes").fill("41");
+    await page.locator("#temperature").fill("68");
     await page.getByRole("button", { name: "Record Ride" }).click();
 
     await expect(page.getByText(/ride recorded successfully/i)).toBeVisible();
@@ -61,18 +61,18 @@ test.describe("004-record-ride e2e", () => {
     await page
       .getByLabel(/date & time/i)
       .fill(toDateTimeLocalValue(new Date()));
-    await page.getByLabel(/miles/i).fill("9.75");
-    await page.getByLabel(/duration/i).fill("35");
-    await page.getByLabel(/temperature/i).fill("61");
+    await page.locator("#miles").fill("9.75");
+    await page.locator("#rideMinutes").fill("35");
+    await page.locator("#temperature").fill("61");
     await page.getByRole("button", { name: "Record Ride" }).click();
     await expect(page.getByText(/ride recorded successfully/i)).toBeVisible();
 
     await page.goto("/miles");
     await page.getByRole("link", { name: "Record Ride" }).click();
     await expect(page).toHaveURL("/rides/record");
 
-    await expect(page.getByLabel(/miles/i)).toHaveValue("9.75");
-    await expect(page.getByLabel(/duration/i)).toHaveValue("35");
-    await expect(page.getByLabel(/temperature/i)).toHaveValue("61");
+    await expect(page.locator("#miles")).toHaveValue("9.75");
+    await expect(page.locator("#rideMinutes")).toHaveValue("35");
+    await expect(page.locator("#temperature")).toHaveValue("61");
   });
 });