Fix flaky tests in AI Chat greeting (#3828)

Author: zenoachtig

packages/gitbook/e2e/internal.spec.ts

@@ -168,6 +168,13 @@ const searchTestCases: Test[] = [
             await page.keyboard.press('ControlOrMeta+I');
             await expect(page.getByTestId('ai-chat')).toBeVisible();
             await expect(page.getByTestId('ai-chat-input')).toBeFocused();
+            // Override text content for visual consistency in screenshots
+            await page.evaluate(() => {
+                const greeting = document.querySelector('[data-testid="ai-chat-time-greeting"]');
+                if (greeting) {
+                    greeting.textContent = 'Good morning';
+                }
+            });
         },
     },
     {
@@ -182,6 +189,13 @@ const searchTestCases: Test[] = [
             await page.getByTestId('ai-chat-button').click();
             await expect(page.getByTestId('ai-chat')).toBeVisible();
             await expect(page.getByTestId('ai-chat-input')).toBeFocused();
+            // Override text content for visual consistency in screenshots
+            await page.evaluate(() => {
+                const greeting = document.querySelector('[data-testid="ai-chat-time-greeting"]');
+                if (greeting) {
+                    greeting.textContent = 'Good morning';
+                }
+            });
         },
     },
     {
@@ -196,6 +210,13 @@ const searchTestCases: Test[] = [
             await expect(page.getByTestId('search-input')).toBeEmpty();
             await expect(page.getByTestId('ai-chat')).toBeVisible();
             await expect(page.getByTestId('ai-chat-input')).toBeFocused();
+            // Override text content for visual consistency in screenshots
+            await page.evaluate(() => {
+                const greeting = document.querySelector('[data-testid="ai-chat-time-greeting"]');
+                if (greeting) {
+                    greeting.textContent = 'Good morning';
+                }
+            });
         },
     },
     {

packages/gitbook/src/components/AIChat/AIChat.tsx

@@ -229,6 +229,7 @@ export function AIChatBody(props: {
                                 <h5
                                     className="animate-blur-in-slow font-bold text-lg text-tint-strong [@container(min-height:400px)]:text-center"
                                     style={{ animationDelay: '.5s' }}
+                                    data-testid="ai-chat-time-greeting"
                                 >
                                     {timeGreeting}
                                 </h5>