feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/studio/components/__tests__/select-space-modal.test.tsx

@@ -0,0 +1,113 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { render, fireEvent, act } from '@testing-library/react';
+
+import { SelectSpaceModal } from '../src/select-space-modal';
+
+const spaces = [
+  {
+    id: 'space0',
+    name: 'space0',
+    hide_operation: false,
+  },
+  {
+    id: 'space1',
+    name: 'space1',
+    hide_operation: true,
+  },
+  {
+    id: 'space2',
+    name: 'space2',
+    hide_operation: false,
+  },
+];
+
+vi.mock('@coze-arch/bot-studio-store', () => ({
+  useSpaceStore: () => ({
+    space: { ...spaces[0], id: spaces[0].id },
+    spaces: {
+      bot_space_list: spaces,
+    },
+    getState: () => ({
+      getPersonalSpaceID: () => 'personal-space-id',
+    }),
+  }),
+  useSpaceList: () => ({ spaces, loading: false }),
+}));
+
+vi.mock('@coze-studio/bot-detail-store/page-runtime', () => ({
+  usePageRuntimeStore: () => ({
+    pageFrom: 'test',
+  }),
+}));
+
+vi.mock('@coze-studio/bot-detail-store/bot-skill', () => ({
+  useBotSkillStore: () => ({
+    hasWorkflow: false,
+  }),
+}));
+
+describe('SelectSpaceModal', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('should render botName and spaces', () => {
+    const wrapper = render(<SelectSpaceModal visible botName="mockBot" />);
+    expect(wrapper.getByRole('dialog')).toBeInTheDocument();
+    expect(
+      wrapper.getByDisplayValue('mockBot(duplicate_rename_copy)'),
+    ).toBeInTheDocument();
+
+    // 检查表单是否存在
+    expect(wrapper.getByRole('form')).toBeInTheDocument();
+
+    // 检查确定和取消按钮
+    expect(
+      wrapper.getByRole('button', { name: 'confirm' }),
+    ).toBeInTheDocument();
+    expect(wrapper.getByRole('button', { name: 'cancel' })).toBeInTheDocument();
+  });
+
+  it('should fire events', async () => {
+    const mockCancel = vi.fn();
+    const mockConfirm = vi.fn();
+    render(
+      <SelectSpaceModal
+        visible
+        botName="mockBot"
+        onCancel={mockCancel}
+        onConfirm={mockConfirm}
+      />,
+    );
+    fireEvent.click(document.body.querySelector('[aria-label="cancel"]')!);
+    expect(mockCancel).toHaveBeenCalled();
+    await act(async () => {
+      await fireEvent.click(
+        document.body.querySelector('[aria-label="confirm"]')!,
+      );
+    });
+    expect(mockConfirm).toHaveBeenCalledWith(
+      'space0',
+      'mockBot(duplicate_rename_copy)',
+    );
+  });
+});