1

src/components/custom-world-agent/CustomWorldAgentThread.test.tsx

@@ -0,0 +1,65 @@
+/* @vitest-environment jsdom */
+
+import { render, screen } from '@testing-library/react';
+import { afterEach, expect, test, vi } from 'vitest';
+
+import { CustomWorldAgentThread } from './CustomWorldAgentThread';
+
+afterEach(() => {
+  vi.restoreAllMocks();
+});
+
+test('filters empty recommended replies and avoids duplicate key warnings', () => {
+  const consoleErrorSpy = vi
+    .spyOn(console, 'error')
+    .mockImplementation(() => undefined);
+
+  if (!Element.prototype.scrollIntoView) {
+    Element.prototype.scrollIntoView = () => {};
+  }
+
+  render(
+    <CustomWorldAgentThread
+      messages={[
+        {
+          id: '',
+          role: 'assistant',
+          kind: 'summary',
+          text: '先把世界骨架收出来。',
+          createdAt: '2026-04-16T10:00:00.000Z',
+          relatedOperationId: null,
+        },
+        {
+          id: '',
+          role: 'user',
+          kind: 'chat',
+          text: '继续。',
+          createdAt: '2026-04-16T10:01:00.000Z',
+          relatedOperationId: null,
+        },
+      ]}
+      recommendedReplies={[
+        '',
+        '继续补充冲突',
+        '继续补充冲突',
+        ' 先确定玩家身份 ',
+      ]}
+      onRecommendedReply={() => {}}
+    />,
+  );
+
+  expect(screen.getByRole('button', { name: '继续补充冲突' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '先确定玩家身份' })).toBeTruthy();
+  expect(screen.queryByRole('button', { name: /^\s*$/u })).toBeNull();
+  expect(screen.getAllByRole('button')).toHaveLength(2);
+
+  const duplicateKeyCalls = consoleErrorSpy.mock.calls.filter((call) =>
+    call.some(
+      (arg) =>
+        typeof arg === 'string' &&
+        arg.includes('Encountered two children with the same key'),
+    ),
+  );
+
+  expect(duplicateKeyCalls).toHaveLength(0);
+});