fix: e2e backend integration, Vite proxy conflict, and CI output path

- Fix port collision by splitting playwright webServer into separate API
  and frontend entries; add serve-e2e target without api:serve dependency
- Fix API health check URL to use HTTP (dev HTTPS redirect is now prod-only)
- Fix Vite proxy conflict: set Analog.js apiPrefix to '_analog' so its
  Nitro dev server no longer intercepts /api requests before the proxy
- Switch Vite proxy target from https://localhost:60254 to http://localhost:60253
  (avoids HTTPS cert issues in dev; redirect now production-only)
- Add weather forecast API integration e2e test (table-row visibility)
- Add home.e2e.spec.ts and about.e2e.spec.ts for Analog.js content pages
- Fix CI/deploy output path: browser/ -> client/ (Analog.js default)
  Updates preview.yml, deploy.yml comment, and Program.cs PhysicalFileProvider

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: chrisjwalk-bot

.github/workflows/deploy.yml

@@ -61,11 +61,11 @@ jobs:
       - name: Build web app (production)
         run: pnpm build:web-app:prod
 
-      # The .NET app serves the Angular SPA from apps/web-app/browser/ relative
+      # The .NET app serves the Angular SPA from apps/web-app/client/ relative
       # to its working directory (see Program.cs PhysicalFileProvider). Both
       # outputs land in dist/ with the correct structure:
       #   dist/              ← .NET publish output (Api.dll etc.)
-      #   dist/apps/web-app/browser/  ← Angular SPA
+      #   dist/apps/web-app/client/  ← Angular SPA
 
       - name: Log in to Azure (OIDC)
         uses: azure/login@v2

.github/workflows/preview.yml

@@ -36,7 +36,7 @@ jobs:
         run: pnpm nx build web-app --configuration preview
 
       - name: Copy SWA routing config
-        run: cp apps/web-app/src/staticwebapp.config.json dist/apps/web-app/browser/
+        run: cp apps/web-app/src/staticwebapp.config.json dist/apps/web-app/client/
 
       - name: Deploy to Azure Static Web Apps
         id: deploy
@@ -45,7 +45,7 @@ jobs:
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
           repo_token: ${{ secrets.GITHUB_TOKEN }}
           action: upload
-          app_location: dist/apps/web-app/browser
+          app_location: dist/apps/web-app/client
           skip_app_build: true
           skip_deploy_on_missing_secrets: true
 

apps/api/Api/Program.cs

@@ -143,12 +143,11 @@
 {
   app.UseExceptionHandler("/Error");
   app.UseHsts();
+  app.UseHttpsRedirection();
 }
 
-app.UseHttpsRedirection();
-
 PhysicalFileProvider fileProvider = new PhysicalFileProvider(
-  Path.Combine(Directory.GetCurrentDirectory(), "apps", "web-app", "browser")
+  Path.Combine(Directory.GetCurrentDirectory(), "apps", "web-app", "client")
 );
 FileExtensionContentTypeProvider contentTypeProvider = new FileExtensionContentTypeProvider();
 contentTypeProvider.Mappings[".webmanifest"] = "application/manifest+json";

apps/web-app-e2e/playwright.config.ts

@@ -24,12 +24,20 @@ export default defineConfig({
     trace: 'on-first-retry',
   },
   /* Run your local dev server before starting the tests */
-  webServer: {
-    command: 'npx nx run web-app:serve',
-    url: 'http://localhost:4200',
-    reuseExistingServer: !process.env.CI,
-    cwd: workspaceRoot,
-  },
+  webServer: [
+    {
+      command: 'npx nx run api:serve',
+      url: 'http://localhost:60253/health/live',
+      reuseExistingServer: !process.env.CI,
+      cwd: workspaceRoot,
+    },
+    {
+      command: 'npx nx run web-app:serve-e2e',
+      url: 'http://localhost:4200',
+      reuseExistingServer: !process.env.CI,
+      cwd: workspaceRoot,
+    },
+  ],
   projects: [
     {
       name: 'chromium',

apps/web-app-e2e/src/about.e2e.spec.ts

@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('About page', () => {
+  test('should load the about component', async ({ page }) => {
+    await page.goto('/about');
+
+    await expect(page.getByTestId('app-about')).toBeVisible();
+  });
+
+  test('should render the about heading', async ({ page }) => {
+    await page.goto('/about');
+
+    await expect(
+      page.getByRole('heading', { name: /about this starter/i }),
+    ).toBeVisible();
+  });
+
+  test('should display the tech stack section', async ({ page }) => {
+    await page.goto('/about');
+
+    await expect(
+      page.getByRole('heading', { name: /tech stack/i }),
+    ).toBeVisible();
+  });
+});

apps/web-app-e2e/src/home.e2e.spec.ts

@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test';
+
+test.describe('Home page', () => {
+  test('should load the home component', async ({ page }) => {
+    await page.goto('/');
+
+    await expect(page.getByTestId('lib-home')).toBeVisible();
+  });
+
+  test('should render markdown content', async ({ page }) => {
+    await page.goto('/');
+
+    const markdown = page.getByTestId('page-markdown');
+    await expect(markdown).toBeVisible();
+    await expect(markdown).not.toBeEmpty();
+  });
+
+  test('should display the hero heading', async ({ page }) => {
+    await page.goto('/');
+
+    await expect(
+      page.getByRole('heading', { name: /nx · angular · \.net/i }),
+    ).toBeVisible();
+  });
+});

apps/web-app-e2e/src/weather-forecast.e2e.spec.ts

@@ -28,4 +28,18 @@ test.describe('Weather Forecast page', () => {
       page.getByRole('button', { name: /get forecasts/i }),
     ).toBeVisible();
   });
+
+  test('should fetch and display forecast rows from the API', async ({
+    page,
+  }) => {
+    await page.goto('/weather-forecast');
+
+    // The store's onInit hook fetches forecasts automatically.
+    // Row visibility confirms the API responded successfully.
+    await expect(page.getByTestId('table-row').first()).toBeVisible({
+      timeout: 10000,
+    });
+    const rowCount = await page.getByTestId('table-row').count();
+    expect(rowCount).toBeGreaterThan(0);
+  });
 });

apps/web-app/project.json

@@ -47,6 +47,24 @@
         }
       }
     },
+    "serve-e2e": {
+      "executor": "@analogjs/platform:vite-dev-server",
+      "continuous": true,
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "web-app:build",
+        "port": 4200
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "web-app:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "web-app:build:production"
+        }
+      }
+    },
     "extract-i18n": {
       "executor": "@angular/build:extract-i18n",
       "options": {

apps/web-app/vite.config.ts

@@ -23,6 +23,7 @@ export default defineConfig(({ mode }) => {
       analog({
         ssr: false,
         static: true,
+        apiPrefix: '_analog',
         prerender: {
           routes: [],
         },
@@ -112,7 +113,7 @@ export default defineConfig(({ mode }) => {
     server: {
       proxy: {
         '/api': {
-          target: 'https://localhost:60254',
+          target: 'http://localhost:60253',
           secure: false,
         },
       },