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

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

import FormulaForm from '../FormulaForm.vue';

const apiMocks = vi.hoisted(() => ({ createFormula: vi.fn(), createFormulaDraft: vi.fn() }));
const formState = vi.hoisted(() => ({ config: undefined as any, resetFields: vi.fn(), setFieldsValue: vi.fn(), validate: vi.fn() }));
const messageState = vi.hoisted(() => ({ success: vi.fn() }));
const modalState = vi.hoisted(() => ({ closeModal: vi.fn(), init: undefined as any }));

vi.mock('#/api/x/eln/formulas', () => ({ createFormula: apiMocks.createFormula, createFormulaDraft: apiMocks.createFormulaDraft }));
vi.mock('@jnpf/hooks', () => ({ useMessage: () => ({ createMessage: messageState }) }));
vi.mock('@jnpf/ui/form', () => ({
  BasicForm: { name: 'BasicForm', template: '<div />' },
  useForm: (config: any) => {
    formState.config = config;
    return [vi.fn(), formState];
  },
}));
vi.mock('@jnpf/ui/modal', () => ({
  BasicModal: { name: 'BasicModal', props: ['minHeight', 'width'], template: '<div><slot /></div>' },
  useModalInner: (init: any) => {
    modalState.init = init;
    return [vi.fn(), { changeOkLoading: vi.fn(), closeModal: modalState.closeModal }];
  },
}));
vi.mock('../ParameterTable.vue', () => ({ default: { name: 'ParameterTable', template: '<div />' } }));

describe('eLN formula creation form', () => {
  beforeEach(() => {
    vi.clearAllMocks();
    formState.validate.mockResolvedValue({
      beizhu: ' 初始草稿 ',
      biaodashi: 'a + b',
      gongshiMingcheng: '含量计算',
      jieguoLeixing: 'DECIMAL',
      xiuyueMoshi: 'HALF_UP',
      xiuyueXiaoshuWei: 2,
      yewuYongtu: ' 含量 ',
    });
    apiMocks.createFormula.mockResolvedValue({ data: {}, msg: '创建成功' });
    apiMocks.createFormulaDraft.mockResolvedValue({ data: { id: 'formula-1', versions: [] }, msg: 'success' });
  });

  it('does not expose a formula code input because the backend creates identity', () => {
    shallowMount(FormulaForm);
    expect(formState.config.schemas.map((item: any) => item.field)).not.toContain('gongshiBianma');
  });

  it('only collects definition metadata and parameter slots before opening the editor', () => {
    shallowMount(FormulaForm);
    expect(formState.config.schemas.map((item: any) => item.field)).toEqual(['gongshiMingcheng', 'yewuYongtu', 'beizhu']);
    expect(formState.config.schemas.find((item: any) => item.field === 'beizhu').componentProps.placeholder).toBe('请输入备注');
  });

  it('provides enough space for parameter editing', () => {
    const wrapper = shallowMount(FormulaForm);
    const modal = wrapper.findComponent({ name: 'BasicModal' });

    expect(modal.props('width')).toBe('960px');
    expect(modal.props('minHeight')).toBe(560);
  });

  it('creates a draft and emits its returned detail for the catalog to open', async () => {
    const wrapper = shallowMount(FormulaForm);
    modalState.init({});
    wrapper.findComponent({ name: 'BasicModal' }).vm.$emit('ok');
    await flushPromises();
    expect(apiMocks.createFormulaDraft).toHaveBeenCalledWith({ beizhu: '初始草稿', gongshiMingcheng: '含量计算', parameters: [], yewuYongtu: '含量' });
    expect(messageState.success).toHaveBeenCalledWith('公式创建成功');
    expect(wrapper.emitted('created')).toEqual([[{ id: 'formula-1', versions: [] }]]);
    expect(modalState.closeModal).toHaveBeenCalled();
  });
});