import { configureStore } from '@reduxjs/toolkit';
import AppraisalSubmissionSlice, { clearCurrentSubmission, fetchAppraisalSubmissions, fetchSubmission, fetchMySubmissions, fetchTeamSubmissions, startSelfReview } from '../AppraisalSubmissionSlice';

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: { submissions: AppraisalSubmissionSlice.reducer } });

describe('AppraisalSubmissionSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().submissions;
    expect(state.appraisalSubmissions).toEqual([]);
    expect(state.mySubmissions).toEqual([]);
    expect(state.teamSubmissions).toEqual([]);
    expect(state.currentSubmission).toBeNull();
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

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

  it('populates submissions on fetchAppraisalSubmissions.fulfilled', () => {
    const store = createStore();
    const payload = {
      data: [{ id: '1' }],
      meta: { current_page: 1 },
      links: { first: '/1' },
    };
    store.dispatch({ type: fetchAppraisalSubmissions.fulfilled.type, payload });
    expect(store.getState().submissions.appraisalSubmissions).toEqual(payload.data);
    expect(store.getState().submissions.loading).toBe(false);
  });

  it('sets currentSubmission on fetchSubmission.fulfilled', () => {
    const store = createStore();
    const sub = { id: '1', status: 'pending' };
    store.dispatch({ type: fetchSubmission.fulfilled.type, payload: sub });
    expect(store.getState().submissions.currentSubmission).toEqual(sub);
  });

  it('populates mySubmissions on fetchMySubmissions.fulfilled', () => {
    const store = createStore();
    const payload = { data: [{ id: '1' }], meta: { current_page: 1 } };
    store.dispatch({ type: fetchMySubmissions.fulfilled.type, payload });
    expect(store.getState().submissions.mySubmissions).toEqual(payload.data);
  });

  it('populates teamSubmissions on fetchTeamSubmissions.fulfilled', () => {
    const store = createStore();
    const payload = { data: [{ id: '2' }], meta: { current_page: 1 } };
    store.dispatch({ type: fetchTeamSubmissions.fulfilled.type, payload });
    expect(store.getState().submissions.teamSubmissions).toEqual(payload.data);
  });

  it('updates currentSubmission status on startSelfReview.fulfilled', () => {
    const store = createStore();
    store.dispatch({
      type: fetchSubmission.fulfilled.type,
      payload: { id: '1', status: 'pending' },
    });
    store.dispatch({
      type: startSelfReview.fulfilled.type,
      payload: { id: '1', status: 'self_review_in_progress' },
    });
    expect(store.getState().submissions.currentSubmission?.status).toBe('self_review_in_progress');
  });

  it('clears currentSubmission via clearCurrentSubmission', () => {
    const store = createStore();
    store.dispatch({
      type: fetchSubmission.fulfilled.type,
      payload: { id: '1' },
    });
    store.dispatch(clearCurrentSubmission());
    expect(store.getState().submissions.currentSubmission).toBeNull();
  });
});