import { ElMessageBox } from 'element-plus'
import { createRequire } from 'node:module'
import { createPinia, setActivePinia } from 'pinia'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
import {
  approveEnterpriseReview,
  archivePlatformTenant,
  createPlatformTenant,
  downloadTenantQualification,
  createPlatformTenantImpersonation,
  getPlatformTenant,
  listEnterpriseReviews,
  listPlatformTenants,
  listTenantQualifications,
  rejectEnterpriseReview,
  resetPlatformTenantOwnerPassword,
  submitPlatformTenantReview,
  updatePlatformTenant,
  uploadPlatformTenantQualification,
  uploadPlatformTenantRequiredQualificationPackage,
  type EnterpriseReview,
  type PlatformTenantResource,
} from '@/modules/iam'
import { createPlatformExportTask } from '@/modules/downloads'
import { useAccessPreviewStore } from '@/core/access/accessPreview'
import { useAuthStore } from '@/core/auth/auth'
import QueryToolbar from '@/shared/components/QueryToolbar.vue'
import AppDialog from '@/shared/components/AppDialog.vue'
import { showExportTaskCreatedDialog } from '@/shared/components/exportTaskCreatedDialog'
import CustomersView from './CustomersView.vue'

const { default: ElementPlus } = createRequire(import.meta.url)('element-plus') as typeof import('element-plus')

const customersSource = readFileSync(resolve(process.cwd(), 'src/modules/customers/pages/CustomersView.vue'), 'utf8')

const { routerPush, routerReplace, routeControl } = vi.hoisted(() => ({
  routerPush: vi.fn(),
  routerReplace: vi.fn(),
  routeControl: { setEditId: (_editId: string) => {} },
}))

vi.mock('vue-router', async (importOriginal) => ({
  ...await importOriginal<typeof import('vue-router')>(),
  ...await (async () => {
    const { reactive } = await import('vue')
    const route = reactive<{ query: { edit?: string } }>({ query: {} })
    routeControl.setEditId = (editId: string) => {
      if (editId) route.query.edit = editId
      else delete route.query.edit
    }
    return { useRoute: () => route }
  })(),
  useRouter: () => ({ push: routerPush, replace: routerReplace }),
}))

vi.mock('@/modules/iam', () => ({
  approveEnterpriseReview: vi.fn(),
  archivePlatformTenant: vi.fn(),
  changePlatformTenantStatus: vi.fn(),
  checkPlatformTenantContactPhone: vi.fn().mockResolvedValue(true),
  createPlatformTenant: vi.fn(),
  createPlatformTenantImpersonation: vi.fn(),
  downloadTenantQualification: vi.fn(),
  getPlatformTenant: vi.fn(),
  listEnterpriseReviews: vi.fn(),
  listPlatformTenantOrderCounts: vi.fn(),
  listPlatformTenants: vi.fn(),
  listTenantQualifications: vi.fn(),
  qualificationFileName: vi.fn((documentUrl: string) => documentUrl.split('/').at(-1) || '资质文件'),
  rejectEnterpriseReview: vi.fn(),
  resetPlatformTenantOwnerPassword: vi.fn(),
  submitPlatformTenantReview: vi.fn(),
  updatePlatformTenant: vi.fn(),
  uploadPlatformTenantQualification: vi.fn(),
  uploadPlatformTenantRequiredQualificationPackage: vi.fn(),
}))

vi.mock('@/modules/downloads', () => ({ createPlatformExportTask: vi.fn() }))
vi.mock('@/shared/components/exportTaskCreatedDialog', () => ({ showExportTaskCreatedDialog: vi.fn() }))

class ResizeObserverStub implements ResizeObserver {
  observe() {}
  unobserve() {}
  disconnect() {}
}

const fullTenant: PlatformTenantResource = {
  id: '8', tenantCode: 'TEN8', tenantName: '柏悦物流', customerNickname: '柏', status: 'PROFILE_REQUIRED',
  legalName: '柏悦物流有限公司', legalRepresentative: '张三', unifiedSocialCreditCode: '91440300MA5ABCDE12',
  contactName: '张三', contactPhone: '13800138000', contactEmail: 'ops@example.com',
  servicePackage: '基础版', contactWechat: 'baiyue-ops', salesOwnerName: '李四', paymentTermDays: 30,
  enterpriseType: '有限责任公司', establishedDate: '2020-01-01', registeredCapital: 1000,
  registeredCapitalCurrency: 'CNY', registeredAddress: '深圳市宝安区', internalRemark: '重点客户',
  createdAt: '2026-08-01T10:00:00', approvedAt: null,
}

const pendingReview: EnterpriseReview = {
  id: '190000000000000001',
  tenantId: fullTenant.id,
  tenantName: fullTenant.tenantName,
  tenantCode: fullTenant.tenantCode,
  status: 'PENDING',
}

function tableButtonByText(text: string) {
  return [...document.querySelectorAll<HTMLButtonElement>('.el-table__body button')]
    .find((button) => button.textContent?.trim() === text)
}

function selectQualificationFile(index: number, file: File) {
  const input = document.querySelectorAll<HTMLInputElement>('.qualification-file input[type="file"]')[index]
  Object.defineProperty(input, 'files', { configurable: true, value: [file] })
  input.dispatchEvent(new Event('change', { bubbles: true }))
}

async function clickMoreAction(text: string) {
  document.querySelector<HTMLButtonElement>('.el-table__body button[aria-label^="更多客户操作："]')?.click()
  await flushPromises()
  const item = [...document.querySelectorAll<HTMLElement>('.el-dropdown-menu__item')]
    .find((candidate) => candidate.textContent?.trim() === text && !candidate.classList.contains('is-disabled'))
  expect(item).toBeDefined()
  item!.dispatchEvent(new MouseEvent('click', { bubbles: true }))
  await flushPromises()
}

enableAutoUnmount(afterEach)

describe('CustomersView', () => {
  let pinia: ReturnType<typeof createPinia>

  beforeEach(() => {
    vi.clearAllMocks()
    routeControl.setEditId('')
    vi.stubGlobal('ResizeObserver', ResizeObserverStub)
    Object.defineProperty(URL, 'createObjectURL', { configurable: true, value: vi.fn(() => 'blob:qualification-preview') })
    Object.defineProperty(URL, 'revokeObjectURL', { configurable: true, value: vi.fn() })
    document.body.innerHTML = ''
    pinia = createPinia()
    setActivePinia(pinia)
    const auth = useAuthStore()
    auth.token = 'token'
    auth.permissions = ['platform:customer:list', 'platform:customer:edit', 'platform:customer:export', 'platform:download:list']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [{ ...fullTenant, contactPhone: '138****8000', contactEmail: 'o***@example.com' }],
      page: 1, size: 10, total: 1, pages: 1,
    })
    vi.mocked(getPlatformTenant).mockResolvedValue(fullTenant)
    vi.mocked(listTenantQualifications).mockResolvedValue([])
    vi.mocked(listEnterpriseReviews).mockResolvedValue([])
    vi.mocked(createPlatformTenant).mockResolvedValue({
      tenant: fullTenant, administratorUsername: 'merchant_owner', temporaryPassword: 'Temporary#2026',
    })
    vi.mocked(submitPlatformTenantReview).mockResolvedValue({ ...fullTenant, status: 'PENDING' })
    vi.mocked(updatePlatformTenant).mockResolvedValue(fullTenant)
    vi.mocked(uploadPlatformTenantQualification).mockResolvedValue({
      qualificationId: 'qualification-1', reviewId: null, tenantStatus: 'PROFILE_REQUIRED', documentUrl: '/files/license.png',
    })
    vi.mocked(uploadPlatformTenantRequiredQualificationPackage).mockResolvedValue({
      businessLicenseQualificationId: 'qualification-business',
      legalPersonIdQualificationId: 'qualification-legal',
      tenantStatus: 'PROFILE_REQUIRED',
      businessLicenseDocumentUrl: '/files/license.png',
      legalPersonIdDocumentUrl: '/files/legal-person-new.png',
    })
    vi.mocked(createPlatformExportTask).mockResolvedValue({
      id: 'export-1', taskName: '客户列表', taskNo: 'EXP2084', status: 'PENDING',
    } as never)
    vi.mocked(showExportTaskCreatedDialog).mockResolvedValue(false)
  })

  it('waits for the client workspace to confirm impersonation session persistence', () => {
    expect(customersSource).toContain("searchParams.set('impersonationOrigin', window.location.origin)")
    expect(customersSource).toContain("event.data?.type !== 'impersonation-complete'")
    expect(customersSource).toContain("event.data?.type === 'impersonation-failed'")
    expect(customersSource).toContain("ElMessage.success('客户工作台登录成功')")
  })

  it('searches the customer list by customer name only', () => {
    expect(customersSource).toContain("label: '客户名称', placeholder: '请输入客户名称'")
    expect(customersSource).toContain("label: '客户昵称'")
    expect(customersSource).toContain('中文拼音大写首字母，如 SZWL')
    expect(customersSource).not.toContain('公司名称、客户编号或联系人')
    expect(customersSource).not.toContain('row.tenantCode.toLowerCase().includes(keyword)')
    expect(customersSource).not.toContain('String(row.id).includes(keyword)')
  })

  it('matches the frozen prototype containers for customer operations', () => {
    expect(customersSource).toContain("router.push({ name: 'customer-detail'")
    expect(customersSource).toContain("const editorDialogWidth = 'min(1120px, calc(100vw - 28px))'")
    expect(customersSource.match(/class="density-table density-table--editable customer-editor-table"/g)).toHaveLength(2)
    expect(customersSource).toContain('width="min(520px, calc(100vw - 28px))" class="admin-density-dialog customer-density-dialog customer-password-dialog admin-workbench is-dialog"')
    expect(customersSource).toContain('width="min(1040px, calc(100vw - 28px))" class="admin-density-dialog customer-density-dialog review-decision-dialog admin-workbench is-dialog"')
    expect(customersSource).not.toContain('<AppDrawer v-model="editorOpen"')
  })

  it('keeps compact customer fields in three columns and leaves wide fields and validation readable', async () => {
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')!.click()
    await flushPromises()
    const tables = Array.from(document.querySelectorAll<HTMLTableElement>('.customer-editor-dialog .customer-editor-table'))
    expect(tables).toHaveLength(2)
    expect(Array.from(tables[0]!.rows, row => row.cells.length)).toEqual([3, 3, 1, 1])
    expect(Array.from(tables[1]!.rows, row => row.cells.length)).toEqual([3, 3, 1])
    expect(tables.flatMap(table => Array.from(table.querySelectorAll('td[colspan]'), cell => cell.getAttribute('colspan')))).toEqual(['3', '3', '3'])
    expect(document.querySelector<HTMLElement>('.customer-editor-dialog .qualification-credit-code .el-form-item__label')?.style.width).toBe('144px')
    const company = document.querySelector<HTMLInputElement>('.customer-editor-dialog input[placeholder="请输入工商登记公司名称"]')!
    expect(company.closest('.el-form-item')?.querySelector<HTMLElement>('.el-form-item__label')?.style.width).toBe('120px')
    company.value = ''
    company.dispatchEvent(new Event('input', { bubbles: true }))
    await flushPromises()
    company.dispatchEvent(new FocusEvent('blur'))
    await vi.waitFor(() => expect(company.closest('.el-form-item')?.querySelector('.el-form-item__error')?.textContent).toContain('请输入公司名称'))
    expect(document.querySelector('.customer-editor-dialog .el-dialog__footer')?.textContent).toContain('保存资料和资质')
    expect(updatePlatformTenant).not.toHaveBeenCalled()
  })

  it('keeps qualification file controls usable when the editor dialog is narrow', () => {
    expect(customersSource).toContain('class="qualification-validity" role="cell"')
    expect(customersSource).toContain('grid-template-columns:170px minmax(0,1fr) 220px')
    expect(customersSource).toContain('.qualification-table { container-type:inline-size;')
    expect(customersSource).toContain('@container (max-width:660px)')
    expect(customersSource).toContain('.qualification-row { grid-template-columns:112px minmax(0,1fr); }')
    expect(customersSource).toContain('.qualification-label { grid-row:span 2; align-items:center; }')
    expect(customersSource).toContain('.qualification-validity :deep(.el-date-editor) { width:100%; min-width:0; }')
    expect(customersSource).toContain('.qualification-file-name { min-width:0;')
    expect(readFileSync(resolve(process.cwd(), 'src/modules/customers/customerDensity.css'), 'utf8')).toContain('max-width: none; overflow-wrap: anywhere; white-space: normal;')
  })

  it('loads the complete customer detail before editing masked list fields', async () => {
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    tableButtonByText('编辑')?.click()
    await flushPromises()

    expect(getPlatformTenant).toHaveBeenCalledWith(fullTenant.id)
    const phone = document.querySelector<HTMLInputElement>('input[placeholder="请输入公司联系电话"]')
    const email = document.querySelector<HTMLInputElement>('input[placeholder="如：contact@example.com"]')
    expect(phone?.value).toBe(fullTenant.contactPhone)
    expect(email?.value).toBe(fullTenant.contactEmail)
    expect(document.querySelector('.customer-editor-dialog .el-dialog__title')?.textContent).toBe('编辑客户 · TEN8')
    expect(document.querySelector('input[placeholder="请输入18位大写字母或数字"]')).toBeNull()
    expect(document.querySelector('.qualification-credit-code')?.textContent).toContain(fullTenant.unifiedSocialCreditCode)
    phone!.value = '13900139000'
    phone!.dispatchEvent(new Event('input', { bubbles: true }))
    document.querySelector<HTMLButtonElement>('.customer-editor-dialog button[aria-label="展开全屏"]')!.click()
    await flushPromises()
    expect(document.querySelector('.customer-editor-dialog.is-fullscreen')).not.toBeNull()
    expect(document.querySelector<HTMLInputElement>('input[placeholder="请输入公司联系电话"]')?.value).toBe('13900139000')
    document.querySelector<HTMLButtonElement>('.customer-editor-dialog button[aria-label="退出全屏"]')!.click()
    await flushPromises()
    expect(document.querySelector<HTMLInputElement>('input[placeholder="请输入公司联系电话"]')?.value).toBe('13900139000')
  })

  it('shows an authenticated image preview for an uploaded qualification', async () => {
    vi.mocked(listTenantQualifications).mockResolvedValue([{
      id: 'qualification-1', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png',
      status: 'PENDING', reviewComment: null, validTo: null,
    }])
    vi.mocked(downloadTenantQualification).mockResolvedValue(new Blob(['image'], { type: 'image/png' }))

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()
    await flushPromises()

    expect(downloadTenantQualification).toHaveBeenCalledWith(fullTenant.id, '/files/license.png')
    const preview = document.querySelector<HTMLImageElement>('img[alt="营业执照预览"]')
    expect(preview?.src).toBe('blob:qualification-preview')
  })

  it('marks only the business license as a required file when creating a customer', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:create']
    useAccessPreviewStore().initializeAfterLogin()
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '新增客户')?.click()
    await flushPromises()

    const labels = [...document.querySelectorAll<HTMLElement>('.qualification-label')]
    expect(labels.map((label) => label.textContent?.replace(/\s/g, ''))).toEqual([
      '*营业执照',
      '法人身份证选填',
      '货代资质证书选填',
      '银行开户许可证选填',
    ])
    expect(document.querySelector('.qualification-section')?.textContent).not.toContain('营业执照和18位统一社会信用代码为必填业务项')
    document.querySelector<HTMLButtonElement>('[aria-label="查看资质提交规则"]')!.focus()
    await vi.waitFor(() => expect(document.body.textContent).toContain('营业执照和18位统一社会信用代码为必填业务项'))
  })

  it('creates a customer with a business license and no legal-person ID', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:create']
    useAccessPreviewStore().initializeAfterLogin()
    const wrapper = mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '新增客户')?.click()
    await flushPromises()

    await wrapper.get('input[placeholder="请输入工商登记公司名称"]').setValue(fullTenant.tenantName)
    await wrapper.get('input[placeholder="请输入营业执照上的企业名称"]').setValue(fullTenant.legalName)
    expect(wrapper.get('input[placeholder="请输入法定代表人姓名（选填）"]').attributes('aria-required')).not.toBe('true')
    await wrapper.get('input[placeholder="请输入主要联系人姓名"]').setValue(fullTenant.contactName)
    await wrapper.get('input[placeholder="请输入公司联系电话"]').setValue(fullTenant.contactPhone)
    await wrapper.get('input[placeholder="请输入18位大写字母或数字"]').setValue(fullTenant.unifiedSocialCreditCode)
    const licenseFile = new File(['license'], 'license.png', { type: 'image/png' })
    selectQualificationFile(0, licenseFile)
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.includes('保存资料和资质'))?.click()
    await flushPromises()

    expect(createPlatformTenant).toHaveBeenCalledWith(expect.objectContaining({
      tenantName: fullTenant.tenantName,
      contactPhone: fullTenant.contactPhone,
      legalRepresentative: '',
    }))
    expect(createPlatformTenant).toHaveBeenCalledWith(expect.not.objectContaining({ unifiedSocialCreditCode: expect.anything() }))
    expect(uploadPlatformTenantRequiredQualificationPackage).toHaveBeenCalledWith(
      fullTenant.id, licenseFile, null, fullTenant.unifiedSocialCreditCode, false, false,
    )
    expect(wrapper.findComponent(AppDialog).props('modelValue')).toBe(false)
  })

  it('keeps the company contact phone editable without changing a member login phone', async () => {
    const activeTenant = { ...fullTenant, status: 'ACTIVE' as const }
    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [activeTenant], page: 1, size: 10, total: 1, pages: 1 })
    vi.mocked(getPlatformTenant).mockResolvedValue(activeTenant)
    vi.mocked(updatePlatformTenant).mockResolvedValue(activeTenant)
    vi.mocked(listTenantQualifications).mockResolvedValue([{
      id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'APPROVED', reviewComment: null, validTo: null,
    }])
    const wrapper = mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    await wrapper.get('[aria-label="查看企业联系信息说明"]').trigger('focus')
    await vi.waitFor(() => expect(document.body.textContent).toContain('不会修改企业管理员登录手机号'))
    const phone = wrapper.get('input[placeholder="请输入公司联系电话"]')
    expect(phone.attributes('disabled')).toBeUndefined()
    await phone.setValue('0755-12345678')
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.includes('保存资料和资质'))?.click()
    await flushPromises()

    expect(updatePlatformTenant).toHaveBeenCalledWith(fullTenant.id, expect.objectContaining({ contactPhone: '0755-12345678' }))
    expect(wrapper.findComponent(AppDialog).props('modelValue')).toBe(false)
    expect(document.body.textContent).toContain('客户资料已保存')
    expect(document.body.textContent).not.toContain('尚未提交审核')
    expect(customersSource).not.toContain('联系电话（登录用户名）')
    expect(customersSource.indexOf('if (!failures.length) editorOpen.value = false')).toBeLessThan(customersSource.indexOf('await loadCustomers()'))
  })

  it('allows an active customer to replace qualifications and select a validity date', async () => {
    const activeTenant = { ...fullTenant, status: 'ACTIVE' as const }
    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [activeTenant], page: 1, size: 10, total: 1, pages: 1 })
    vi.mocked(getPlatformTenant).mockResolvedValue(activeTenant)
    vi.mocked(listTenantQualifications).mockResolvedValue([
      {
        id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
        certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'APPROVED', reviewComment: null, validTo: null,
      },
      {
        id: 'qualification-freight', tenantId: fullTenant.id, qualificationType: 'FREIGHT_FORWARDER_CERTIFICATE',
        certificateNo: null, documentUrl: '/files/freight.png', status: 'APPROVED', reviewComment: null, validTo: null,
      },
    ])
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    const fileInputs = [...document.querySelectorAll<HTMLInputElement>('.qualification-file input[type="file"]')]
    const validityInputs = [...document.querySelectorAll<HTMLInputElement>('.qualification-validity input')]
    expect(fileInputs).toHaveLength(4)
    expect(fileInputs.every((input) => !input.disabled)).toBe(true)
    expect(validityInputs.map((input) => input.disabled)).toEqual([true, false, true, false])

    selectQualificationFile(0, new File(['license-new'], 'license-new.png', { type: 'image/png' }))
    await flushPromises()
    expect(validityInputs[0]?.disabled).toBe(false)
  })

  it('does not count rejected or superseded history as a current qualification when resubmitting', async () => {
    const rejectedTenant = { ...fullTenant, status: 'REJECTED' }
    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [rejectedTenant], page: 1, size: 10, total: 1, pages: 1 })
    vi.mocked(getPlatformTenant).mockResolvedValue(rejectedTenant)
    vi.mocked(listTenantQualifications).mockResolvedValue([
      {
        id: 'qualification-old', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
        certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/old-license.png',
        status: 'SUPERSEDED', reviewComment: '已替换', validTo: null,
      },
      {
        id: 'qualification-rejected', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
        certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/rejected-license.png',
        status: 'REJECTED', reviewComment: '请重新上传', validTo: null,
      },
    ])

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    expect(document.querySelector('.qualification-label [aria-label="已上传"]')).toBeNull()
    expect(document.querySelector('.qualification-file-name')?.textContent).toContain('未选择文件')
    expect(downloadTenantQualification).not.toHaveBeenCalled()
  })

  it('opens customer detail as an independent route', async () => {
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    tableButtonByText('详情')?.click()

    expect(routerPush).toHaveBeenCalledWith({ name: 'customer-detail', params: { tenantId: String(fullTenant.id) } })
    expect(getPlatformTenant).not.toHaveBeenCalled()
  })

  it('opens the requested editor when a cached list receives an edit query', async () => {
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    routeControl.setEditId(String(fullTenant.id))
    await flushPromises()

    expect(getPlatformTenant).toHaveBeenCalledWith(fullTenant.id)
    expect(document.querySelector<HTMLInputElement>('input[placeholder="请输入公司联系电话"]')?.value).toBe(fullTenant.contactPhone)
    expect(routerReplace).toHaveBeenCalledWith({ name: 'customers' })
  })

  it('saves the business license, credit code and optional legal-person ID through one package action', async () => {
    vi.mocked(listTenantQualifications).mockResolvedValue([{
      id: 'qualification-legal', tenantId: fullTenant.id, qualificationType: 'LEGAL_PERSON_ID',
      certificateNo: null, documentUrl: '/files/legal-person.png', status: 'PENDING', reviewComment: null, validTo: null,
    }])
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    const licenseFile = new File(['license'], 'license.png', { type: 'image/png' })
    const legalPersonFile = new File(['legal-person'], 'legal-person.png', { type: 'image/png' })
    selectQualificationFile(0, licenseFile)
    selectQualificationFile(1, legalPersonFile)
    await flushPromises()

    const buttons = [...document.querySelectorAll<HTMLButtonElement>('button')]
    expect(buttons.some((button) => button.textContent?.trim() === '上传已选资质')).toBe(false)
    buttons.find((button) => button.textContent?.trim() === '保存资料和资质')?.click()
    await flushPromises()

    expect(updatePlatformTenant).toHaveBeenCalledWith(fullTenant.id, expect.objectContaining({ tenantName: fullTenant.tenantName }))
    expect(uploadPlatformTenantRequiredQualificationPackage).toHaveBeenCalledWith(
      fullTenant.id,
      licenseFile,
      legalPersonFile,
      fullTenant.unifiedSocialCreditCode,
      false,
      true,
    )
    expect(uploadPlatformTenantQualification).not.toHaveBeenCalled()
  })

  it('replaces only the business license while preserving an existing legal-person ID', async () => {
    vi.mocked(listTenantQualifications).mockResolvedValue([
      { id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE', certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'PENDING', reviewComment: null, validTo: null },
      { id: 'qualification-legal', tenantId: fullTenant.id, qualificationType: 'LEGAL_PERSON_ID', certificateNo: null, documentUrl: '/files/legal-person.png', status: 'PENDING', reviewComment: null, validTo: null },
    ])
    vi.mocked(uploadPlatformTenantRequiredQualificationPackage).mockResolvedValueOnce({
      businessLicenseQualificationId: 'qualification-business-new', legalPersonIdQualificationId: null,
      tenantStatus: 'PROFILE_REQUIRED', businessLicenseDocumentUrl: '/files/license-new.png', legalPersonIdDocumentUrl: null,
    })
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    const licenseFile = new File(['license-new'], 'license-new.png', { type: 'image/png' })
    selectQualificationFile(0, licenseFile)
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.includes('保存资料和资质'))?.click()
    await flushPromises()

    expect(uploadPlatformTenantRequiredQualificationPackage).toHaveBeenCalledWith(
      fullTenant.id, licenseFile, null, fullTenant.unifiedSocialCreditCode, true, false,
    )
    expect(uploadPlatformTenantQualification).not.toHaveBeenCalled()
    expect(document.body.textContent).toContain('法人身份证可按需补充')
  })

  it('uploads an optional legal-person ID independently when the required business license already exists', async () => {
    vi.mocked(listTenantQualifications).mockResolvedValue([{
      id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'PENDING', reviewComment: null, validTo: null,
    }])
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    const legalPersonFile = new File(['legal-person'], 'legal-person.png', { type: 'image/png' })
    selectQualificationFile(1, legalPersonFile)
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.includes('保存资料和资质'))?.click()
    await flushPromises()

    expect(uploadPlatformTenantRequiredQualificationPackage).not.toHaveBeenCalled()
    expect(uploadPlatformTenantQualification).toHaveBeenCalledWith(
      fullTenant.id, 'LEGAL_PERSON_ID', legalPersonFile, undefined, undefined, false,
    )
  })

  it('retains a selected business license after an upload failure so the operator can retry', async () => {
    vi.mocked(uploadPlatformTenantRequiredQualificationPackage)
      .mockRejectedValueOnce(new Error('upload unavailable'))
      .mockResolvedValueOnce({
        businessLicenseQualificationId: 'qualification-business', legalPersonIdQualificationId: null,
        tenantStatus: 'PROFILE_REQUIRED', businessLicenseDocumentUrl: '/files/license-new.png', legalPersonIdDocumentUrl: null,
      })
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()

    const licenseFile = new File(['license-new'], 'retry-license.png', { type: 'image/png' })
    selectQualificationFile(0, licenseFile)
    await flushPromises()
    const saveButton = [...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.includes('保存资料和资质'))
    saveButton?.click()
    await flushPromises()
    expect(document.body.textContent).toContain('retry-license.png')

    saveButton?.click()
    await flushPromises()
    expect(uploadPlatformTenantRequiredQualificationPackage).toHaveBeenCalledTimes(2)
  })

  it('submits a customer for review with a business license and no legal-person ID', async () => {
    vi.mocked(listTenantQualifications).mockResolvedValue([{
      id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE',
      certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'PENDING', reviewComment: null, validTo: null,
    }])
    vi.spyOn(ElMessageBox, 'confirm').mockResolvedValue('confirm' as never)
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('编辑')?.click()
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '提交审核')?.click()
    await flushPromises()

    expect(ElMessageBox.confirm).toHaveBeenCalled()
    expect(submitPlatformTenantReview).toHaveBeenCalledWith(fullTenant.id)
  })

  it('submits the current filters to the backend export service without loading every customer page', async () => {
    const wrapper = mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    wrapper.findComponent(QueryToolbar).vm.$emit('update:modelValue', { keyword: '  Acme  ', status: 'ACTIVE' })
    await wrapper.vm.$nextTick()

    const exportButton = [...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '导出Excel')
    exportButton?.click()
    await flushPromises()

    expect(createPlatformExportTask).toHaveBeenCalledWith({
      exportType: 'CUSTOMER_LIST', format: 'XLSX', taskName: '客户列表',
      parameters: { keyword: 'Acme', status: 'ACTIVE' },
    })
    expect(showExportTaskCreatedDialog).toHaveBeenCalledWith({ taskName: '客户列表', taskNo: 'EXP2084' })
    expect(listPlatformTenants).toHaveBeenCalledTimes(1)
  })

  it('opens the download center when the export-created dialog action is confirmed', async () => {
    vi.mocked(createPlatformExportTask).mockResolvedValue({
      id: 'export-1', taskName: '客户列表', taskNo: 'EXP2084', status: 'PENDING',
    } as never)
    vi.mocked(showExportTaskCreatedDialog).mockResolvedValue(true)
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    const exportButton = [...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '导出Excel')
    exportButton?.click()
    await flushPromises()

    expect(showExportTaskCreatedDialog).toHaveBeenCalledWith({ taskName: '客户列表', taskNo: 'EXP2084' })
    expect(routerPush).toHaveBeenCalledWith({ name: 'download-center' })
  })

  it('hides customer export when the stable export permission is absent', async () => {
    const auth = useAuthStore()
    auth.permissions = ['platform:customer:list']
    useAccessPreviewStore().initializeAfterLogin()
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect([...document.querySelectorAll<HTMLButtonElement>('button')]
      .some((button) => button.textContent?.trim() === '导出Excel')).toBe(false)
    expect(createPlatformExportTask).not.toHaveBeenCalled()
  })

  it('does not create an unrecoverable export for a role without download-center access', async () => {
    const auth = useAuthStore()
    auth.permissions = ['platform:customer:list', 'platform:customer:export']
    useAccessPreviewStore().initializeAfterLogin()
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect([...document.querySelectorAll<HTMLButtonElement>('button')]
      .some((button) => button.textContent?.trim() === '导出Excel')).toBe(false)
    expect(createPlatformExportTask).not.toHaveBeenCalled()
  })

  it('approves a pending enterprise directly from the customer list', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:review', 'platform:customer:approve']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [{ ...fullTenant, status: 'PENDING' }], page: 1, size: 10, total: 1, pages: 1,
    })
    vi.mocked(listEnterpriseReviews).mockResolvedValue([pendingReview])
    vi.mocked(approveEnterpriseReview).mockResolvedValue({
      tenantId: fullTenant.id,
      administratorCreated: true,
      administratorUsername: 'merchant_8_owner',
      temporaryPassword: 'Temporary#2026',
    })

    const wrapper = mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('审核')?.click()
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '审核通过')?.click()
    await flushPromises()

    expect(approveEnterpriseReview).toHaveBeenCalledWith(pendingReview.id, '企业资料、营业执照和统一社会信用代码完整、清晰，审核通过（法人身份证为选填项）')
    expect(rejectEnterpriseReview).not.toHaveBeenCalled()
    expect(document.body.textContent).toContain('请立即保存以下一次性凭证')
    expect(document.body.textContent).toContain('merchant_8_owner')
    expect(document.body.textContent).toContain('Temporary#2026')
    const credentials = wrapper.findAllComponents(AppDialog).find(dialog => dialog.props('title').startsWith('审核通过，管理员账号已创建'))!
    expect(credentials.props()).toMatchObject({ modelValue: true, showClose: false, closeOnPressEscape: false, closeOnClickModal: false })
    expect(document.querySelector('.approval-result-dialog .el-dialog__headerbtn')).toBeNull()
    document.querySelector<HTMLButtonElement>('.approval-result-dialog .el-dialog__footer button')!.click()
    await flushPromises()
    expect(credentials.props('modelValue')).toBe(false)
    expect(document.querySelector('.approval-result-dialog code')).toBeNull()
  })

  it('loads and previews authenticated qualification files in the review dialog', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:review', 'platform:customer:approve']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [{ ...fullTenant, status: 'PENDING' }], page: 1, size: 10, total: 1, pages: 1,
    })
    vi.mocked(listEnterpriseReviews).mockResolvedValue([pendingReview])
    vi.mocked(listTenantQualifications).mockResolvedValue([
      { id: 'qualification-license', tenantId: fullTenant.id, qualificationType: 'BUSINESS_LICENSE', certificateNo: fullTenant.unifiedSocialCreditCode, documentUrl: '/files/license.png', status: 'PENDING', reviewComment: null, validTo: null },
      { id: 'qualification-legal', tenantId: fullTenant.id, qualificationType: 'LEGAL_PERSON_ID', certificateNo: null, documentUrl: '/files/legal-person.png', status: 'PENDING', reviewComment: null, validTo: null },
    ])
    vi.mocked(downloadTenantQualification).mockResolvedValue(new Blob(['image'], { type: 'image/png' }))

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('审核')?.click()
    await flushPromises()

    expect(listTenantQualifications).toHaveBeenCalledWith(fullTenant.id)
    expect(document.body.textContent).toContain('营业执照')
    expect(document.body.textContent).toContain('法人身份证')
    const previewButton = [...document.querySelectorAll<HTMLButtonElement>('.review-document-actions button')]
      .find((button) => button.textContent?.trim() === '预览')
    previewButton?.click()
    await flushPromises()

    expect(downloadTenantQualification).toHaveBeenCalledWith(fullTenant.id, '/files/license.png')
    expect(document.querySelector<HTMLImageElement>('img[alt="license.png预览"]')?.src).toBe('blob:qualification-preview')
  })

  it('keeps the client registration account as administrator after approval', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:review', 'platform:customer:approve']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [{ ...fullTenant, status: 'PENDING' }], page: 1, size: 10, total: 1, pages: 1,
    })
    vi.mocked(listEnterpriseReviews).mockResolvedValue([pendingReview])
    vi.mocked(approveEnterpriseReview).mockResolvedValue({
      tenantId: fullTenant.id,
      administratorCreated: false,
      administratorUsername: null,
      temporaryPassword: null,
    })

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('审核')?.click()
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '审核通过')?.click()
    await flushPromises()

    expect(approveEnterpriseReview).toHaveBeenCalledWith(pendingReview.id, '企业资料、营业执照和统一社会信用代码完整、清晰，审核通过（法人身份证为选填项）')
    expect(rejectEnterpriseReview).not.toHaveBeenCalled()
    expect(document.body.textContent).toContain('注册账号继续作为企业管理员')
    expect(document.body.textContent).not.toContain('请立即保存以下一次性凭证')
  })

  it('keeps review-only roles on the merged customer page without calling the customer list endpoint', async () => {
    const auth = useAuthStore()
    auth.permissions = ['platform:customer:review', 'platform:customer:approve']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listEnterpriseReviews).mockResolvedValue([pendingReview])

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect(listPlatformTenants).not.toHaveBeenCalled()
    expect(document.body.textContent).toContain(fullTenant.tenantName)
    expect(tableButtonByText('审核')).toBeDefined()
  })

  it('does not let an older review response restore stale actions', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:review', 'platform:customer:approve']
    useAccessPreviewStore().initializeAfterLogin()
    let resolveFirst!: (value: EnterpriseReview[]) => void
    let resolveSecond!: (value: EnterpriseReview[]) => void
    vi.mocked(listEnterpriseReviews)
      .mockImplementationOnce(() => new Promise((resolve) => { resolveFirst = resolve }))
      .mockImplementationOnce(() => new Promise((resolve) => { resolveSecond = resolve }))

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await Promise.resolve()
    ;[...document.querySelectorAll<HTMLButtonElement>('.query-toolbar__actions button')]
      .find((button) => button.textContent?.trim() === '查询')?.click()
    await Promise.resolve()

    resolveSecond([pendingReview])
    await flushPromises()
    expect(tableButtonByText('审核')).toBeDefined()

    resolveFirst([])
    await flushPromises()
    expect(tableButtonByText('审核')).toBeDefined()
  })

  it('resets only the customer owner password through the tenant contract', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:reset-password']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [{ ...fullTenant, status: 'ACTIVE' }], page: 1, size: 10, total: 1, pages: 1 })
    vi.mocked(resetPlatformTenantOwnerPassword).mockResolvedValue()

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    tableButtonByText('重置密码')?.click()
    await flushPromises()

    const password = document.querySelector<HTMLInputElement>('input[autocomplete="new-password"]')
    const confirmation = document.querySelector<HTMLInputElement>('input[placeholder="请再次输入新密码"]')
    password!.value = 'NewPassword#2026'
    password!.dispatchEvent(new Event('input', { bubbles: true }))
    confirmation!.value = 'NewPassword#2026'
    confirmation!.dispatchEvent(new Event('input', { bubbles: true }))
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '确认重置')?.click()
    await flushPromises()

    expect(resetPlatformTenantOwnerPassword).toHaveBeenCalledWith(fullTenant.id, {
      newPassword: 'NewPassword#2026', forceChangePassword: true,
    })
  })

  it('archives a customer only after its customer ID is explicitly confirmed', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:delete']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(archivePlatformTenant).mockResolvedValue({ ...fullTenant, status: 'ARCHIVED' })
    vi.mocked(listPlatformTenants)
      .mockResolvedValueOnce({ records: [fullTenant], page: 1, size: 10, total: 1, pages: 1 })
      .mockResolvedValueOnce({ records: [], page: 1, size: 10, total: 0, pages: 0 })

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()
    expect(document.querySelector('.el-table__body button[aria-label^="更多客户操作："]')).toBeNull()
    tableButtonByText('删除')?.click()
    await flushPromises()

    const confirmation = document.querySelector<HTMLInputElement>('input[placeholder="TEN8"]')
    expect(confirmation).toBeTruthy()
    expect([...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '确认删除')?.disabled).toBe(true)

    confirmation!.value = 'TEN8'
    confirmation!.dispatchEvent(new Event('input', { bubbles: true }))
    await flushPromises()
    ;[...document.querySelectorAll<HTMLButtonElement>('button')]
      .find((button) => button.textContent?.trim() === '确认删除')?.click()
    await flushPromises()

    expect(archivePlatformTenant).toHaveBeenCalledWith(fullTenant.id)
    expect(document.body.textContent).not.toContain(fullTenant.tenantName)
  })

  it('keeps the first operation column unfixed so it cannot cover a 320px table viewport', async () => {
    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect(document.querySelector('.el-table__fixed')).toBeNull()
  })

  it('keeps three high-frequency actions visible and moves overflow actions into a menu', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:reset-password', 'platform:customer:impersonate', 'platform:customer:status', 'platform:customer:delete']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [{ ...fullTenant, status: 'ACTIVE' }], page: 1, size: 10, total: 1, pages: 1 })

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect(tableButtonByText('详情')).toBeDefined()
    expect(tableButtonByText('编辑')).toBeDefined()
    expect(document.querySelector('.el-table__body button[aria-label^="更多客户操作："]')).not.toBeNull()
    expect(tableButtonByText('重置密码')).toBeDefined()
    expect(tableButtonByText('跳转登录')).toBeUndefined()
    await clickMoreAction('跳转登录')
    expect(document.body.textContent).toContain('代登录原因')
  })

  it('renders one overflow menu per customer when permitted actions exceed three', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:reset-password', 'platform:customer:impersonate', 'platform:customer:status', 'platform:customer:delete']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [
        { ...fullTenant, id: '8', tenantName: '客户甲', tenantCode: 'TEN-A', status: 'ACTIVE' },
        { ...fullTenant, id: '9', tenantName: '', tenantCode: 'TEN-B', status: 'ACTIVE' },
        { ...fullTenant, id: '10', tenantName: '', tenantCode: '', status: 'ACTIVE' },
      ],
      page: 1, size: 10, total: 3, pages: 1,
    })

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect(document.querySelectorAll('.el-table__body button[aria-label^="更多客户操作："]').length).toBe(3)
    expect(document.querySelectorAll('.el-table__body .row-actions > .el-button').length).toBe(9)
  })

  it('keeps the action row usable when all customer identifiers are missing', async () => {
    const auth = useAuthStore()
    auth.permissions = [...auth.permissions, 'platform:customer:reset-password', 'platform:customer:impersonate', 'platform:customer:status', 'platform:customer:delete']
    useAccessPreviewStore().initializeAfterLogin()
    vi.mocked(listPlatformTenants).mockResolvedValue({
      records: [{ ...fullTenant, id: null, tenantName: '', tenantCode: '', status: 'ACTIVE' } as unknown as PlatformTenantResource],
      page: 1, size: 10, total: 1, pages: 1,
    })

    mount(CustomersView, { attachTo: document.body, global: { plugins: [pinia, ElementPlus] } })
    await flushPromises()

    expect(document.querySelector('.el-table__body button[aria-label="更多客户操作：当前客户"]')).not.toBeNull()
    expect(tableButtonByText('详情')).toBeDefined()
  })
})