import type { FormulaRule } from '#/api/x/eln/formulas';

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

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

import TrialPanel, { parseDecimalListInput } from '../TrialPanel.vue';
import panelSource from '../TrialPanel.vue?raw';

const apiMocks = vi.hoisted(() => ({ previewFormula: vi.fn() }));

vi.mock('#/api/x/eln/formulas', () => ({ previewFormula: apiMocks.previewFormula }));

const stubs = {
  'a-alert': { props: ['message'], template: '<div>{{ message }}</div>' },
  'a-button': defineComponent({
    props: ['disabled', 'loading'],
    emits: ['click'],
    template: '<button :disabled="disabled" @click="$emit(\'click\')"><slot /></button>',
  }),
  'a-descriptions': { template: '<div><slot /></div>' },
  'a-descriptions-item': { template: '<span><slot /></span>' },
  'a-input': defineComponent({
    props: ['value'],
    emits: ['update:value'],
    template: '<input class="trial-text" :value="value" @input="$emit(\'update:value\', $event.target.value)" />',
  }),
  'a-input-number': defineComponent({
    props: ['value'],
    emits: ['update:value'],
    template: '<input class="trial-number" :value="value" @input="$emit(\'update:value\', Number($event.target.value))" />',
  }),
  'a-select': defineComponent({
    name: 'ASelect',
    props: ['fieldNames', 'options', 'value'],
    emits: ['update:value'],
    template: '<div class="trial-boolean">{{ value }}</div>',
  }),
  'a-textarea': defineComponent({
    props: ['value'],
    emits: ['update:value'],
    template: '<textarea class="trial-list" :value="value" @input="$emit(\'update:value\', $event.target.value)" />',
  }),
};

const rule: FormulaRule = {
  biaodashi: 'amount + flag',
  jieguoLeixing: 'DECIMAL',
  parameters: [
    { canshuBianma: 'amount', canshuMingcheng: '含量', paixu: 1, shifouBitian: 1, shujuLeixing: 'DECIMAL' },
    { canshuBianma: 'replicates', canshuMingcheng: '重复值', paixu: 2, shifouBitian: 1, shujuLeixing: 'DECIMAL_LIST' },
    { canshuBianma: 'remark', canshuMingcheng: '备注', paixu: 3, shifouBitian: 0, shujuLeixing: 'TEXT' },
    { canshuBianma: 'flag', canshuMingcheng: '是否合格', paixu: 4, shifouBitian: 1, shujuLeixing: 'BOOLEAN' },
  ],
};

describe('eLN formula trial panel', () => {
  beforeEach(() => {
    vi.clearAllMocks();
  });

  it('parses decimal-list values line by line and rejects invalid values', () => {
    expect(parseDecimalListInput('1.2\n-3\n')).toEqual(['1.2', '-3']);
    expect(() => parseDecimalListInput('1\n1e3')).toThrow('第 2 行不是有效十进制数');
  });

  it('keeps typed inputs locally and calls the preview API with all slot types', async () => {
    apiMocks.previewFormula.mockResolvedValue({ data: { diagnostics: [], rawResult: '3.0', roundedResult: '3.00', status: 'SUCCESS' } });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });

    await wrapper.find('.trial-number').setValue('1.25');
    await wrapper.find('.trial-list').setValue('1\n2.5');
    await wrapper.find('.trial-text').setValue('备注');
    await wrapper.findComponent({ name: 'ASelect' }).vm.$emit('update:value', false);
    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();

    expect(apiMocks.previewFormula).toHaveBeenCalledWith({
      ...rule,
      inputs: { amount: 1.25, flag: false, remark: '备注', replicates: ['1', '2.5'] },
    });
    expect(wrapper.text()).toContain('原始结果：3.0');
    expect(wrapper.text()).toContain('修约结果：3.00');
    expect(panelSource).toContain("slot.shujuLeixing === 'DECIMAL'");
    expect(panelSource).toContain("slot.shujuLeixing === 'DECIMAL_LIST'");
    expect(panelSource).toContain("slot.shujuLeixing === 'TEXT'");
    expect(panelSource).toContain("slot.shujuLeixing === 'BOOLEAN'");
    expect(panelSource).not.toContain('localStorage');
    expect(panelSource).not.toContain('sessionStorage');
  });

  it('shows missing-input status and diagnostics while leaving results empty', async () => {
    apiMocks.previewFormula.mockResolvedValue({
      data: {
        diagnostics: [{ end: 6, message: '缺少参数：amount', severity: 'ERROR', start: 0 }],
        rawResult: null,
        roundedResult: null,
        status: 'MISSING_INPUT',
      },
    });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });

    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();
    expect(apiMocks.previewFormula).toHaveBeenCalledTimes(1);
    expect(wrapper.text()).toContain('MISSING_INPUT');
    expect(wrapper.text()).toContain('缺少参数：amount');
    expect(wrapper.text()).not.toContain('原始结果');
    expect(wrapper.text()).not.toContain('修约结果');
  });

  it('submits an untouched boolean parameter as null instead of false', async () => {
    apiMocks.previewFormula.mockResolvedValue({ data: { diagnostics: [], rawResult: null, roundedResult: null, status: 'MISSING_INPUT' } });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });

    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();

    expect(apiMocks.previewFormula).toHaveBeenCalledWith(expect.objectContaining({ inputs: expect.objectContaining({ flag: null }) }));
  });

  it('shows error status and diagnostics while leaving results empty', async () => {
    apiMocks.previewFormula.mockResolvedValue({
      data: { diagnostics: [{ end: 4, message: '除数不能为零', severity: 'ERROR', start: 2 }], rawResult: null, roundedResult: null, status: 'ERROR' },
    });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });

    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();

    expect(wrapper.text()).toContain('ERROR');
    expect(wrapper.text()).toContain('除数不能为零');
    expect(wrapper.text()).not.toContain('原始结果');
    expect(wrapper.text()).not.toContain('修约结果');
  });

  it('clears trial inputs and marks an existing result stale after rule changes', async () => {
    apiMocks.previewFormula.mockResolvedValue({ data: { diagnostics: [], rawResult: '1.25', roundedResult: '1.25', status: 'SUCCESS' } });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });
    await wrapper.find('.trial-number').setValue('1.25');
    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();

    await wrapper.setProps({ rule: { ...rule, biaodashi: 'amount * 2' } });
    await nextTick();
    expect(wrapper.text()).toContain('结果已过期');
    expect(wrapper.text()).toContain('原始结果：1.25');
    expect(apiMocks.previewFormula).toHaveBeenCalledTimes(1);

    await wrapper.find('[data-test="clear-trial-inputs"]').trigger('click');
    expect((wrapper.find('.trial-number').element as HTMLInputElement).value).toBe('');
  });

  it('removes inputs for deleted parameters before the next trial', async () => {
    apiMocks.previewFormula.mockResolvedValue({ data: { diagnostics: [], rawResult: null, roundedResult: null, status: 'MISSING_INPUT' } });
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });
    await wrapper.find('.trial-text').setValue('将被删除');
    await wrapper.setProps({ rule: { ...rule, parameters: rule.parameters.filter((slot) => slot.canshuBianma !== 'remark') } });
    await nextTick();
    await wrapper.find('[data-test="run-trial"]').trigger('click');
    await flushPromises();

    expect(apiMocks.previewFormula).toHaveBeenCalledWith(expect.objectContaining({ inputs: expect.not.objectContaining({ remark: expect.anything() }) }));
  });

  it('prevents duplicate submissions and keeps inputs when the request fails', async () => {
    let rejectRequest!: (error: Error) => void;
    apiMocks.previewFormula.mockReturnValue(
      new Promise((_resolve, reject) => {
        rejectRequest = reject;
      }),
    );
    const wrapper = mount(TrialPanel, { props: { rule }, global: { stubs } });
    await wrapper.find('.trial-number').setValue('2');
    void wrapper.find('[data-test="run-trial"]').trigger('click');
    await wrapper.find('[data-test="run-trial"]').trigger('click');
    expect(apiMocks.previewFormula).toHaveBeenCalledTimes(1);

    rejectRequest(new Error('network'));
    await flushPromises();
    expect(wrapper.text()).toContain('试算请求失败');
    expect((wrapper.find('.trial-number').element as HTMLInputElement).value).toBe('2');
  });
});