import { configureStore } from '@reduxjs/toolkit';
import LmsDashboardSlice from '../LmsDashboardSlice';

jest.mock('@/services/api/api', () => ({ apiGet: 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: { ld: LmsDashboardSlice.reducer } });

describe('LmsDashboardSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().ld;
    expect(state.data).toBeNull();
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

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

  it('populates data on fetch fulfilled', () => {
    const store = createStore();
    store.dispatch({ type: 'lms/dashboard/fetch/fulfilled', payload: { totalCourses: 20 } });
    expect(store.getState().ld.data).toEqual({ totalCourses: 20 });
    expect(store.getState().ld.loading).toBe(false);
  });
});