import { configureStore } from '@reduxjs/toolkit';
import EnrollmentsSlice, { clearSelectedMyCourse, clearCompletionReport } from '../EnrollmentsSlice';

jest.mock('@/services/api/api', () => ({ apiGet: jest.fn(), apiPost: jest.fn() }));
jest.mock('antd', () => ({ message: { success: jest.fn(), error: jest.fn(), warning: jest.fn() } }));
jest.mock('@/utilities/Helpers', () => ({ default: { handleServerError: jest.fn((e) => e?.message || 'Error') } }));

const createStore = () => configureStore({ reducer: { e: EnrollmentsSlice.reducer } });

describe('EnrollmentsSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().e;
    expect(state.enrollees).toEqual([]);
    expect(state.enrolleesMeta).toBeNull();
    expect(state.myCourses).toEqual([]);
    expect(state.myCoursesMeta).toBeNull();
    expect(state.selectedMyCourse).toBeNull();
    expect(state.completionReport).toBeNull();
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

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

  it('populates enrollees on fetchEnrollees fulfilled', () => {
    const store = createStore();
    const meta = { current_page: 1, last_page: 1, per_page: 15, total: 1 };
    store.dispatch({ type: 'lmsEnrollments/fetchEnrollees/fulfilled', payload: { data: [{ id: '1' }], meta } });
    expect(store.getState().e.enrollees).toEqual([{ id: '1' }]);
    expect(store.getState().e.enrolleesMeta).toEqual(meta);
  });

  it('populates myCourses on fetchMyCourses fulfilled', () => {
    const store = createStore();
    const meta = { current_page: 1, last_page: 1, per_page: 15, total: 2 };
    store.dispatch({ type: 'lmsEnrollments/fetchMyCourses/fulfilled', payload: { data: [{ id: 'c1' }], meta } });
    expect(store.getState().e.myCourses).toEqual([{ id: 'c1' }]);
    expect(store.getState().e.myCoursesMeta).toEqual(meta);
  });

  it('sets selectedMyCourse on fetchMyCourseDetail fulfilled', () => {
    const store = createStore();
    store.dispatch({ type: 'lmsEnrollments/fetchMyCourseDetail/fulfilled', payload: { id: 'c1', title: 'My Course' } });
    expect(store.getState().e.selectedMyCourse).toEqual({ id: 'c1', title: 'My Course' });
  });

  it('sets completionReport on fetchCompletionReport fulfilled', () => {
    const store = createStore();
    store.dispatch({ type: 'lmsEnrollments/fetchCompletionReport/fulfilled', payload: { total: 50, completed: 30 } });
    expect(store.getState().e.completionReport).toEqual({ total: 50, completed: 30 });
  });

  it('clears selectedMyCourse via clearSelectedMyCourse', () => {
    const store = createStore();
    store.dispatch({ type: 'lmsEnrollments/fetchMyCourseDetail/fulfilled', payload: { id: 'c1' } });
    store.dispatch(clearSelectedMyCourse());
    expect(store.getState().e.selectedMyCourse).toBeNull();
  });

  it('clears completionReport via clearCompletionReport', () => {
    const store = createStore();
    store.dispatch({ type: 'lmsEnrollments/fetchCompletionReport/fulfilled', payload: { total: 50 } });
    store.dispatch(clearCompletionReport());
    expect(store.getState().e.completionReport).toBeNull();
  });
});