admin-web/src/modules/ocean-bookings/pages/OceanBookingsView.test.ts

import { describe, expect, it } from 'vitest'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
describe('OceanBookingsView', () => { const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8'); it('keeps the operation column first and left fixed', () => { expect(source.indexOf("key: 'actions'")).toBeLessThan(source.indexOf("prop: 'bookingNo'")); expect(source).toContain("fixed: 'left'") }); it('renders loading, empty and error through shared components', () => { expect(source).toContain('LoadErrorState'); expect(source).toContain(':loading="loading"'); expect(source).toContain(':total="total"') }); it('keeps list actions in the table toolbar without a duplicate page title', () => { expect(source).toContain('<template #toolbar-actions>'); expect(source).not.toContain('<template #toolbar-start>'); expect(source).not.toContain('PageToolbar'); expect(source).not.toContain('<template #actions><el-button') }); it('shows the two frequent row actions directly without a more menu', () => { expect(source).toContain('<Eye :size="15" />查看'); expect(source).toContain('<Pencil :size="15" />编辑'); expect(source).not.toContain('MoreHorizontal') }); it('renders backend booking statuses through the domain translation contract', () => { expect(source).toContain('options: oceanBookingStatusOptions'); expect(source).toContain(':status="oceanBookingStatusLabel(row.status)"'); expect(source).not.toContain(':status="row.status"') }) })

describe('OceanBookingsView prototype field matrix', () => {
  const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8')

  it('keeps the frozen business field sequence after the first action column', () => {
    const fields = ['bookingNo', 'customerName', 'carrierName', 'bookingAgent', 'vesselName', 'pol', 'pod', 'etd', 'eta', 'status', 'updatedAt']
    let previous = source.indexOf("key: 'actions'")
    for (const field of fields) {
      const current = source.indexOf(`prop: '${field}'`, previous + 1)
      expect(current, field).toBeGreaterThan(previous)
      previous = current
    }
  })

  it('formats schedule and update timestamps without adding print actions', () => {
    expect(source).toContain('<template #updatedAt="{ row }">{{ formatDateTime(row.updatedAt) }}</template>')
    expect(source).toContain('<template #etd="{ row }">{{ formatDateTime(row.etd) }}</template>')
    expect(source).not.toContain('打印')
  })
})

describe('OceanBookingsView visual action contract', () => {
  const source = readFileSync(resolve(process.cwd(), 'src/modules/ocean-bookings/pages/OceanBookingsView.vue'), 'utf8')

  it('uses bordered business buttons and stacks them on narrow screens', () => {
    expect(source).toContain('size="small" type="primary" plain')
    expect(source).toContain('size="small" @click="open(row.id)"')
    expect(source).not.toContain('link type="primary" @click="open(row.id)')
    expect(source).toContain('@media(max-width:420px)')
    expect(source).toContain('.table-actions')
    expect(source).toContain(':total="total" stripe preference-key="ocean-bookings"')
  })
})