Fix Recent billing events nav target and update e2e tests for back-office UI drift

Author: tjementum

application/account/BackOffice/routes/-components/DashboardRecentStripeEventsCard.tsx

@@ -30,7 +30,7 @@ export function DashboardRecentStripeEventsCard() {
   const handleActivate = useCallback(
     (key: RowKey) => {
       const tenantId = String(key).split("|")[0];
-      navigate({ to: "/accounts/$tenantId", params: { tenantId }, search: { tab: "invoices" } });
+      navigate({ to: "/accounts/$tenantId", params: { tenantId }, search: { tab: "billing-events" } });
     },
     [navigate]
   );

application/account/WebApp/tests/e2e/back-office-flows.spec.ts

@@ -191,7 +191,6 @@ test.describe("@smoke", () => {
 
       const main = page.getByRole("main");
 
-      await expect(page.getByRole("button", { name: "Back to accounts" })).toBeVisible();
       await expect(main.getByText("MRR")).toBeVisible();
       await expect(main.getByText("Lifetime value")).toBeVisible();
       await expect(main.getByRole("tab", { name: "Users" })).toBeVisible();
@@ -279,32 +278,23 @@ test.describe("@smoke", () => {
       await expect(page.getByRole("searchbox", { name: "Search" })).toBeVisible();
     })();
 
-    await step("Search for e2e owner first name & verify results table with at least one row")(async () => {
+    await step("Search for e2e owner first name & verify URL filters to TestOwner row")(async () => {
       await page.getByRole("searchbox", { name: "Search" }).fill("testowner");
 
+      await expect(page).toHaveURL(`${BACK_OFFICE_BASE_URL}/users?search=testowner`);
       await expect(page.getByRole("table", { name: "Users" })).toBeVisible();
       await expect(page.getByRole("columnheader", { name: "User" })).toBeVisible();
-      await expect(page.getByRole("row").nth(1)).toBeVisible();
+      await expect(page.getByRole("row").filter({ hasText: "TestOwner" }).first()).toBeVisible();
     })();
 
-    await step("Click first user row & verify navigation to user detail page with display name and KPI cards")(
-      async () => {
-        await page.getByRole("row").nth(1).click();
-
-        await expect(page.getByRole("heading", { level: 1 })).toContainText("TestOwner");
-        await expect(page.getByText("Last log-in")).toBeVisible();
-        await expect(page.getByRole("heading", { name: "Accounts" })).toBeVisible();
-        await expect(page.getByRole("heading", { name: "Sessions" })).toBeVisible();
-        await expect(page.getByRole("heading", { name: "Login history" })).toBeVisible();
-      }
-    )();
-
-    await step("Click Page views tab & verify telemetry section renders all three tabs")(async () => {
-      await page.getByRole("tab", { name: "Page views" }).click();
+    await step("Click TestOwner row & verify navigation to user detail page with display name and tabs")(async () => {
+      await page.getByRole("row").filter({ hasText: "TestOwner" }).first().click();
 
-      await expect(page.getByRole("tab", { name: "Exceptions" })).toBeVisible();
-      await expect(page.getByRole("tab", { name: "Page views" })).toBeVisible();
-      await expect(page.getByRole("tab", { name: "Custom events" })).toBeVisible();
+      await expect(page.getByRole("heading", { level: 1 })).toContainText("TestOwner");
+      await expect(page.getByText("Last log-in")).toBeVisible();
+      await expect(page.getByRole("tab", { name: "Accounts" })).toBeVisible();
+      await expect(page.getByRole("tab", { name: "Logins" })).toBeVisible();
+      await expect(page.getByRole("tab", { name: "Sessions" })).toBeVisible();
     })();
 
     await backOfficeContext.close();

application/account/WebApp/tests/e2e/billing-events-flows.spec.ts

@@ -53,24 +53,27 @@ test.describe("@smoke", () => {
 
     // === FILTERS ===
 
-    await step("Apply Subscribed event-type filter & verify chip becomes pressed and table stays visible")(async () => {
-      const subscribedChip = page.getByRole("button", { name: "Subscribed" });
-      await subscribedChip.click();
-
-      await expect(subscribedChip).toHaveAttribute("aria-pressed", "true");
-      await expect(page.getByRole("table", { name: "Billing events" })).toBeVisible();
-    })();
-
-    await step("Clear event-type filter & verify chip is unpressed and URL returns to base /billing-events")(
+    await step("Apply Subscribed event-type filter & verify URL reflects selection and table stays visible")(
       async () => {
-        const subscribedChip = page.getByRole("button", { name: "Subscribed" });
-        await subscribedChip.click();
+        await page.getByRole("combobox", { name: "All event types" }).click();
+        await page.getByRole("option", { name: "Subscribed" }).click();
+        await page.keyboard.press("Escape");
 
-        await expect(subscribedChip).toHaveAttribute("aria-pressed", "false");
-        await expect(page).toHaveURL(`${BACK_OFFICE_BASE_URL}/billing-events`);
+        await expect(page).toHaveURL(
+          `${BACK_OFFICE_BASE_URL}/billing-events?eventTypes=%5B%22SubscriptionCreated%22%5D`
+        );
+        await expect(page.getByRole("table", { name: "Billing events" })).toBeVisible();
       }
     )();
 
+    await step("Clear Subscribed event-type filter & verify URL returns to base /billing-events")(async () => {
+      await page.getByRole("combobox", { name: "All event types" }).click();
+      await page.getByRole("option", { name: "Subscribed" }).click();
+      await page.keyboard.press("Escape");
+
+      await expect(page).toHaveURL(`${BACK_OFFICE_BASE_URL}/billing-events`);
+    })();
+
     await step(
       "Type a deliberately non-matching tenant search & verify URL reflects search query and empty state appears"
     )(async () => {