import { configureStore } from '@reduxjs/toolkit';
import AppraisalSubmissionFieldSlice, { fetchAppraisalSubmissionFields, deleteAppraisalSubmissionField } from '../AppraisalSubmissionFieldSlice';

jest.mock('@/services/api/api', () => ({
  apiGet: jest.fn(),
  apiPost: jest.fn(),
  apiPut: jest.fn(),
  apiDelete: jest.fn(),
}));

jest.mock('antd', () => ({
  message: { success: jest.fn(), error: jest.fn(), warning: jest.fn() },
}));

jest.mock('@/utilities/Helpers', () => ({
  __esModule: true,
  default: { handleServerError: jest.fn((e) => e?.message || 'Error') },
}));

const createStore = () =>
  configureStore({ reducer: { subFields: AppraisalSubmissionFieldSlice.reducer } });

describe('AppraisalSubmissionFieldSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().subFields;
    expect(state.appraisalSubmissionFields).toEqual([]);
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

  it('sets loading on fetch pending', () => {
    const store = createStore();
    store.dispatch({ type: fetchAppraisalSubmissionFields.pending.type });
    expect(store.getState().subFields.loading).toBe(true);
  });

  it('populates on fetch fulfilled', () => {
    const store = createStore();
    const payload = { data: [{ id: '1' }], meta: {}, links: {} };
    store.dispatch({ type: fetchAppraisalSubmissionFields.fulfilled.type, payload });
    expect(store.getState().subFields.appraisalSubmissionFields).toEqual(payload.data);
  });

  it('removes on delete fulfilled', () => {
    const store = createStore();
    store.dispatch({
      type: fetchAppraisalSubmissionFields.fulfilled.type,
      payload: { data: [{ id: '1' }, { id: '2' }], meta: undefined, links: undefined },
    });
    store.dispatch({
      type: deleteAppraisalSubmissionField.fulfilled.type,
      payload: { id: '1', message: 'Deleted' },
    });
    expect(store.getState().subFields.appraisalSubmissionFields).toHaveLength(1);
  });
});