test: cover lazy map and rig startup flows

src/trx-client/trx-frontend/trx-frontend-http/frontend/tests/browser-smoke.mjs

@@ -12,11 +12,25 @@ import { chromium } from "playwright-core";
 const frontendDir = path.dirname(path.dirname(fileURLToPath(import.meta.url)));
 const webDir = path.resolve(frontendDir, "../assets/web");
 const generatedDir = path.join(webDir, "generated");
+const rigItems = ["rig-a", "rig-b"].map((remote) => ({
+  remote,
+  display_name: remote === "rig-a" ? "Primary fixture" : "Secondary fixture",
+  manufacturer: "Smoke",
+  model: "Fixture",
+  supported_modes: ["FM"],
+  tx: false,
+  filter_controls: false,
+  initialized: true,
+  latitude: null,
+  longitude: null,
+}));
+const rigsResponse = { rigs: rigItems, active_remote: "rig-a" };
+const selectedRigs = [];
 
 const jsonRoutes = new Map([
   ["/auth/session", { authenticated: true, role: "control", auth_disabled: true }],
   ["/decoders", []],
-  ["/rigs", { rigs: [], active_remote: null }],
+  ["/rigs", rigsResponse],
   ["/status", {
     info: {
       manufacturer: "Smoke",
@@ -62,7 +76,8 @@ const jsonRoutes = new Map([
     clients: 1,
     rigctl_clients: 0,
     audio_clients: 0,
-    remotes: [],
+    active_remote: "rig-a",
+    remotes: ["rig-a", "rig-b"],
     show_sdr_gain_control: false,
     initial_map_zoom: 10,
     spectrum_coverage_margin_hz: 50_000,
@@ -96,6 +111,16 @@ function assetPath(urlPath) {
 
 const server = http.createServer(async (request, response) => {
   const url = new URL(request.url ?? "/", "http://127.0.0.1");
+  if (url.pathname === "/select_rig" && request.method === "POST") {
+    const remote = url.searchParams.get("remote");
+    if (remote) {
+      rigsResponse.active_remote = remote;
+      jsonRoutes.get("/status").active_remote = remote;
+      selectedRigs.push(remote);
+    }
+    response.writeHead(200).end();
+    return;
+  }
   if (jsonRoutes.has(url.pathname)) {
     response.writeHead(200, { "content-type": "application/json" });
     response.end(JSON.stringify(jsonRoutes.get(url.pathname)));
@@ -144,6 +169,20 @@ try {
   await page.locator("#content").waitFor({ state: "visible" });
   assert.equal(await page.locator("#auth-gate").isVisible(), false);
   assert.equal(await page.locator("#tab-main").isVisible(), true);
+  await page.locator("summary", { hasText: "Audio controls" }).click();
+  assert.equal(await page.locator("#rx-audio-btn").count(), 1);
+
+  const rigPicker = page.locator("#header-rig-switch-select");
+  await rigPicker.locator("option").nth(1).waitFor({ state: "attached" });
+  await rigPicker.selectOption("rig-b");
+  await page.waitForTimeout(100);
+  assert.deepEqual(selectedRigs, ["rig-b"]);
+
+  await page.locator('.tab[data-tab="map"]').click();
+  await page.locator("#aprs-map .leaflet-pane").first().waitFor({ state: "attached" });
+  assert.equal(new URL(page.url()).pathname, "/map");
+  await page.locator('.tab[data-tab="main"]').click();
+  assert.equal(new URL(page.url()).pathname, "/");
 
   await page.locator('.tab[data-tab="about"]').click();
   await page.locator("#tab-about").waitFor({ state: "visible" });