import { flushPromises, mount } from '@vue/test-utils'
import { defineComponent, h } from 'vue'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { ElMessage } from 'element-plus'
import WarehouseTransferReviewDialog from './WarehouseTransferReviewDialog.vue'
import { getWarehouseTransfer, reviewWarehouseTransfer } from '../api/warehouseTransfers'

const reviewedTransfer = { id: '1', transferNo: 'WT-1', packageCount: 2, needRelabel: false, status: 'WAIT_PDA_RECEIVING', items: [], cartons: [], pallets: [], relabelBindings: [] }

vi.mock('../api/warehouseTransfers', () => ({
  getWarehouseTransfer: vi.fn(),
  reviewWarehouseTransfer: vi.fn(),
}))
vi.mock('element-plus', () => ({ ElMessage: { success: vi.fn(), error: vi.fn() } }))

const AppDialogStub = defineComponent({
  name: 'AppDialog',
  props: { modelValue: Boolean, confirmLoading: Boolean, title: String, confirmText: String, cancelText: String },
  emits: ['confirm', 'update:modelValue'],
  setup(props, { slots, emit }) {
    return () => props.modelValue ? h('section', [
      h('h2', props.title), slots.default?.(),
      h('button', { class: 'back', disabled: props.confirmLoading, onClick: () => emit('update:modelValue', false) }, props.cancelText),
      h('button', { class: 'approve', disabled: props.confirmLoading, onClick: () => emit('confirm') }, props.confirmText),
    ]) : null
  },
})
function mountDialog() {
  return mount(WarehouseTransferReviewDialog, {
    props: { modelValue: true, customerId: '20001', customerName: '测试客户', transferNo: 'WT-1' },
    global: { stubs: { AppDialog: AppDialogStub } },
  })
}

describe('WarehouseTransferReviewDialog', () => {
  beforeEach(() => { vi.clearAllMocks() })

  it('shows a concise confirmation without fetching detail tables or review inputs', () => {
    const wrapper = mountDialog()
    expect(wrapper.text()).toContain('仓储转运单审核')
    expect(wrapper.text()).toContain('审核通过后，转运单将进入海外仓收货打托作业。')
    expect(wrapper.find('.back').text()).toBe('返回')
    expect(wrapper.find('.approve').text()).toBe('审核通过')
    expect(wrapper.find('textarea, input, table').exists()).toBe(false)
    expect(getWarehouseTransfer).not.toHaveBeenCalled()
  })

  it('return closes without approving or rejecting the order', async () => {
    const wrapper = mountDialog()
    await wrapper.find('.back').trigger('click')
    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
    expect(reviewWarehouseTransfer).not.toHaveBeenCalled()
    expect(wrapper.emitted('reviewed')).toBeUndefined()
  })

  it('approves in the selected customer scope once and refreshes only after success', async () => {
    let finish!: () => void
    vi.mocked(reviewWarehouseTransfer).mockReturnValue(new Promise(resolve => { finish = () => resolve(reviewedTransfer) }))
    const wrapper = mountDialog()
    const dialog = wrapper.findComponent(AppDialogStub)
    dialog.vm.$emit('confirm')
    dialog.vm.$emit('confirm')
    await flushPromises()
    expect(reviewWarehouseTransfer).toHaveBeenCalledExactlyOnceWith('20001', 'WT-1', 'APPROVE')
    expect(dialog.props('confirmLoading')).toBe(true)
    expect(wrapper.emitted('reviewed')).toBeUndefined()
    finish()
    await flushPromises()
    expect(wrapper.emitted('reviewed')).toHaveLength(1)
    expect(wrapper.emitted('update:modelValue')).toEqual([[false]])
    expect(dialog.props('confirmLoading')).toBe(false)
  })

  it('keeps the dialog open and allows retry after an approval failure', async () => {
    vi.mocked(reviewWarehouseTransfer).mockRejectedValueOnce(new Error('审核失败')).mockResolvedValueOnce(reviewedTransfer)
    const wrapper = mountDialog()
    await wrapper.find('.approve').trigger('click')
    await flushPromises()
    expect(ElMessage.error).toHaveBeenCalled()
    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
    expect(wrapper.emitted('reviewed')).toBeUndefined()
    expect(wrapper.findComponent(AppDialogStub).props('confirmLoading')).toBe(false)
    await wrapper.find('.approve').trigger('click')
    await flushPromises()
    expect(wrapper.emitted('reviewed')).toHaveLength(1)
  })
})