接入前端P0页面真实接口

client/src/tests/reservationOperaPanel.spec.ts

@@ -0,0 +1,70 @@
+import { flushPromises, mount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { createI18n } from 'vue-i18n'
+
+import ReservationOperaPanel from '@/components/reservation/ReservationOperaPanel.vue'
+import zhCN from '@/i18n/locales/zh-CN'
+import type { ReservationOperaOperationResult } from '@/types/reservation'
+
+vi.mock('@/services/reservationService', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('@/services/reservationService')>()
+  return {
+    ...actual,
+    executeReservationOperaOperation: vi.fn(),
+    retryReservationOperaOperation: vi.fn(),
+  }
+})
+
+const service = await import('@/services/reservationService')
+
+function createOperation(): ReservationOperaOperationResult {
+  return {
+    operation_id: 'op-1',
+    task_id: '10001',
+    operation_sequence: 1,
+    operation_code: 'CREATE_RESERVATION',
+    operation_name: 'Create reservation',
+    operation_status: 'PENDING',
+    attempt_count: 0,
+    last_error_message: null,
+    attempts: [],
+  }
+}
+
+function mountPanel() {
+  const i18n = createI18n({
+    legacy: false,
+    locale: 'zh-CN',
+    messages: {
+      'zh-CN': zhCN,
+    },
+  })
+  return mount(ReservationOperaPanel, {
+    props: {
+      taskId: '10001',
+      operations: [createOperation()],
+      executable: true,
+    },
+    global: {
+      plugins: [i18n],
+    },
+  })
+}
+
+describe('ReservationOperaPanel', () => {
+  beforeEach(() => {
+    vi.mocked(service.executeReservationOperaOperation).mockReset()
+    vi.mocked(service.retryReservationOperaOperation).mockReset()
+  })
+
+  it('shows operation errors when execute fails', async () => {
+    vi.mocked(service.executeReservationOperaOperation).mockRejectedValue(new Error('OPERA is unavailable'))
+
+    const wrapper = mountPanel()
+    await wrapper.find('button[title="执行"]').trigger('click')
+    await flushPromises()
+
+    expect(wrapper.text()).toContain('OPERA is unavailable')
+    expect(wrapper.find('button[title="执行"]').attributes('disabled')).toBeUndefined()
+  })
+})