fix(e2e): server-starter-all backend tool tests

Signed-off-by: Tyler Slaton <[email protected]>

Author: tylerslaton

typescript-sdk/apps/dojo/e2e/tests/serverStarterAllFeaturesTests/backendToolRenderingPage.spec.ts

@@ -1,32 +1,50 @@
 import { test, expect } from "@playwright/test";
 
-test("[MastraAgentLocal] Backend Tool Rendering displays weather cards", async ({ page }) => {
-  // Set shorter default timeout for this test
-  test.setTimeout(30000); // 30 seconds total
+test("[ServerStarterAllFeatures] Backend Tool Rendering displays weather cards", async ({
+  page,
+}) => {
+  // Set longer timeout for this test since server-starter-all-features can be slower
+  test.setTimeout(60000); // 60 seconds total
 
-  await page.goto("/server-starter-all-features/feature/agentic_generative_ui");
+  await page.goto("/server-starter-all-features/feature/backend_tool_rendering");
 
-  // Verify suggestion buttons are visible
+  // Wait for page to load - be more lenient with timeout
+  await page.waitForLoadState("networkidle", { timeout: 15000 }).catch(() => {});
+
+  // Verify suggestion buttons are visible with longer timeout
   await expect(page.getByRole("button", { name: "Weather in San Francisco" })).toBeVisible({
-    timeout: 5000,
+    timeout: 15000,
   });
 
   // Click first suggestion and verify weather card appears
   await page.getByRole("button", { name: "Weather in San Francisco" }).click();
 
-  // Wait for either test ID or fallback to "Current Weather" text
+  // Wait longer for weather card to appear (backend processing time)
   const weatherCard = page.getByTestId("weather-card");
   const currentWeatherText = page.getByText("Current Weather");
 
-  // Try test ID first, fallback to text
+  // Try test ID first with longer timeout, fallback to text
+  let weatherVisible = false;
   try {
-    await expect(weatherCard).toBeVisible({ timeout: 10000 });
+    await expect(weatherCard).toBeVisible({ timeout: 20000 });
+    weatherVisible = true;
   } catch (e) {
     // Fallback to checking for "Current Weather" text
-    await expect(currentWeatherText.first()).toBeVisible({ timeout: 10000 });
+    try {
+      await expect(currentWeatherText.first()).toBeVisible({ timeout: 20000 });
+      weatherVisible = true;
+    } catch (e2) {
+      // Last resort - check for any weather-related content
+      const weatherContent = await page.getByText(/Humidity|Wind|Temperature/i).count();
+      weatherVisible = weatherContent > 0;
+    }
   }
 
+  expect(weatherVisible).toBeTruthy();
+
   // Verify weather content is present (use flexible selectors)
+  await page.waitForTimeout(1000); // Give elements time to render
+
   const hasHumidity = await page
     .getByText("Humidity")
     .isVisible()
@@ -46,7 +64,7 @@ test("[MastraAgentLocal] Backend Tool Rendering displays weather cards", async (
 
   // Click second suggestion
   await page.getByRole("button", { name: "Weather in New York" }).click();
-  await page.waitForTimeout(2000);
+  await page.waitForTimeout(3000); // Longer wait for backend to process
 
   // Verify at least one weather-related element is still visible
   const weatherElements = await page.getByText(/Weather|Humidity|Wind|Temperature/i).count();