/* @vitest-environment happy-dom */

import type { FieldDataType } from '#/api/x/eln/fields';

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

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

import SourceWorkspace from '../SourceWorkspace.vue';

const apiMocks = vi.hoisted(() => ({
  createSourceDataItem: vi.fn(),
  createSourcePath: vi.fn(),
  getSourceDataItems: vi.fn(),
  getSourceObjectFields: vi.fn(),
  getSourceObjects: vi.fn(),
  getSourcePaths: vi.fn(),
  getSourcePreviewSamples: vi.fn(),
  previewSourceDataItem: vi.fn(),
  publishSourceDataItem: vi.fn(),
  saveSourceDataItem: vi.fn(),
  setSourcePropertyEnabled: vi.fn(),
  suggestFieldCode: vi.fn(),
}));
const navigationMocks = vi.hoisted(() => ({ route: vi.fn() }));

vi.mock('#/api/x/eln/fields', () => ({ suggestFieldCode: apiMocks.suggestFieldCode }));
vi.mock('#/api/x/eln/sources', () => apiMocks);
vi.mock('#/utils/jnpf', () => ({ onlineUtils: navigationMocks }));
vi.mock('@jnpf/ui/drawer', () => ({
  BasicDrawer: { name: 'BasicDrawer', template: '<aside><slot /><slot name="footer" /></aside>' },
  useDrawer: () => [vi.fn(), { closeDrawer: vi.fn(), openDrawer: vi.fn() }],
}));
vi.mock('@jnpf/ui/form', () => ({
  BasicForm: { name: 'BasicForm', template: '<form />' },
  useForm: () => [vi.fn(), { getFieldsValue: vi.fn(() => ({})), resetFields: vi.fn() }],
}));
vi.mock('@jnpf/ui/modal', () => ({
  BasicModal: { name: 'BasicModal', template: '<section><slot /></section>' },
  useModal: () => [vi.fn(), { openModal: vi.fn() }],
}));
vi.mock('@jnpf/ui/vxeTable', () => ({
  BasicVxeTable: {
    name: 'BasicVxeTable',
    props: { dataSource: { default: () => [], type: Array } },
    template:
      '<div><slot name="tableTitle" /><div v-for="record in dataSource" :key="record.id"><span>{{ record.displayName }}</span><span>{{ record.sourcePath || record.path }}</span><slot name="dataType" :record="record" /><slot name="status" :record="record" /><slot name="action" :record="record" /></div></div>',
  },
  TableAction: {
    name: 'TableAction',
    props: ['actions'],
    template: '<span><button v-for="action in actions" :key="action.label" @click="action.onClick">{{ action.label }}</button></span>',
  },
  useVxeTable: () => [vi.fn(), { setLoading: vi.fn() }],
}));

const publishedItem = {
  dataType: 'DATE',
  displayName: '生产日期',
  editVersion: 1,
  enabled: true,
  id: 'item-1',
  outputKey: 'production_date',
  outputName: '生产日期',
  propertyCode: 'yangpin_shengchan_riqi',
  returnContent: '原值',
  revision: 1,
  scope: '全部检验项',
  sourcePath: '检验项 > 请验单 > 生产日期',
  sourcePathId: 'path-1',
  status: 'PUBLISHED',
};

function mountWorkspace(fieldDataType?: FieldDataType) {
  return mount(SourceWorkspace, {
    props: fieldDataType ? { fieldDataType } : {},
    global: {
      stubs: {
        'a-alert': { template: '<div><slot /><slot name="action" /></div>' },
        'a-button': {
          emits: ['click'],
          props: ['disabled'],
          template: '<button :disabled="disabled" @click="$emit(\'click\')"><slot name="icon" /><slot /></button>',
        },
        'a-input': {
          emits: ['blur', 'update:value'],
          props: ['disabled', 'value'],
          template: '<input :disabled="disabled" :value="value" @blur="$emit(\'blur\')" @input="$emit(\'update:value\', $event.target.value)" />',
        },
        'a-select': {
          emits: ['change', 'update:value'],
          props: ['options', 'value'],
          template:
            '<select :value="value" @change="$emit(\'update:value\', $event.target.value); $emit(\'change\', $event.target.value)"><option value=""></option><option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</option></select>',
        },
        'a-tag': { template: '<span><slot /></span>' },
        'a-tooltip': { template: '<span><slot /></span>' },
      },
    },
  });
}

describe('lIMS 数据项工作台', () => {
  beforeEach(() => {
    vi.clearAllMocks();
    apiMocks.getSourceDataItems.mockResolvedValue({ data: [publishedItem] });
    apiMocks.getSourcePaths.mockResolvedValue({
      data: [
        {
          code: 'request',
          displayName: '所属请验单',
          editVersion: 1,
          id: 'path-1',
          path: '检验项 > 请验单 > 生产日期',
          outputs: [{ dataType: 'DATE', displayName: '生产日期', key: 'production_date', path: '检验项 > 请验单 > 生产日期', returnContent: '原值' }],
          revision: 1,
          scope: '全部检验项',
          status: 'PUBLISHED',
        },
      ],
    });
    apiMocks.getSourcePreviewSamples.mockResolvedValue({ data: [{ batchNo: 'B001', id: 'task-1', sampleName: '样品 A', testName: '含量', testNo: 'JY001' }] });
    apiMocks.suggestFieldCode.mockResolvedValue({ data: { code: 'yangpin_shengchan_riqi' } });
    apiMocks.createSourceDataItem.mockResolvedValue({ data: { ...publishedItem, editVersion: 0, id: 'draft-1', status: 'DRAFT' } });
    apiMocks.saveSourceDataItem.mockResolvedValue({ data: { ...publishedItem, editVersion: 0, id: 'draft-2', revision: 2, status: 'DRAFT' } });
    apiMocks.previewSourceDataItem.mockResolvedValue({ data: { value: '2026-09-07' } });
    apiMocks.publishSourceDataItem.mockResolvedValue({ data: publishedItem });
    apiMocks.setSourcePropertyEnabled.mockResolvedValue({ data: false });
  });

  it('按业务语言展示并可选用已发布数据项', async () => {
    const wrapper = mountWorkspace('DATE');
    await flushPromises();

    expect(wrapper.text()).toContain('新增数据项');
    expect(wrapper.text()).toContain('检验项 > 请验单 > 生产日期');
    expect(wrapper.text()).not.toContain('创建新版本');
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '选用')!
      .trigger('click');
    expect(wrapper.emitted('select')?.[0]?.[0]).toMatchObject({ property: 'yangpin_shengchan_riqi', propertyRevision: 1 });
  });

  it('输入中文业务名称后自动生成只读标识并保存草稿', async () => {
    const wrapper = mountWorkspace();
    await flushPromises();
    await wrapper.get('[data-test="new-source-property"]').trigger('click');
    const displayName = wrapper.get('[data-test="source-display-name"]');
    await displayName.setValue('样品生产日期');
    await displayName.trigger('blur');
    await flushPromises();

    expect(apiMocks.suggestFieldCode).toHaveBeenCalledWith('样品生产日期');
    const propertyCode = wrapper.get('[data-test="source-property-code"]');
    expect(propertyCode.attributes('disabled')).toBeDefined();
    expect((propertyCode.element as HTMLInputElement).value).toBe('yangpin_shengchan_riqi');
    await wrapper.get('[data-test="source-path-select"]').setValue('path-1:production_date');
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '保存草稿')!
      .trigger('click');
    await flushPromises();
    expect(apiMocks.createSourceDataItem).toHaveBeenCalledWith(
      expect.objectContaining({
        displayName: '样品生产日期',
        propertyCode: 'yangpin_shengchan_riqi',
        sourcePathId: 'path-1',
        outputKey: 'production_date',
      }),
    );
  });

  it('编辑已发布项时由后端自动创建草稿版本', async () => {
    const wrapper = mountWorkspace();
    await flushPromises();
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '编辑')!
      .trigger('click');
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '保存草稿')!
      .trigger('click');
    await flushPromises();
    expect(apiMocks.saveSourceDataItem).toHaveBeenCalledWith('item-1', expect.objectContaining({ expectedEditVersion: 1 }));
  });

  it('通过业务选择器预览，不要求手填检验项 ID', async () => {
    const wrapper = mountWorkspace();
    await flushPromises();
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '编辑')!
      .trigger('click');
    await flushPromises();
    await wrapper.get('[data-test="source-sample-select"]').setValue('task-1');
    await wrapper
      .findAll('button')
      .find((button) => button.text() === '预览')!
      .trigger('click');
    await flushPromises();
    expect(apiMocks.previewSourceDataItem).toHaveBeenCalledWith('draft-2', 'task-1');
    expect(wrapper.text()).toContain('2026-09-07');
  });

  it('从方案 A 主界面进入来源路径管理', async () => {
    const wrapper = mountWorkspace();
    await flushPromises();
    await wrapper.get('[data-test="manage-source-paths"]').trigger('click');
    expect(navigationMocks.route).toHaveBeenCalledWith('/eln/source-paths', { title: '来源路径管理' });
  });

  it('重新打开数据项编辑时刷新可用来源路径', async () => {
    const wrapper = mountWorkspace();
    await flushPromises();
    apiMocks.getSourcePaths.mockResolvedValueOnce({
      data: [
        {
          code: 'sample',
          displayName: '所属样品',
          editVersion: 1,
          id: 'path-2',
          outputs: [{ dataType: 'TEXT', displayName: '批号', key: 'batch_no', path: '检验项 > 样品 > 批号', returnContent: '原值' }],
          revision: 1,
          scope: '全部检验项',
          status: 'PUBLISHED',
        },
      ],
    });

    await wrapper.get('[data-test="new-source-property"]').trigger('click');
    await flushPromises();

    expect(apiMocks.getSourcePaths).toHaveBeenCalledTimes(2);
    expect(wrapper.text()).toContain('检验项 > 样品 > 批号');
  });

  it('预览样例加载失败时仍显示数据项和来源路径', async () => {
    apiMocks.getSourcePreviewSamples.mockRejectedValue(new Error('preview unavailable'));
    const wrapper = mountWorkspace();
    await flushPromises();

    expect(wrapper.text()).toContain('生产日期');
    expect(wrapper.text()).toContain('检验项 > 请验单 > 生产日期');
    expect(wrapper.text()).not.toContain('LIMS 数据项加载失败');
    expect(apiMocks.getSourcePreviewSamples).not.toHaveBeenCalled();

    await wrapper.get('[data-test="new-source-property"]').trigger('click');
    await flushPromises();
    expect(apiMocks.getSourcePreviewSamples).toHaveBeenCalledTimes(1);
  });
});