fix: chat loading-state model placeholder (#8431)

Signed-off-by: sunilkumarvalmiki <g.sunilkumarvalmiki@gmail.com> Co-authored-by: jh-block <jhugo@block.xyz>
2026-04-16 14:12:13 +05:30
parent fd61058a74
commit 05d99f89a3
5 changed files with 185 additions and 26 deletions
@@ -0,0 +1,24 @@
+import { test, expect } from './fixtures';
+
+test.describe('Loading State', () => {
+  test('shows a model placeholder while creating a new chat session', async ({ goosePage }) => {
+    await goosePage.waitForSelector('[data-testid="chat-input"]', { timeout: 30000 });
+
+    const chatInput = await goosePage.waitForSelector('[data-testid="chat-input"]');
+    await chatInput.fill('Respond with the single word hello.');
+    await chatInput.press('Enter');
+
+    await goosePage.waitForSelector('[data-testid="loading-indicator"]', {
+      state: 'visible',
+      timeout: 10000,
+    });
+
+    const loadingModel = goosePage.locator('[data-testid="model-loading-state"]');
+    await expect(loadingModel).toHaveText(/loading model/i, { timeout: 10000 });
+
+    await goosePage.screenshot({
+      path: test.info().outputPath('loading-state-fresh-session.png'),
+      fullPage: true,
+    });
+  });
+});