fix(public): 修复用户可见性、额度、验证与 Codex 探测

2026-10-07 09:57:47 +08:00 · 2026-05-16 00:51:44 +08:00
parent 8eb4c029b2
commit bbd3c30b0e
50 changed files with 2321 additions and 347 deletions
@@ -789,7 +789,7 @@
 </template>

 <script setup lang="ts">
-import { ref, onMounted, computed, onBeforeUnmount, nextTick, watch } from 'vue'
+import { ref, onMounted, computed, onBeforeUnmount, nextTick, watch, markRaw } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { dashboardApi, type DashboardStat, type DailyStat, type ProviderSummary } from '@/api/dashboard'
 import { getDateRangeFromPeriod } from '@/features/usage/composables'
@@ -1328,7 +1328,7 @@ async function loadDashboardData() {
    })
    stats.value = statsData.stats.map(stat => ({
      ...stat,
-      icon: iconMap[stat.icon] || Activity
+      icon: markRaw(iconMap[stat.icon] || Activity)
    }))
    if (statsData.today) todayStats.value = statsData.today
    if (isAdmin.value) {
@@ -0,0 +1,169 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { createApp, defineComponent, h, nextTick, type App } from 'vue'
+
+import Dashboard from '../Dashboard.vue'
+
+const dashboardApiMocks = vi.hoisted(() => ({
+  getStats: vi.fn(),
+  getDailyStats: vi.fn(),
+}))
+
+vi.mock('@/stores/auth', () => ({
+  useAuthStore: () => ({
+    canAccessAdmin: false,
+    isAdmin: false,
+    isAuditAdmin: false,
+  }),
+}))
+
+vi.mock('@/api/dashboard', () => ({
+  dashboardApi: dashboardApiMocks,
+}))
+
+vi.mock('@/api/announcements', () => ({
+  announcementApi: {
+    getAnnouncements: vi.fn().mockResolvedValue({ items: [] }),
+    markAsRead: vi.fn().mockResolvedValue({}),
+  },
+}))
+
+vi.mock('@/components/charts/BarChart.vue', async () => {
+  const { defineComponent, h } = await import('vue')
+  return { default: defineComponent({ name: 'BarChartStub', setup: () => () => h('div') }) }
+})
+
+vi.mock('@/components/charts/DoughnutChart.vue', async () => {
+  const { defineComponent, h } = await import('vue')
+  return { default: defineComponent({ name: 'DoughnutChartStub', setup: () => () => h('div') }) }
+})
+
+vi.mock('@/components/charts/LineChart.vue', async () => {
+  const { defineComponent, h } = await import('vue')
+  return { default: defineComponent({ name: 'LineChartStub', setup: () => () => h('div') }) }
+})
+
+vi.mock('@/components/common', async () => {
+  const { defineComponent, h } = await import('vue')
+  return {
+    TimeRangePicker: defineComponent({
+      name: 'TimeRangePickerStub',
+      setup() {
+        return () => h('div')
+      },
+    }),
+  }
+})
+
+vi.mock('@/components/ui', async () => {
+  const { defineComponent, h } = await import('vue')
+  const passthrough = (name: string, tag = 'div') => defineComponent({
+    name,
+    setup(_, { slots }) {
+      return () => h(tag, slots.default?.())
+    },
+  })
+  return {
+    Card: passthrough('CardStub', 'section'),
+    Badge: passthrough('BadgeStub', 'span'),
+    Button: passthrough('ButtonStub', 'button'),
+    Skeleton: defineComponent({ name: 'SkeletonStub', setup: () => () => h('div') }),
+    Dialog: passthrough('DialogStub'),
+    Table: passthrough('TableStub', 'table'),
+    TableHeader: passthrough('TableHeaderStub', 'thead'),
+    TableBody: passthrough('TableBodyStub', 'tbody'),
+    TableRow: passthrough('TableRowStub', 'tr'),
+    TableHead: passthrough('TableHeadStub', 'th'),
+    TableCell: passthrough('TableCellStub', 'td'),
+  }
+})
+
+vi.mock('lucide-vue-next', async () => {
+  const Icon = defineComponent({
+    name: 'IconStub',
+    setup() {
+      return () => h('span')
+    },
+  })
+  return {
+    Users: Icon,
+    Activity: Icon,
+    TrendingUp: Icon,
+    DollarSign: Icon,
+    Key: Icon,
+    Hash: Icon,
+    Zap: Icon,
+    Bell: Icon,
+    AlertCircle: Icon,
+    AlertTriangle: Icon,
+    Info: Icon,
+    Wrench: Icon,
+    Loader2: Icon,
+    Clock: Icon,
+    Database: Icon,
+    Shuffle: Icon,
+  }
+})
+
+const mountedApps: Array<{ app: App, root: HTMLElement }> = []
+
+function mountDashboard() {
+  const root = document.createElement('div')
+  document.body.appendChild(root)
+  const app = createApp(Dashboard)
+  app.mount(root)
+  mountedApps.push({ app, root })
+  return root
+}
+
+async function settle() {
+  for (let index = 0; index < 8; index += 1) {
+    await Promise.resolve()
+    await nextTick()
+  }
+}
+
+beforeEach(() => {
+  dashboardApiMocks.getStats.mockReset()
+  dashboardApiMocks.getDailyStats.mockReset()
+  dashboardApiMocks.getDailyStats.mockResolvedValue({
+    daily_stats: [],
+    model_summary: [],
+    period: { start_date: '2026-05-01', end_date: '2026-05-15', days: 15 },
+  })
+})
+
+afterEach(() => {
+  for (const { app, root } of mountedApps.splice(0)) {
+    app.unmount()
+    root.remove()
+  }
+  document.body.innerHTML = ''
+})
+
+describe('Dashboard ordinary user wallet card', () => {
+  it('renders package and wallet balance split from mocked stats', async () => {
+    dashboardApiMocks.getStats.mockResolvedValue({
+      stats: [
+        { name: 'API 密钥', value: '0', subValue: '活跃 0', icon: 'Activity' },
+        { name: '本月请求', value: '0', subValue: '今日 0', icon: 'Users' },
+        {
+          name: '钱包余额',
+          value: '$110.00',
+          subValue: '套餐额度 $100.00 · 钱包余额 $10.00',
+          icon: 'DollarSign',
+        },
+        { name: '本月 Token', value: '0', subValue: '输入 0 / 输出 0', icon: 'Zap' },
+      ],
+      today: { requests: 0, tokens: 0, cost: 0 },
+      cache_stats: { cache_creation_tokens: 0, cache_read_tokens: 0, total_cache_tokens: 0 },
+      token_breakdown: { input: 0, output: 0, cache_creation: 0, cache_read: 0 },
+      monthly_cost: 0,
+    })
+
+    const root = mountDashboard()
+    await settle()
+
+    expect(root.textContent).toContain('$110.00')
+    expect(root.textContent).toContain('套餐额度 $100.00 · 钱包余额 $10.00')
+  })
+})