create-fullstack-scaffold 0.1.0

package/template/src/admin/pages/__tests__/RolesPage.test.tsx

@@ -0,0 +1,256 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { RolesPage } from '../RolesPage'
+import type { RoleType } from '@shared/modules/role/schemas'
+
+const mockRoles: RoleType[] = [
+  {
+    id: '1',
+    code: 'super_admin',
+    name: 'Super Admin',
+    label: '超级管理员',
+    description: 'System super admin',
+    isSystem: true,
+    isActive: true,
+    sortOrder: 1,
+    createdAt: '2025-01-01',
+    updatedAt: '2025-01-01',
+  },
+  {
+    id: '2',
+    code: 'editor',
+    name: 'Editor',
+    label: '编辑者',
+    description: 'Content editor',
+    isSystem: false,
+    isActive: true,
+    sortOrder: 2,
+    createdAt: '2025-01-02',
+    updatedAt: '2025-01-02',
+  },
+]
+
+const mockFetchRoles = vi.fn()
+const mockCreateRole = vi.fn()
+const mockUpdateRole = vi.fn()
+const mockDeleteRole = vi.fn()
+const mockUpdateRolePermissions = vi.fn()
+const mockRefreshPermissions = vi.fn()
+
+vi.mock('@admin/hooks/useRoles', () => ({
+  useRoleStore: () => ({
+    roles: mockRoles,
+    loading: false,
+    fetchRoles: mockFetchRoles,
+    createRole: mockCreateRole,
+    updateRole: mockUpdateRole,
+    deleteRole: mockDeleteRole,
+    updateRolePermissions: mockUpdateRolePermissions,
+  }),
+}))
+
+vi.mock('@admin/hooks/useConfig', () => ({
+  useConfig: () => ({
+    permissions: [
+      { permission: 'user:view', label: '查看用户', category: 'user' },
+      { permission: 'user:create', label: '创建用户', category: 'user' },
+    ],
+    loading: false,
+  }),
+  usePermissionCategories: () => ({
+    categories: { user: { label: '用户管理', permissions: ['user:view', 'user:create'] } },
+    loading: false,
+  }),
+}))
+
+vi.mock('@admin/hooks/usePermissions', () => ({
+  usePermissions: () => ({
+    permissions: [],
+    role: null,
+    roles: [],
+    allPermissions: [],
+    loading: false,
+    refreshPermissions: mockRefreshPermissions,
+  }),
+}))
+
+const mockRoleGet = vi.fn()
+vi.mock('@admin/services/apiClient', () => ({
+  apiClient: {
+    api: {
+      roles: {
+        $get: vi.fn(),
+        $post: vi.fn(),
+        ':id': {
+          $get: () => mockRoleGet(),
+          $put: vi.fn(),
+          $delete: vi.fn(),
+          permissions: { $put: vi.fn() },
+        },
+      },
+    },
+  },
+}))
+
+vi.mock('antd', async () => {
+  const actual = await vi.importActual('antd')
+  return {
+    ...actual,
+    message: {
+      success: vi.fn(),
+      error: vi.fn(),
+    },
+  }
+})
+
+describe('RolesPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockFetchRoles.mockResolvedValue(undefined)
+    mockCreateRole.mockResolvedValue(true)
+    mockUpdateRole.mockResolvedValue(true)
+    mockDeleteRole.mockResolvedValue(true)
+    mockUpdateRolePermissions.mockResolvedValue(true)
+    mockRoleGet.mockResolvedValue({
+      json: () =>
+        Promise.resolve({
+          success: true,
+          data: { ...mockRoles[1], permissions: ['user:view'] },
+        }),
+    })
+  })
+
+  it('renders roles table on mount', async () => {
+    render(<RolesPage />)
+
+    expect(mockFetchRoles).toHaveBeenCalled()
+    await waitFor(() => {
+      expect(screen.getByText('Super Admin')).toBeInTheDocument()
+      expect(screen.getByText('编辑者')).toBeInTheDocument()
+    })
+  })
+
+  it('create role button opens modal', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /创建角色/ })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: /创建角色/ }))
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('角色代码')).toBeInTheDocument()
+    })
+  })
+
+  it('create role form submits', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /创建角色/ })).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByRole('button', { name: /创建角色/ }))
+
+    await waitFor(() => {
+      expect(screen.getByLabelText('角色代码')).toBeInTheDocument()
+    })
+
+    await user.type(screen.getByLabelText('角色代码'), 'test_role')
+    await user.type(screen.getByLabelText('角色名称'), 'Test Role')
+    await user.type(screen.getByLabelText('显示名称'), '测试角色')
+
+    await user.click(screen.getByRole('button', { name: '确 定' }))
+
+    await waitFor(() => {
+      expect(mockCreateRole).toHaveBeenCalled()
+    })
+  })
+
+  it('edit role opens pre-filled modal', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getAllByText('编辑').length).toBeGreaterThan(0)
+    })
+
+    const editButtons = screen.getAllByText('编辑')
+    await user.click(editButtons[0])
+
+    await waitFor(() => {
+      expect(screen.getByDisplayValue('Super Admin')).toBeInTheDocument()
+      expect(screen.getByDisplayValue('超级管理员')).toBeInTheDocument()
+    })
+  })
+
+  it('system roles cannot be deleted', async () => {
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('Super Admin')).toBeInTheDocument()
+    })
+
+    expect(screen.queryByText('确定要删除这个角色吗？')).not.toBeInTheDocument()
+  })
+
+  it('delete custom role with confirmation', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('编辑者')).toBeInTheDocument()
+    })
+
+    const deleteButtons = screen.getAllByRole('button', { name: /删除/ })
+    expect(deleteButtons.length).toBeGreaterThan(0)
+
+    await user.click(deleteButtons[0])
+
+    await waitFor(() => {
+      expect(screen.getByText('确定要删除这个角色吗？')).toBeInTheDocument()
+    })
+
+    const okButton = document.querySelector('.ant-popconfirm .ant-btn-primary')
+    await user.click(okButton!)
+
+    await waitFor(() => {
+      expect(mockDeleteRole).toHaveBeenCalledWith('2')
+    })
+  })
+
+  it('manage permissions button opens modal', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('权限')).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByText('权限'))
+
+    await waitFor(() => {
+      expect(screen.getByText(/管理角色权限/)).toBeInTheDocument()
+    })
+  })
+
+  it('permission tree renders in modal', async () => {
+    const user = userEvent.setup()
+    render(<RolesPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('权限')).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByText('权限'))
+
+    await waitFor(() => {
+      expect(screen.getByText('树状选择')).toBeInTheDocument()
+      expect(screen.getByText('JSON编辑')).toBeInTheDocument()
+    })
+  })
+})

package/template/src/admin/pages/__tests__/SettingsPage.test.tsx

@@ -0,0 +1,66 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { SettingsPage } from '../SettingsPage'
+
+vi.mock('antd', async () => {
+  const actual = await vi.importActual('antd')
+  return {
+    ...actual,
+    message: {
+      success: vi.fn(),
+      error: vi.fn(),
+    },
+  }
+})
+
+describe('SettingsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('renders General Settings card with form', () => {
+    render(<SettingsPage />)
+
+    expect(screen.getByText('Settings')).toBeInTheDocument()
+    expect(screen.getByText('General Settings')).toBeInTheDocument()
+    expect(screen.getByText('Site Name')).toBeInTheDocument()
+    expect(screen.getByText('Site Description')).toBeInTheDocument()
+  })
+
+  it('renders Notification Settings card with toggles', () => {
+    render(<SettingsPage />)
+
+    expect(screen.getByText('Notification Settings')).toBeInTheDocument()
+    expect(screen.getByText('Email Notifications')).toBeInTheDocument()
+    expect(screen.getByText('Push Notifications')).toBeInTheDocument()
+  })
+
+  it('renders Security Settings card', () => {
+    render(<SettingsPage />)
+
+    expect(screen.getByText('Security Settings')).toBeInTheDocument()
+    expect(screen.getByText('Current Password')).toBeInTheDocument()
+    expect(screen.getByText('New Password')).toBeInTheDocument()
+    expect(screen.getByText('Confirm New Password')).toBeInTheDocument()
+  })
+
+  it('save button shows success message', async () => {
+    const user = userEvent.setup()
+    const { message } = await import('antd')
+
+    render(<SettingsPage />)
+
+    const saveButtons = screen.getAllByRole('button', { name: /save changes/i })
+    await user.click(saveButtons[0])
+
+    expect(message.success).toHaveBeenCalledWith('Settings saved successfully!')
+  })
+
+  it('toggle switches are present and interactive', () => {
+    render(<SettingsPage />)
+
+    const switches = screen.getAllByRole('switch')
+    expect(switches.length).toBeGreaterThanOrEqual(2)
+  })
+})

package/template/src/admin/pages/__tests__/SystemLogsPage.test.tsx

@@ -0,0 +1,125 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { SystemLogsPage } from '../SystemLogsPage'
+
+const mockLogs = [
+  {
+    id: 'log-1',
+    userId: 'user-1',
+    action: 'create',
+    resourceType: 'user',
+    resourceId: 'res-1',
+    oldValue: null,
+    newValue: null,
+    ipAddress: '192.168.1.1',
+    userAgent: 'Mozilla/5.0',
+    createdAt: '2025-01-01T10:00:00.000Z',
+  },
+  {
+    id: 'log-2',
+    userId: 'user-2',
+    action: 'update',
+    resourceType: 'role',
+    resourceId: 'res-2',
+    oldValue: '{"name":"old"}',
+    newValue: '{"name":"new"}',
+    ipAddress: '10.0.0.1',
+    userAgent: 'Chrome/100',
+    createdAt: '2025-01-02T12:00:00.000Z',
+  },
+]
+
+const mockFetchLogs = vi.fn()
+
+vi.mock('@admin/hooks/useAuditLogs', () => ({
+  useAuditLogStore: () => ({
+    logs: mockLogs,
+    loading: false,
+    fetchLogs: mockFetchLogs,
+  }),
+}))
+
+describe('SystemLogsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockFetchLogs.mockResolvedValue(undefined)
+  })
+
+  it('renders logs table on mount', async () => {
+    render(<SystemLogsPage />)
+
+    expect(mockFetchLogs).toHaveBeenCalled()
+    await waitFor(() => {
+      expect(screen.getByText('user-1')).toBeInTheDocument()
+      expect(screen.getByText('user-2')).toBeInTheDocument()
+    })
+  })
+
+  it('filter by userId input', async () => {
+    const user = userEvent.setup()
+    render(<SystemLogsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByPlaceholderText('用户ID')).toBeInTheDocument()
+    })
+
+    await user.type(screen.getByPlaceholderText('用户ID'), 'user-1')
+    await user.click(screen.getByText('搜索'))
+
+    expect(mockFetchLogs).toHaveBeenLastCalledWith({
+      userId: 'user-1',
+      action: undefined,
+      resourceType: undefined,
+    })
+  })
+
+  it('filter by action type select', async () => {
+    const user = userEvent.setup()
+    render(<SystemLogsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('系统日志')).toBeInTheDocument()
+    })
+
+    await user.click(screen.getByText('搜索'))
+
+    expect(mockFetchLogs).toHaveBeenCalledWith()
+  })
+
+  it('reset filters clears all', async () => {
+    const user = userEvent.setup()
+    render(<SystemLogsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByPlaceholderText('用户ID')).toBeInTheDocument()
+    })
+
+    await user.type(screen.getByPlaceholderText('用户ID'), 'user-1')
+
+    const resetButton = screen.getByRole('button', { name: /重/ })
+    await user.click(resetButton)
+
+    const userIdInput = screen.getByPlaceholderText('用户ID') as HTMLInputElement
+    expect(userIdInput.value).toBe('')
+    expect(mockFetchLogs).toHaveBeenLastCalledWith()
+  })
+
+  it('view detail modal opens', async () => {
+    const user = userEvent.setup()
+    render(<SystemLogsPage />)
+
+    await waitFor(() => {
+      const detailButtons = screen.getAllByText('详情')
+      expect(detailButtons.length).toBeGreaterThan(0)
+    })
+
+    const detailButtons = screen.getAllByText('详情')
+    await user.click(detailButtons[0])
+
+    await waitFor(() => {
+      expect(screen.getByText('日志详情')).toBeInTheDocument()
+      expect(screen.getByText('log-1')).toBeInTheDocument()
+    })
+  })
+})

package/template/src/admin/pages/__tests__/TicketsPage.test.tsx

@@ -0,0 +1,202 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, waitFor } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { TicketsPage } from '../TicketsPage'
+import type { Ticket } from '@shared/modules/ticket'
+
+const mockTickets: Ticket[] = [
+  {
+    id: '1',
+    ticketNo: 'TK-001',
+    customerName: 'Alice',
+    customerEmail: 'alice@test.com',
+    subject: '无法登录',
+    description: '登录页面报错',
+    status: 'open',
+    priority: 'high',
+    category: 'technical',
+    assignedTo: null,
+    createdAt: '2024-01-01T00:00:00.000Z',
+    updatedAt: '2024-01-01T00:00:00.000Z',
+    replies: [
+      {
+        id: 'r1',
+        ticketId: '1',
+        content: '我无法登录系统',
+        author: 'Alice',
+        isCustomer: true,
+        createdAt: '2024-01-01T01:00:00.000Z',
+      },
+    ],
+  },
+  {
+    id: '2',
+    ticketNo: 'TK-002',
+    customerName: 'Bob',
+    customerEmail: 'bob@test.com',
+    subject: '退款问题',
+    description: '退款未到账',
+    status: 'resolved',
+    priority: 'urgent',
+    category: 'billing',
+    assignedTo: '客服小王',
+    createdAt: '2024-01-02T00:00:00.000Z',
+    updatedAt: '2024-01-02T00:00:00.000Z',
+    replies: [],
+  },
+  {
+    id: '3',
+    ticketNo: 'TK-003',
+    customerName: 'Charlie',
+    customerEmail: 'charlie@test.com',
+    subject: '功能建议',
+    description: '希望增加导出功能',
+    status: 'closed',
+    priority: 'low',
+    category: 'feature_request',
+    assignedTo: null,
+    createdAt: '2024-01-03T00:00:00.000Z',
+    updatedAt: '2024-01-03T00:00:00.000Z',
+    replies: [],
+  },
+]
+
+const mockTicketsGet = vi.fn()
+const mockTicketClosePut = vi.fn()
+
+vi.mock('@admin/services/apiClient', () => ({
+  apiClient: {
+    api: {
+      tickets: {
+        $get: (...args: unknown[]) => mockTicketsGet(...args),
+        ':id': {
+          close: {
+            $put: (...args: unknown[]) => mockTicketClosePut(...args),
+          },
+        },
+      },
+    },
+  },
+}))
+
+vi.mock('@admin/hooks/usePermissions', () => ({
+  usePermissions: () => ({
+    hasPermission: () => true,
+    hasAnyPermission: () => true,
+    hasAllPermissions: () => true,
+    permissions: [],
+    role: null,
+    roles: [],
+    allPermissions: [],
+    menuConfig: [],
+    pagePermissions: [],
+    loading: false,
+    initialized: true,
+    initPermissions: vi.fn(),
+    fetchStaticData: vi.fn(),
+    reset: vi.fn(),
+    refreshPermissions: vi.fn(),
+  }),
+}))
+
+vi.mock('antd', async () => {
+  const actual = await vi.importActual('antd')
+  return {
+    ...actual,
+    message: {
+      success: vi.fn(),
+      error: vi.fn(),
+    },
+  }
+})
+
+function createSuccessResponse(data: unknown) {
+  return Promise.resolve({
+    ok: true,
+    json: () => Promise.resolve({ success: true, data }),
+  })
+}
+
+describe('TicketsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockTicketsGet.mockReturnValue(createSuccessResponse(mockTickets))
+    mockTicketClosePut.mockReturnValue(createSuccessResponse(null))
+  })
+
+  it('renders page with title and summary cards', async () => {
+    render(<TicketsPage />)
+
+    expect(screen.getByText('客服中心')).toBeInTheDocument()
+    await waitFor(() => {
+      expect(screen.getByText('总工单')).toBeInTheDocument()
+      expect(screen.getByText('待处理')).toBeInTheDocument()
+      expect(screen.getByText('紧急')).toBeInTheDocument()
+      expect(screen.getByText('已解决')).toBeInTheDocument()
+    })
+  })
+
+  it('fetches tickets on mount', async () => {
+    render(<TicketsPage />)
+
+    await waitFor(() => {
+      expect(mockTicketsGet).toHaveBeenCalled()
+    })
+  })
+
+  it('summary cards show correct counts', async () => {
+    render(<TicketsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('TK-001')).toBeInTheDocument()
+    })
+
+    const allThrees = screen.getAllByText('3')
+    expect(allThrees.length).toBeGreaterThanOrEqual(1)
+  })
+
+  it('close ticket with confirmation', async () => {
+    const user = userEvent.setup()
+    render(<TicketsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('TK-001')).toBeInTheDocument()
+    })
+
+    const closeButtons = screen.getAllByText('关闭')
+    await user.click(closeButtons[0])
+
+    await waitFor(() => {
+      expect(screen.getByText('确定要关闭这个工单吗？')).toBeInTheDocument()
+    })
+  })
+
+  it('ticket detail modal shows replies', async () => {
+    const user = userEvent.setup()
+    render(<TicketsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('TK-001')).toBeInTheDocument()
+    })
+
+    const viewButtons = screen.getAllByText('查看')
+    await user.click(viewButtons[0])
+
+    await waitFor(() => {
+      expect(screen.getByText('工单详情', { selector: '.ant-modal-title' })).toBeInTheDocument()
+      expect(screen.getByText('回复记录')).toBeInTheDocument()
+      expect(screen.getByText('我无法登录系统')).toBeInTheDocument()
+    })
+  })
+
+  it('displays ticket data in table', async () => {
+    render(<TicketsPage />)
+
+    await waitFor(() => {
+      expect(screen.getByText('TK-001')).toBeInTheDocument()
+      expect(screen.getByText('无法登录')).toBeInTheDocument()
+      expect(screen.getByText('Alice')).toBeInTheDocument()
+      expect(screen.getByText('退款问题')).toBeInTheDocument()
+    })
+  })
+})