Files
xiaoxia-saas/apps/web/src/test/components/WorkspaceList.test.tsx
T

65 lines
1.6 KiB
TypeScript

/**
* WorkspaceList 组件单元测试
*/
import { render, screen, waitFor } from '@testing-library/react';
import { describe, it, expect, vi, beforeEach } from 'vitest';
import { BrowserRouter } from 'react-router-dom';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import WorkspaceList from '@/pages/workspace/WorkspaceList';
import * as workspaceApi from '@/api/workspace';
vi.mock('@/api/workspace');
const renderWorkspaceList = () => {
const queryClient = new QueryClient({
defaultOptions: {
queries: { retry: false },
},
});
return render(
<QueryClientProvider client={queryClient}>
<BrowserRouter>
<WorkspaceList />
</BrowserRouter>
</QueryClientProvider>
);
};
describe('WorkspaceList', () => {
beforeEach(() => {
vi.clearAllMocks();
});
it('should render workspace list', async () => {
const mockWorkspaces: workspaceApi.Workspace[] = [
{
id: '1',
name: 'Test Workspace',
owner_user_id: 'user-1',
subscription_plan: 'free',
subscription_status: 'active',
created_at: '2024-01-01',
},
];
vi.mocked(workspaceApi.getWorkspaces).mockResolvedValue(mockWorkspaces);
renderWorkspaceList();
await waitFor(() => {
expect(screen.getByText('Test Workspace')).toBeInTheDocument();
});
});
it('should show create workspace button', async () => {
vi.mocked(workspaceApi.getWorkspaces).mockResolvedValue([]);
renderWorkspaceList();
await waitFor(() => {
expect(screen.getByText('创建工作空间')).toBeInTheDocument();
});
});
});