import { describe, expect, it } from 'vitest'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'

const source = readFileSync(resolve(process.cwd(), 'src/modules/trucking/pages/TruckAppointmentCreateView.vue'), 'utf8')

describe('TruckAppointmentCreateView booking-bound creation contract', () => {
  it('starts with required booking and container choices empty until the user selects them', () => {
    expect(source).toContain('customerId: null, carrierId: null')
    expect(source).toContain('oceanBookingId: null, containerBookingId: null, loadingPlanId: null')
    expect(source).toContain('plannedLoadingAt: null')
    expect(source).toContain('createTruckAppointment({ ...form })')
  })

  it('keeps the form visible and exposes the real backend error details', () => {
    expect(source).toContain("getApiErrorDetails(err, '创建失败，请稍后重试')")
    expect(source).toContain('<ApiErrorMeta :details="error" />')
    expect(source).toContain('<TruckAppointmentForm v-model="form"')
  })

  it('places the return action beside the relation note instead of in a separate header row', () => {
    expect(source).toContain('<template #relation-note-actions>')
    expect(source).toContain('<ArrowLeft :size="16" />返回列表')
    expect(source).not.toContain('<template #header>')
    expect(source).not.toContain('class="editor-actions"')
  })
})