import { flushPromises, mount } from '@vue/test-utils'
import ElementPlus from 'element-plus'
import { beforeEach, describe, expect, test, vi } from 'vitest'
import Approval from './Approval.vue'

const approvalStore = vi.hoisted(() => ({
  applications: [],
  loading: false,
  page: { currentPage: 1, pageSize: 20, total: 0 },
  fetchPendingApplications: vi.fn(),
  approveApplication: vi.fn(),
  rejectApplication: vi.fn()
}))

vi.mock('../stores/approval', () => ({ useApprovalStore: () => approvalStore }))

function findButton(wrapper, text) {
  return wrapper.findAll('button').find(button => button.text().includes(text))
}

function mountApproval() {
  return mount(Approval, {
    global: { plugins: [ElementPlus], stubs: { teleport: true } }
  })
}

describe('审批自动出库默认值', () => {
  beforeEach(() => {
    approvalStore.fetchPendingApplications.mockReset()
    approvalStore.approveApplication.mockReset().mockResolvedValue({ data: {} })
    approvalStore.rejectApplication.mockReset().mockResolvedValue({ data: {} })
  })

  // el-table 的行内容在 jsdom 下渲染不出来（列宽依赖真实布局计算），
  // 于是跳过表格这一层，直接触发组件的打开逻辑。
  async function openApproveDialog(wrapper) {
    wrapper.vm.$.setupState.showApproveModal({ id: 9, status: 'pending' })
    await flushPromises()
  }

  test('打开审批弹窗时自动出库默认已勾选', async () => {
    const wrapper = mountApproval()
    await flushPromises()
    await openApproveDialog(wrapper)

    expect(wrapper.find('.el-switch').classes()).toContain('is-checked')
    wrapper.unmount()
  })

  test('默认提交时 auto_outbound 为 true', async () => {
    const wrapper = mountApproval()
    await flushPromises()
    await openApproveDialog(wrapper)

    await findButton(wrapper, '确认通过').trigger('click')
    await flushPromises()

    expect(approvalStore.approveApplication).toHaveBeenCalledWith(9, { auto_outbound: true })
    wrapper.unmount()
  })

  test('手动关掉开关后可以只审批不出库', async () => {
    const wrapper = mountApproval()
    await flushPromises()
    await openApproveDialog(wrapper)

    await wrapper.find('.el-switch').trigger('click')
    await flushPromises()

    await findButton(wrapper, '确认通过').trigger('click')
    await flushPromises()

    expect(approvalStore.approveApplication).toHaveBeenCalledWith(9, { auto_outbound: false })
    wrapper.unmount()
  })

  test('关掉后重新打开会回到默认勾选', async () => {
    const wrapper = mountApproval()
    await flushPromises()
    await openApproveDialog(wrapper)

    await wrapper.find('.el-switch').trigger('click')
    await flushPromises()
    expect(wrapper.find('.el-switch').classes()).not.toContain('is-checked')

    await openApproveDialog(wrapper)

    expect(wrapper.find('.el-switch').classes()).toContain('is-checked')
    wrapper.unmount()
  })
})