@ploykit/ui 0.5.0 → 0.6.2

package/src/pages/admin/__tests__/OrdersPageMarkPaid.test.tsx

@@ -0,0 +1,207 @@
+
+import '@testing-library/jest-dom/vitest';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+const mockedGet = vi.hoisted(() => vi.fn());
+const mockedPost = vi.hoisted(() => vi.fn());
+const toastMocks = vi.hoisted(() => ({
+  success: vi.fn(),
+  error: vi.fn(),
+  info: vi.fn(),
+}));
+vi.mock('@ploykit/client', () => ({
+  api: {
+    get: mockedGet,
+    put: vi.fn(),
+    post: mockedPost,
+    patch: vi.fn(),
+    delete: vi.fn(),
+  },
+  ApiError: class ApiError extends Error {
+    status: number;
+    code: string;
+    constructor(status: number, code: string, message: string) {
+      super(message);
+      this.status = status;
+      this.code = code;
+    }
+  },
+}));
+
+
+vi.mock('../../../components/ConfirmDialog', () => ({
+  useConfirm: () => async () => true,
+}));
+vi.mock('../../../components/toast', () => ({ toast: toastMocks }));
+
+import { MemoryRouter } from 'react-router';
+import { OrdersPage } from '../OrdersPage';
+
+const ORDERS = [
+  {
+    
+    id: 'ord-manual-1',
+    workspace_id: 'ws-1',
+    workspace_name: 'Acme',
+    user_id: 'u-1',
+    plan_code: 'pro',
+    interval: 'one_time',
+    amount_cents: 12800,
+    currency: 'CNY',
+    channel: 'manual',
+    status: 'pending',
+    created_at: '2026-10-07T08:00:00Z',
+  },
+  {
+    
+    id: 'ord-stripe-2',
+    workspace_id: 'ws-2',
+    workspace_name: 'Beta',
+    user_id: 'u-2',
+    plan_code: 'starter',
+    interval: 'monthly',
+    amount_cents: 9900,
+    currency: 'CNY',
+    channel: 'stripe',
+    status: 'pending',
+    created_at: '2026-10-07T09:00:00Z',
+  },
+  {
+    
+    id: 'ord-paid-3',
+    workspace_id: 'ws-3',
+    workspace_name: 'Gamma',
+    user_id: 'u-3',
+    plan_code: 'pro',
+    interval: 'one_time',
+    amount_cents: 6400,
+    currency: 'CNY',
+    channel: 'manual',
+    status: 'paid',
+    created_at: '2026-10-06T08:00:00Z',
+  },
+];
+
+function renderPage() {
+  const qc = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  return render(
+    <MemoryRouter initialEntries={['/admin/orders']}>
+      <QueryClientProvider client={qc}>
+        <OrdersPage />
+      </QueryClientProvider>
+    </MemoryRouter>,
+  );
+}
+
+beforeEach(() => {
+  mockedGet.mockReset().mockImplementation(async (path: string) => {
+    if (path.startsWith('/api/admin/orders'))
+      return { items: ORDERS, total: ORDERS.length };
+    if (path.startsWith('/api/admin/payment-events'))
+      return { items: [], total: 0 };
+    if (path.startsWith('/api/admin/billing/config')) return { channels: [] };
+    throw new Error('unexpected GET ' + path);
+  });
+  mockedPost.mockReset().mockResolvedValue({ status: 'ok' });
+  toastMocks.success.mockClear();
+  toastMocks.error.mockClear();
+});
+
+describe('OrdersPage 标记已付（批次 2.8）', () => {
+  it('仅 pending+manual 行出现"标记已付"（stripe/已付行不出现）', async () => {
+    renderPage();
+    expect(await screen.findAllByText('Acme')).toBeTruthy();
+    expect(
+      await waitFor(() => screen.getAllByRole('button', { name: '标记已付' })),
+    ).toHaveLength(1);
+  });
+
+  it('确认后 POST mark-paid → 成功 toast + 订单列表失效重拉', async () => {
+    renderPage();
+    await screen.findAllByText('Acme');
+
+    fireEvent.click(screen.getByRole('button', { name: '标记已付' }));
+    await waitFor(() =>
+      
+      expect(mockedPost).toHaveBeenCalledWith(
+        '/api/admin/billing/orders/ord-manual-1/mark-paid',
+        undefined,
+      ),
+    );
+    await waitFor(() => expect(toastMocks.success).toHaveBeenCalled());
+    
+    await waitFor(() =>
+      expect(
+        mockedGet.mock.calls.filter(([p]: [string]) =>
+          p.startsWith('/api/admin/orders'),
+        ).length,
+      ).toBeGreaterThanOrEqual(2),
+    );
+  });
+
+  it('409（非 pending 并发窗口）→ toast 透出服务端语义', async () => {
+    mockedPost.mockRejectedValueOnce(
+      new (class extends Error {
+        status = 409;
+        code = 'E_CONFLICT';
+      })('order is not pending'),
+    );
+    renderPage();
+    await screen.findAllByText('Acme');
+
+    fireEvent.click(screen.getByRole('button', { name: '标记已付' }));
+    await waitFor(() => expect(toastMocks.error).toHaveBeenCalled());
+    expect(toastMocks.error.mock.calls[0][0]).toContain('order is not pending');
+  });
+
+  it('P2-16：触发超额出账先过确认链（确认后 POST run-overage）', async () => {
+    renderPage();
+    await screen.findAllByText('Acme');
+
+    
+    fireEvent.click(screen.getByRole('button', { name: '触发超额出账' }));
+    await waitFor(() =>
+      expect(mockedPost).toHaveBeenCalledWith(
+        '/api/admin/billing/run-overage',
+        undefined,
+      ),
+    );
+    await waitFor(() => expect(toastMocks.success).toHaveBeenCalled());
+  });
+
+  it('P2-16：触发到期降级先过确认链（确认后 POST run-expiry）', async () => {
+    renderPage();
+    await screen.findAllByText('Acme');
+
+    fireEvent.click(screen.getByRole('button', { name: '触发到期降级' }));
+    await waitFor(() =>
+      expect(mockedPost).toHaveBeenCalledWith(
+        '/api/admin/billing/run-expiry',
+        undefined,
+      ),
+    );
+  });
+
+  it('B-orders-3：状态筛选选项为中文标签（refunded=已退款），选中后 query 带 status', async () => {
+    renderPage();
+    await screen.findAllByText('Acme');
+
+    const trigger = screen.getByRole('combobox', { name: '按订单状态过滤' });
+    fireEvent.click(trigger);
+    const option = await screen.findByRole('option', { name: '已退款' });
+    fireEvent.pointerDown(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.pointerUp(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.click(option);
+
+    await waitFor(() => {
+      const ordersCalls = mockedGet.mock.calls
+        .map((c) => String(c[0]))
+        .filter((p) => p.startsWith('/api/admin/orders'));
+      expect(
+        ordersCalls.some((p) => p.includes('status=refunded')),
+      ).toBe(true);
+    });
+  });
+});

package/src/pages/admin/__tests__/OverviewPageActivity.test.tsx

@@ -0,0 +1,213 @@
+
+import '@testing-library/jest-dom/vitest';
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+} from '@testing-library/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+const mockedGet = vi.hoisted(() => vi.fn());
+vi.mock('@ploykit/client', () => ({
+  api: {
+    get: mockedGet,
+    put: vi.fn(),
+    post: vi.fn(),
+    patch: vi.fn(),
+    delete: vi.fn(),
+  },
+  ApiError: class ApiError extends Error {
+    status: number;
+    code: string;
+    constructor(status: number, code: string, message: string) {
+      super(message);
+      this.status = status;
+      this.code = code;
+    }
+  },
+}));
+
+
+const paramsState = vi.hoisted(() => ({ params: new URLSearchParams() }));
+vi.mock('react-router', () => ({
+  useLocation: () => ({ hash: '' }),
+  useSearchParams: () => [
+    paramsState.params,
+    (p: URLSearchParams) => {
+      paramsState.params = p;
+    },
+  ],
+}));
+
+import { OverviewPage } from '../OverviewPage';
+
+const STATS = {
+  total_users: 10,
+  active_users: 8,
+  total_workspaces: 4,
+  paid_workspaces: 1,
+  new_users_7d: 3,
+  new_users_30d: 6,
+};
+const SUMMARY = [
+  { event_type: 'task_created', count: 42, last_at: '2026-10-08T09:00:00Z' },
+  { event_type: 'checkout_started', count: 7, last_at: '2026-10-08T08:00:00Z' },
+];
+const RECENT = Array.from({ length: 20 }, (_, i) => ({
+  id: 100 - i,
+  workspace_id:
+    i % 2 === 0 ? 'ws-00000000-0000-0000-0000-00000000000a' : undefined,
+  user_id: 'u-1',
+  event_type: i % 2 === 0 ? 'task_created' : 'checkout_started',
+  entity_type: 'task',
+  entity_id: `tk-${i}`,
+  payload: {},
+  created_at: `2026-10-08T09:${String(59 - i).padStart(2, '0')}:00Z`,
+}));
+
+function renderPage() {
+  const qc = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  return render(
+    <QueryClientProvider client={qc}>
+      <OverviewPage />
+    </QueryClientProvider>,
+  );
+}
+
+beforeEach(() => {
+  paramsState.params = new URLSearchParams();
+  mockedGet.mockReset().mockImplementation(async (path: string) => {
+    if (path === '/api/admin/stats') return STATS;
+    if (path.startsWith('/api/admin/analytics?')) return SUMMARY;
+    if (path.startsWith('/api/admin/analytics/recent')) return RECENT;
+    throw new Error('unexpected GET ' + path);
+  });
+});
+
+describe('OverviewPage 活动流（批次 3.3）', () => {
+  it('渲染最近事件卡片：20 条倒序列表（limit=20 默认）', async () => {
+    renderPage();
+    expect(await screen.findByText('最近事件')).toBeInTheDocument();
+    
+    expect(await screen.findByText('task tk-0')).toBeInTheDocument();
+    expect(screen.getByText('task tk-19')).toBeInTheDocument();
+    expect(mockedGet).toHaveBeenCalledWith(
+      '/api/admin/analytics/recent?limit=20',
+    );
+  });
+
+  it('type 过滤：选项来自汇总表类型并集，选中后 query 带 &type= 并重拉', async () => {
+    renderPage();
+    await screen.findByText('最近事件');
+
+    const trigger = screen.getByRole('combobox', {
+      name: '按事件类型过滤活动流',
+    });
+    fireEvent.click(trigger);
+    const option = await screen.findByRole('option', {
+      name: 'checkout_started',
+    });
+    fireEvent.pointerDown(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.pointerUp(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.click(option);
+
+    await waitFor(() =>
+      expect(mockedGet).toHaveBeenCalledWith(
+        `/api/admin/analytics/recent?limit=20&type=${encodeURIComponent('checkout_started')}`,
+      ),
+    );
+    
+    expect(paramsState.params.get('type')).toBe('checkout_started');
+  });
+
+  it('B4：切换统计时间范围后，活动流类型过滤不被重置（选项跨范围累积）', async () => {
+    renderPage();
+    await screen.findByText('最近事件');
+
+    
+    const typeTrigger = screen.getByRole('combobox', {
+      name: '按事件类型过滤活动流',
+    });
+    fireEvent.click(typeTrigger);
+    const option = await screen.findByRole('option', {
+      name: 'checkout_started',
+    });
+    fireEvent.pointerDown(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.pointerUp(option, { button: 0, pointerType: 'mouse' });
+    fireEvent.click(option);
+    await waitFor(() =>
+      expect(mockedGet).toHaveBeenCalledWith(
+        `/api/admin/analytics/recent?limit=20&type=${encodeURIComponent('checkout_started')}`,
+      ),
+    );
+
+    
+    
+    const rangeTrigger = screen.getByRole('combobox', { name: '统计时间范围' });
+    fireEvent.click(rangeTrigger);
+    const range30 = await screen.findByRole('option', { name: '近 30 天' });
+    fireEvent.pointerDown(range30, { button: 0, pointerType: 'mouse' });
+    fireEvent.pointerUp(range30, { button: 0, pointerType: 'mouse' });
+    fireEvent.click(range30);
+
+    await waitFor(() =>
+      expect(mockedGet).toHaveBeenCalledWith('/api/admin/analytics?days=30',),
+    );
+    
+    
+    await new Promise((r) => setTimeout(r, 50));
+    const recentCalls = mockedGet.mock.calls
+      .map((c) => String(c[0]))
+      .filter((p) => p.startsWith('/api/admin/analytics/recent'));
+    expect(recentCalls.length).toBe(2); 
+    expect(recentCalls[1]).toContain('type=checkout_started');
+    expect(
+      screen.getByRole('combobox', { name: '按事件类型过滤活动流' }),
+    ).toHaveTextContent('checkout_started');
+  });
+
+  it('B8：带 days/type 参数渲染时按 URL 初始化过滤', async () => {
+    paramsState.params = new URLSearchParams('days=30&type=task_created');
+    renderPage();
+    await screen.findByText('最近事件');
+    expect(mockedGet).toHaveBeenCalledWith('/api/admin/analytics?days=30');
+    await waitFor(() =>
+      expect(mockedGet).toHaveBeenCalledWith(
+        `/api/admin/analytics/recent?limit=20&type=${encodeURIComponent('task_created')}`,
+      ),
+    );
+  });
+
+  it('空态：该类型无事件时给出换类型提示', async () => {
+    mockedGet.mockImplementation(async (path: string) => {
+      if (path === '/api/admin/stats') return STATS;
+      if (path.startsWith('/api/admin/analytics?')) return SUMMARY;
+      if (path.startsWith('/api/admin/analytics/recent')) return [];
+      throw new Error('unexpected GET ' + path);
+    });
+    const { container } = renderPage();
+    await waitFor(() =>
+      expect(
+        container.querySelector('table') ?? container.textContent,
+      ).toBeTruthy(),
+    );
+    
+    expect(await screen.findByText('暂无埋点事件')).toBeInTheDocument();
+  });
+
+  it('加载失败 → 错误行内展示 + 重试入口', async () => {
+    mockedGet.mockImplementation(async (path: string) => {
+      if (path === '/api/admin/stats') return STATS;
+      if (path.startsWith('/api/admin/analytics?')) return SUMMARY;
+      if (path.startsWith('/api/admin/analytics/recent')) {
+        throw new Error('db down');
+      }
+      throw new Error('unexpected GET ' + path);
+    });
+    renderPage();
+    expect(await screen.findByText(/活动流加载失败/)).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: '重试' })).toBeInTheDocument();
+  });
+});

package/src/pages/admin/__tests__/SSOPage.test.tsx

@@ -0,0 +1,128 @@
+
+import '@testing-library/jest-dom/vitest';
+import { render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { SSOPage } from '../SSOPage';
+
+const mockedGet = vi.hoisted(() => vi.fn());
+vi.mock('@ploykit/client', () => ({
+  api: {
+    get: mockedGet,
+    put: vi.fn(),
+    post: vi.fn(),
+    patch: vi.fn(),
+    delete: vi.fn(),
+  },
+  ApiError: class ApiError extends Error {
+    status: number;
+    code: string;
+    constructor(status: number, code: string, message: string) {
+      super(message);
+      this.status = status;
+      this.code = code;
+    }
+  },
+}));
+
+function renderPage() {
+  const qc = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  return render(
+    <MemoryRouter initialEntries={['/admin/sso']}>
+      <QueryClientProvider client={qc}>
+        <SSOPage />
+      </QueryClientProvider>
+    </MemoryRouter>,
+  );
+}
+
+const ROWS = [
+  {
+    workspace_id: 'ws-1',
+    workspace_slug: 'acme',
+    workspace_name: 'Acme',
+    issuer_url: 'https://idp.acme.corp',
+    client_id: 'acme-client',
+    scopes: 'openid email profile',
+    secret_sealed: true,
+    created_at: '2026-10-01T08:00:00Z',
+    updated_at: '2026-10-02T08:00:00Z',
+  },
+  {
+    workspace_id: 'ws-2',
+    workspace_slug: 'globex',
+    workspace_name: 'Globex',
+    issuer_url: 'https://sso.globex.io',
+    client_id: 'globex-client',
+    scopes: 'openid email',
+    secret_sealed: false, // 迁移 016 时代存量明文 → 警告徽标
+    created_at: '2026-09-01T08:00:00Z',
+    updated_at: '2026-09-01T08:00:00Z',
+  },
+];
+
+beforeEach(() => {
+  mockedGet.mockReset();
+});
+
+describe('SSOPage', () => {
+  it('渲染 provider 列表：工作区、Issuer/client_id、密封徽标两态', async () => {
+    mockedGet.mockResolvedValue(ROWS);
+    renderPage();
+
+    expect(await screen.findByText('Acme')).toBeInTheDocument();
+    expect(screen.getByText('https://idp.acme.corp')).toBeInTheDocument();
+    expect(screen.getByText('client_id: acme-client')).toBeInTheDocument();
+    
+    expect(screen.getByText('已加密')).toBeInTheDocument();
+    expect(screen.getByText('明文')).toBeInTheDocument();
+    
+    expect(
+      screen.getByText(/配置的增删改在各工作区\s+自助面完成/),
+    ).toBeInTheDocument();
+    expect(mockedGet).toHaveBeenCalledWith('/api/admin/sso');
+  });
+
+  it('B-sso-3：工作区名链接到管理台工作区详情页', async () => {
+    mockedGet.mockResolvedValue(ROWS);
+    renderPage();
+
+    const link = await screen.findByRole('link', { name: /Acme/ });
+    expect(link).toHaveAttribute('href', '/admin/workspaces/ws-1');
+  });
+
+  it('B-sso-2：明文行常显"需重新保存以加密"指引（不只在 title 悬停）', async () => {
+    mockedGet.mockResolvedValue(ROWS);
+    renderPage();
+
+    expect(await screen.findByText('需重新保存以加密')).toBeInTheDocument();
+  });
+
+  it('B-sso-7：配置/更新时间双值常显（updated != created 时显示更新行）', async () => {
+    mockedGet.mockResolvedValue(ROWS);
+    renderPage();
+
+    await screen.findByText('Acme');
+    
+    expect(screen.getByText(/更新 /)).toBeInTheDocument();
+    expect(screen.getByText('配置 / 更新时间')).toBeInTheDocument();
+  });
+
+  it('空列表 → 空态"无工作区配置联邦 SSO"', async () => {
+    mockedGet.mockResolvedValue([]);
+    renderPage();
+
+    expect(await screen.findByText('无工作区配置联邦 SSO')).toBeInTheDocument();
+  });
+
+  it('加载失败 → 错误态可重试（不渲染表格行）', async () => {
+    mockedGet.mockRejectedValue(new Error('db down'));
+    renderPage();
+
+    expect(
+      await screen.findByRole('button', { name: '重试' }),
+    ).toBeInTheDocument();
+    expect(screen.queryByText('Acme')).not.toBeInTheDocument();
+  });
+});