Fix 5 shared test failures in auth, chat-customization-css, and chat-slots

Two root causes:

1. Tests used messages ("Hello", "Hi", "hello", "Say something short")
   that don't match any aimock fixture. With --proxy-only mode, unmatched
   requests fall through to real OpenAI which rejects the mock API key
   (sk-mock-local-dev) with 502/401. Replaced all test messages with
   exact d5-all.json fixture entries: "Say hello in one short sentence",
   "Tell me a one-line joke", "Give me a fun fact".

2. The "second assistant turn" test in chat-slots sent its second message
   immediately after the first assistant bubble appeared. The assistant
   message becomes visible on the first streaming chunk, but the chat
   input stays disabled until the full stream ends (aimock streams at
   60ms/8-char-chunk). Added a text-stabilization poll between turns to
   wait for streaming to finish before sending the next message.

All tests copied identically to both LGP and LGT. Verified 16/16 pass
on both ports (3100 and 3101) across multiple runs.

Author: jpr5

showcase/integrations/langgraph-python/tests/e2e/auth.spec.ts

@@ -58,7 +58,7 @@ test.describe("Authentication", () => {
     await expect(page.getByPlaceholder("Type a message")).toBeVisible();
 
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello");
+    await input.fill("Say hello in one short sentence");
     await input.press("Enter");
 
     await expect(
@@ -109,7 +109,7 @@ test.describe("Authentication", () => {
     // After sign-out, the next send must surface the rejection — not
     // produce an assistant response and not white-screen the page.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello again");
+    await input.fill("Tell me a one-line joke");
     await input.press("Enter");
 
     const errorSurface = page.locator('[data-testid="auth-demo-error"]');
@@ -144,7 +144,7 @@ test.describe("Authentication", () => {
 
     // Chat is responsive again.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello again");
+    await input.fill("Give me a fun fact");
     await input.press("Enter");
     await expect(
       page.locator('[data-testid="copilot-assistant-message"]').first(),

showcase/integrations/langgraph-python/tests/e2e/chat-customization-css.spec.ts

@@ -66,10 +66,12 @@ test.describe("Chat Customization (CSS)", () => {
   test("user bubble uses transparent background with ember left-border after sending a message", async ({
     page,
   }) => {
-    // "hello" matches an existing aimock fixture (content response), so this
-    // exercises a full round-trip through the themed chat and lets us assert
-    // on the rendered user bubble's computed styles.
-    await page.getByPlaceholder("Type a message").fill("hello");
+    // Use a message that matches an aimock fixture to get a deterministic
+    // response. Lowercase "hello" doesn't reliably match — "Say hello in
+    // one short sentence" is an exact d5-all.json fixture entry.
+    await page
+      .getByPlaceholder("Type a message")
+      .fill("Say hello in one short sentence");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     const userMsg = page
@@ -87,7 +89,9 @@ test.describe("Chat Customization (CSS)", () => {
   test("assistant bubble uses transparent background after round-trip", async ({
     page,
   }) => {
-    await page.getByPlaceholder("Type a message").fill("hello");
+    await page
+      .getByPlaceholder("Type a message")
+      .fill("Tell me a one-line joke");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     const assistant = page

showcase/integrations/langgraph-python/tests/e2e/chat-slots.spec.ts

@@ -69,9 +69,9 @@ test.describe("Chat Slots", () => {
     // Type and send via the send button — Enter-on-textarea was intermittently
     // dropping the submit on this deployment. We assert the disclaimer +
     // custom assistant wrapper appear once we transition out of the welcome
-    // state.
+    // state. Use exact aimock fixture messages to ensure deterministic responses.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello");
+    await input.fill("Say hello in one short sentence");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     // Assistant replies and is wrapped in the custom slot.
@@ -94,15 +94,34 @@ test.describe("Chat Slots", () => {
     const sendBtn = () =>
       page.locator('[data-testid="copilot-send-button"]').first();
 
-    // Turn 1
-    await input.fill("Hi");
+    // Turn 1 — use exact aimock fixture messages for deterministic responses.
+    await input.fill("Say hello in one short sentence");
     await sendBtn().click();
     await expect(page.locator(SLOT_LABEL_ASSISTANT).first()).toBeVisible({
       timeout: 45000,
     });
 
+    // Wait for the first turn's stream to fully complete. The assistant
+    // message becomes visible as soon as the first chunk arrives, but the
+    // chat input stays in "responding" state until the full stream ends.
+    // Rather than race with that, wait for the assistant text to stabilize
+    // (no new content for 2 seconds).
+    const firstAssistant = page.locator(SLOT_LABEL_ASSISTANT).first();
+    let previousText = "";
+    await expect
+      .poll(
+        async () => {
+          const text = (await firstAssistant.textContent()) ?? "";
+          const stable = text.length > 0 && text === previousText;
+          previousText = text;
+          return stable;
+        },
+        { timeout: 30000, intervals: [2000] },
+      )
+      .toBe(true);
+
     // Turn 2 — the slot should wrap every assistant turn, not just the first.
-    await input.fill("Say something short");
+    await input.fill("Give me a fun fact");
     await sendBtn().click();
 
     // Expect at least two custom-wrapped assistant messages.

showcase/integrations/langgraph-typescript/tests/e2e/auth.spec.ts

@@ -58,7 +58,7 @@ test.describe("Authentication", () => {
     await expect(page.getByPlaceholder("Type a message")).toBeVisible();
 
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello");
+    await input.fill("Say hello in one short sentence");
     await input.press("Enter");
 
     await expect(
@@ -109,7 +109,7 @@ test.describe("Authentication", () => {
     // After sign-out, the next send must surface the rejection — not
     // produce an assistant response and not white-screen the page.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello again");
+    await input.fill("Tell me a one-line joke");
     await input.press("Enter");
 
     const errorSurface = page.locator('[data-testid="auth-demo-error"]');
@@ -144,7 +144,7 @@ test.describe("Authentication", () => {
 
     // Chat is responsive again.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello again");
+    await input.fill("Give me a fun fact");
     await input.press("Enter");
     await expect(
       page.locator('[data-testid="copilot-assistant-message"]').first(),

showcase/integrations/langgraph-typescript/tests/e2e/chat-customization-css.spec.ts

@@ -66,10 +66,12 @@ test.describe("Chat Customization (CSS)", () => {
   test("user bubble uses transparent background with ember left-border after sending a message", async ({
     page,
   }) => {
-    // "hello" matches an existing aimock fixture (content response), so this
-    // exercises a full round-trip through the themed chat and lets us assert
-    // on the rendered user bubble's computed styles.
-    await page.getByPlaceholder("Type a message").fill("hello");
+    // Use a message that matches an aimock fixture to get a deterministic
+    // response. Lowercase "hello" doesn't reliably match — "Say hello in
+    // one short sentence" is an exact d5-all.json fixture entry.
+    await page
+      .getByPlaceholder("Type a message")
+      .fill("Say hello in one short sentence");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     const userMsg = page
@@ -87,7 +89,9 @@ test.describe("Chat Customization (CSS)", () => {
   test("assistant bubble uses transparent background after round-trip", async ({
     page,
   }) => {
-    await page.getByPlaceholder("Type a message").fill("hello");
+    await page
+      .getByPlaceholder("Type a message")
+      .fill("Tell me a one-line joke");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     const assistant = page

showcase/integrations/langgraph-typescript/tests/e2e/chat-slots.spec.ts

@@ -69,9 +69,9 @@ test.describe("Chat Slots", () => {
     // Type and send via the send button — Enter-on-textarea was intermittently
     // dropping the submit on this deployment. We assert the disclaimer +
     // custom assistant wrapper appear once we transition out of the welcome
-    // state.
+    // state. Use exact aimock fixture messages to ensure deterministic responses.
     const input = page.getByPlaceholder("Type a message");
-    await input.fill("Hello");
+    await input.fill("Say hello in one short sentence");
     await page.locator('[data-testid="copilot-send-button"]').first().click();
 
     // Assistant replies and is wrapped in the custom slot.
@@ -94,15 +94,34 @@ test.describe("Chat Slots", () => {
     const sendBtn = () =>
       page.locator('[data-testid="copilot-send-button"]').first();
 
-    // Turn 1
-    await input.fill("Hi");
+    // Turn 1 — use exact aimock fixture messages for deterministic responses.
+    await input.fill("Say hello in one short sentence");
     await sendBtn().click();
     await expect(page.locator(SLOT_LABEL_ASSISTANT).first()).toBeVisible({
       timeout: 45000,
     });
 
+    // Wait for the first turn's stream to fully complete. The assistant
+    // message becomes visible as soon as the first chunk arrives, but the
+    // chat input stays in "responding" state until the full stream ends.
+    // Rather than race with that, wait for the assistant text to stabilize
+    // (no new content for 2 seconds).
+    const firstAssistant = page.locator(SLOT_LABEL_ASSISTANT).first();
+    let previousText = "";
+    await expect
+      .poll(
+        async () => {
+          const text = (await firstAssistant.textContent()) ?? "";
+          const stable = text.length > 0 && text === previousText;
+          previousText = text;
+          return stable;
+        },
+        { timeout: 30000, intervals: [2000] },
+      )
+      .toBe(true);
+
     // Turn 2 — the slot should wrap every assistant turn, not just the first.
-    await input.fill("Say something short");
+    await input.fill("Give me a fun fact");
     await sendBtn().click();
 
     // Expect at least two custom-wrapped assistant messages.