fixup! fixup! fixup! fixup! fixup! e2e test

Author: eric2788

src/components/ChatBubble.tsx

@@ -23,14 +23,14 @@ function ChatBubble(props: ChatBubbleProps): JSX.Element {
         <div className="flex gap-2.5 mb-4">
             <Avatar src={avatar} />
             <div className="grid">
-                <h5 className="text-gray-900 text-sm font-semibold leading-snug pb-1">{name}</h5>
+                <h5 data-testid={`${name}-bubble-username`} className="text-gray-900 text-sm font-semibold leading-snug pb-1">{name}</h5>
                 {messages.map((message, index) => (
                     <div key={index} className="max-w-full grid">
-                        <div className="px-3.5 py-2 bg-gray-100 rounded justify-start items-center gap-3 inline-flex">
+                        <div data-testid={`${name}-bubble-chat-${index}`} className="px-3.5 py-2 bg-gray-100 rounded justify-start items-center gap-3 inline-flex">
                             <h5 className={`text-gray-900 text-sm font-normal leading-snug ${loading ? 'animate-pulse' : ''}`}>{message.text}</h5>
                         </div>
                         {message.time && (
-                            <div className="justify-end items-center inline-flex mb-2.5">
+                            <div data-testid={`${name}-bubble-time-${index}`} className="justify-end items-center inline-flex mb-2.5">
                                 <h6 className="text-gray-500 text-xs font-normal leading-4 py-1">{message.time}</h6>
                             </div>
                         )}

tests/features/jimaku.spec.ts

@@ -202,7 +202,7 @@ test('测试同传字幕AI总结', { tag: "@scoped" }, async ({ room, content: p
     logger.info('正在測試AI总結結果... (15s)')
     await summarizer.waitForTimeout(15000)
     await expect(summarizer.getByText('错误')).toBeHidden({ timeout: 5000 })
-    const res = await summarizer.locator('h5.leading-snug').textContent()
+    const res = await summarizer.getByTestId('同传字幕总结-bubble-chat-0').locator('h5.leading-snug').textContent()
     logger.debug('AI Summary:', res)
 
     const maybe = expect.configure({ soft: true })