/* @vitest-environment happy-dom */
/* eslint-disable vue/one-component-per-file */

import type { VueWrapper } from '@vue/test-utils';

import { mount } from '@vue/test-utils';
import { defineComponent, h, nextTick, onMounted } from 'vue';

import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';

import GlobalDmsFolderSelector from '../index.vue';

const mocks = vi.hoisted(() => ({
  closeModal: vi.fn(),
  error: vi.fn(),
  getDmsFolderTree: vi.fn(),
  openModal: vi.fn(),
  register: vi.fn(),
}));

vi.mock('#/router', () => ({ router: { push: vi.fn() } }));
vi.mock('#/api/request', () => ({ defHttp: { get: vi.fn() } }));
vi.mock('#/api/x/dms/fileCenter', () => ({ getDmsFolderTree: mocks.getDmsFolderTree }));
vi.mock('@jnpf/hooks', () => ({ useMessage: () => ({ createMessage: { error: mocks.error } }) }));

vi.mock('@jnpf/ui/modal', () => ({
  BasicModal: defineComponent({
    props: { okButtonProps: { default: () => ({}), type: Object } },
    emits: ['ok', 'register'],
    setup(props, { emit, slots }) {
      onMounted(() => emit('register'));
      return () =>
        h('section', [slots.default?.(), h('button', { 'data-test': 'confirm', disabled: props.okButtonProps?.disabled, onClick: () => emit('ok') }, '确定')]);
    },
  }),
  useModal: () => [mocks.register, { closeModal: mocks.closeModal, openModal: mocks.openModal }],
}));

vi.mock('ant-design-vue', () => ({
  Tree: defineComponent({
    props: { treeData: { required: true, type: Array } },
    emits: ['select'],
    setup(props, { emit }) {
      return () =>
        h(
          'div',
          (props.treeData as any[]).map((node) => h('button', { 'data-test': `folder-${node.key}`, onClick: () => emit('select', [node.key]) }, node.title)),
        );
    },
  }),
}));

const { onlineUtils } = await import('#/utils/jnpf');

let wrapper: VueWrapper<any>;

async function flush(times = 3) {
  for (let index = 0; index < times; index++) await nextTick();
}

describe('globalDmsFolderSelector', () => {
  beforeEach(() => {
    mocks.closeModal.mockReset();
    mocks.error.mockReset();
    mocks.getDmsFolderTree.mockReset();
    mocks.openModal.mockReset();
    mocks.getDmsFolderTree.mockResolvedValue({
      data: {
        hasMore: false,
        list: [{ hasChildren: false, id: 'folder_001', name: '质量管理部' }],
      },
    });
    wrapper = mount(GlobalDmsFolderSelector, { global: { directives: { loading: {} } } });
  });

  afterEach(() => {
    wrapper.unmount();
  });

  it('selects a folder and invokes onConfirm when the modal confirm action is clicked', async () => {
    const onConfirm = vi.fn();

    onlineUtils.openDmsFolderSelector(undefined, onConfirm);
    await flush();
    await wrapper.get('[data-test="folder-folder_001"]').trigger('click');
    await wrapper.get('[data-test="confirm"]').trigger('click');

    expect(onConfirm).toHaveBeenCalledWith('folder_001', '质量管理部');
    expect(mocks.closeModal).toHaveBeenCalledTimes(1);
  });

  it('renders the modal and root directories while locating a nested initial folder', async () => {
    mocks.getDmsFolderTree
      .mockResolvedValueOnce({
        data: {
          hasMore: false,
          list: [{ hasChildren: true, id: 'folder_001', name: '根目录' }],
        },
      })
      .mockImplementationOnce(() => new Promise(() => {}));

    onlineUtils.openDmsFolderSelector('folder_999');
    await flush();

    expect(mocks.openModal).toHaveBeenCalledWith(true);
    expect(wrapper.get('[data-test="folder-folder_001"]').text()).toBe('根目录');
  });

  it('returns a nested folder path without spaces around separators', async () => {
    const onConfirm = vi.fn();
    mocks.getDmsFolderTree
      .mockResolvedValueOnce({
        data: {
          hasMore: false,
          list: [{ hasChildren: true, id: 'folder_001', name: '根目录' }],
        },
      })
      .mockResolvedValueOnce({
        data: {
          hasMore: false,
          list: [{ hasChildren: true, id: 'folder_002', name: 'A' }],
        },
      })
      .mockResolvedValueOnce({
        data: {
          hasMore: false,
          list: [{ hasChildren: false, id: 'folder_003', name: 'B' }],
        },
      });

    onlineUtils.openDmsFolderSelector('folder_003', onConfirm);
    await vi.waitFor(() => expect(wrapper.get('[data-test="confirm"]').attributes('disabled')).toBeUndefined());
    await wrapper.get('[data-test="confirm"]').trigger('click');

    expect(onConfirm).toHaveBeenCalledWith('folder_003', '根目录/A/B');
  });

  it('closes the current selector before a confirmation callback opens another selector', async () => {
    const onConfirm = vi.fn(() => onlineUtils.openDmsFolderSelector());

    onlineUtils.openDmsFolderSelector({ onConfirm });
    await flush();
    await wrapper.get('[data-test="folder-folder_001"]').trigger('click');
    await wrapper.get('[data-test="confirm"]').trigger('click');
    await vi.waitFor(() => expect(mocks.openModal).toHaveBeenCalledTimes(2));

    expect(onConfirm).toHaveBeenCalledOnce();
    expect(mocks.openModal).toHaveBeenCalledTimes(2);
    expect(mocks.closeModal).toHaveBeenCalledTimes(1);
    expect(mocks.closeModal.mock.invocationCallOrder[0]).toBeLessThan(mocks.openModal.mock.invocationCallOrder[1]!);
  });
});