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

import type { DmsFileCenterItem } from '#/api/x/dms/fileCenter';

import { flushPromises, mount } from '@vue/test-utils';

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

import FileOperationLogModal from '../FileOperationLogModal.vue';

const apiMocks = vi.hoisted(() => ({ getFileOperationLogs: vi.fn() }));
const messageMocks = vi.hoisted(() => ({ error: vi.fn() }));
const modalState = vi.hoisted(() => ({ init: undefined as ((data: { item: DmsFileCenterItem }) => void) | undefined }));
const tableState = vi.hoisted(() => ({ config: undefined as any, pagination: { current: 1, pageSize: 10 } }));

vi.mock('#/api/x/dms/fileCenter', () => ({ getFileOperationLogs: apiMocks.getFileOperationLogs }));
vi.mock('@jnpf/hooks', () => ({ useMessage: () => ({ createMessage: messageMocks }) }));
vi.mock('@jnpf/utils', () => ({ formatToDateTime: (value: string) => value }));

vi.mock('@jnpf/ui/modal', async () => {
  const { defineComponent, h } = await import('vue');

  return {
    BasicModal: defineComponent({
      name: 'BasicModal',
      setup:
        (_, { slots }) =>
        () =>
          h('section', slots.default?.()),
    }),
    useModalInner: (init: (data: { item: DmsFileCenterItem }) => void) => {
      modalState.init = init;
      return [vi.fn(), {}];
    },
  };
});

vi.mock('@jnpf/ui/vxeTable', async () => {
  const { defineComponent, h } = await import('vue');

  return {
    BasicVxeTable: defineComponent({
      name: 'BasicVxeTable',
      props: {
        dataSource: { default: () => [], type: Array },
        loading: Boolean,
        pagination: { default: undefined, type: [Boolean, Object] },
      },
      emits: ['change'],
      setup(props, { emit }) {
        return () =>
          h(
            'button',
            {
              'data-current-page': (props.pagination as any)?.current,
              'data-page-size': (props.pagination as any)?.pageSize,
              'data-record-count': props.dataSource.length,
              'data-test': 'operation-log-table',
              onClick: () => {
                tableState.pagination = { current: 2, pageSize: 20 };
                emit('change', { action: 'paginate' });
              },
              type: 'button',
            },
            '操作记录',
          );
      },
    }),
    useVxeTable: (config: any) => {
      tableState.config = config;
      return [vi.fn(), { getPaginationRef: () => tableState.pagination }];
    },
  };
});

const fileItem: DmsFileCenterItem = {
  createdAt: '2026-09-01T00:00:00Z',
  documentId: 'document-1',
  fileName: '质量手册.docx',
  id: 'version-1',
  name: '质量手册.docx',
  resourceType: 'FILE_VERSION',
  versionNo: 1,
};

describe('file operation log modal', () => {
  beforeEach(() => {
    vi.clearAllMocks();
    tableState.pagination = { current: 1, pageSize: 10 };
    apiMocks.getFileOperationLogs.mockResolvedValue({
      data: {
        currentPage: 1,
        list: [{ id: 'log-1', occurredAt: '2026-09-20T08:00:00Z', operationContent: '查看文件' }],
        pageSize: 10,
        total: 21,
      },
    });
  });

  it('uses the standard table as a controlled paginated view', async () => {
    const wrapper = mount(FileOperationLogModal, {
      global: {
        stubs: {
          'a-alert': true,
          'a-button': true,
          'a-tooltip': true,
          'jnpf-input': true,
        },
      },
    });

    modalState.init?.({ item: fileItem });
    await flushPromises();

    expect(tableState.config).toMatchObject({ rowKey: 'id', showIndexColumn: false, showTableSetting: false });
    expect(apiMocks.getFileOperationLogs).toHaveBeenLastCalledWith(fileItem.id, {
      currentPage: 1,
      keyword: undefined,
      pageSize: 10,
    });

    const table = wrapper.get('[data-test="operation-log-table"]');
    expect(table.attributes('data-record-count')).toBe('1');
    expect(table.attributes('data-current-page')).toBe('1');
    expect(table.attributes('data-page-size')).toBe('10');

    apiMocks.getFileOperationLogs.mockResolvedValueOnce({
      data: { currentPage: 2, list: [], pageSize: 20, total: 21 },
    });
    await table.trigger('click');
    await flushPromises();

    expect(apiMocks.getFileOperationLogs).toHaveBeenLastCalledWith(fileItem.id, {
      currentPage: 2,
      keyword: undefined,
      pageSize: 20,
    });

    wrapper.unmount();
  });
});