admin-web/src/modules/suppliers/pages/SuppliersView.test.ts

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

const source = readFileSync(resolve(process.cwd(), 'src/modules/suppliers/pages/SuppliersView.vue'), 'utf8')
const formSource = readFileSync(resolve(process.cwd(), 'src/modules/suppliers/pages/SupplierFormView.vue'), 'utf8')
const detailSource = readFileSync(resolve(process.cwd(), 'src/modules/suppliers/pages/SupplierDetailView.vue'), 'utf8')
const routesSource = readFileSync(resolve(process.cwd(), 'src/modules/suppliers/routes.ts'), 'utf8')

describe('supplier formal pages', () => {
  it('clamps long supplier and represented-carrier names with the shared component', () => {
    expect(source).toContain("LineClampText from '@/shared/components/LineClampText.vue'")
    expect(source).toContain('<template #name="{ row }"><LineClampText :content="row.name" /></template>')
    expect(source).toContain('<template #carrierCodes="{ row }"><LineClampText')
    expect(source).not.toContain('class="supplier-name"')
  })

  it('keeps actions first and fixed left while guarding all operations with backend permissions', () => {
    expect(source).toContain("{ key: 'actions', label: '操作', width: 260, fixed: 'left'")
    expect(source).toContain("access.can('platform:supplier:create')")
    expect(source).toContain("access.can('platform:supplier:edit')")
    expect(source).toContain("access.can('platform:supplier:status')")
    expect(source).toContain("access.can('platform:supplier:list')")
    expect(source).toContain('class="density-action"')
    expect(source).toContain('class="row-actions density-actions admin-text-actions"')
    expect(source).toContain("statusLabels[supplierRow(row).status] ?? '—'")
  })

  it('matches the prototype statistics, category tabs and search sequence', () => {
    expect(source).toContain('class="supplier-list-top"')
    expect(source).toContain('class="supplier-query-panel integrated-query-group"')
    expect(source).toContain('class="supplier-query-toolbar"')
    expect(source).toContain('class="supplier-tabs density-status-tabs"')
    expect(source).toContain('（{{ item.value }}）')
    expect(source).not.toContain('class="supplier-metrics"')
    expect(source).toContain('@click="switchCategory(item.category)"')
    expect(source).not.toContain('订舱范围')
    expect(source).not.toContain('国内/国外')
    expect(formSource).not.toContain('form.scope')
    expect(formSource).not.toContain('prop="scope"')
    expect(detailSource).not.toContain('国内/国外')
  })

  it('uses independent routes for list, detail, create and edit', () => {
    expect(routesSource).toContain("path: 'suppliers/new'")
    expect(routesSource).toContain("path: 'suppliers/:id'")
    expect(routesSource).toContain("path: 'suppliers/:id/edit'")
    expect(routesSource).toContain("permission: 'platform:supplier:create'")
    expect(routesSource).toContain("permission: 'platform:supplier:edit'")
    expect(routesSource).toContain("permission: 'platform:supplier:list'")
    expect(routesSource).not.toContain('platform:supplier:view')
    expect(detailSource).toContain('供应商详情')
  })

  it('does not simulate supplier data or license upload and retains API errors', () => {
    expect(source).not.toContain('supplierData')
    expect(formSource).not.toContain('type="file"')
    expect(formSource).toContain('平台公共供应商资质上传接口尚未提供')
    expect(formSource).toContain('<ApiErrorMeta')
    expect(detailSource).toContain('<ApiErrorMeta')
  })

  it('uses a fixed multi-select for booking supplier carrier codes and sends no legacy scalar', () => {
    expect(formSource).toContain('v-if="form.category === \'BOOKING\'"')
    expect(formSource).toContain('v-for="option in carrierCodeOptions"')
    expect(formSource).toContain('v-model="form.carrierCodes" multiple')
    expect(formSource).toContain("if (category !== 'BOOKING') form.carrierCodes = []")
    expect(formSource).toContain("carrierCodes: [...(carrierCodes || [])]")
    expect(formSource).not.toMatch(/form\.carrierCode(?!s)/)
    expect(source).toContain("label: '可代理船公司'")
    expect(source).toContain("carrierCode: activeCategory.value === 'BOOKING' ? applied.value.carrierCode || undefined : undefined")
    expect(detailSource).toContain("['可代理船公司', supplier.value.category === 'BOOKING' ? formatCarrierCodes(supplier.value.carrierCodes) : '—']")
  })

  it('reloads detail data when the reused route id changes and protects the newer request', () => {
    expect(detailSource).toContain("watch(supplierId, () => { void load() }, { immediate: true })")
    expect(detailSource).toContain('const requestedId = supplierId.value')
    expect(detailSource).toContain('if (sequence !== loadSequence || requestedId !== supplierId.value) return')
    expect(detailSource).toContain("params: { id: supplier.id }")
  })

  it('refreshes cached lists and resets cached create forms on activation', () => {
    expect(source).toContain('onMounted(load)')
    expect(source).toContain('if (activatedOnce) void load()')
    expect(formSource).toContain('if (activatedOnce) void load()')
    expect(formSource).toContain('onDeactivated(() => { active = false })')
    expect(formSource).toContain("watch(supplierId, () => { if (active) void load() }, { immediate: true })")
  })
})