import { configureStore } from '@reduxjs/toolkit';
import DashboardSlice, { fetchPayrollDashboard } from '../DashboardSlice';

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', () => {
  const mockHelpers = { handleServerError: jest.fn((e: any) => e?.message || 'Error') };
  return { __esModule: true, default: mockHelpers };
});

const { apiGet } = require('@/services/api/api');

const createTestStore = () =>
  configureStore({ reducer: { payrollDashboard: DashboardSlice.reducer } });

describe('DashboardSlice', () => {
  beforeEach(() => jest.clearAllMocks());

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

  describe('fetchPayrollDashboard', () => {
    it('populates data on fulfilled', async () => {
      const dashboardData = { total_employees: 50, total_payroll: 500000 };
      apiGet.mockResolvedValue({ data: dashboardData });
      const store = createTestStore();
      await store.dispatch(fetchPayrollDashboard());
      expect(store.getState().payrollDashboard.data).toEqual(dashboardData);
      expect(store.getState().payrollDashboard.loading).toBe(false);
    });

    it('sets error on rejected', () => {
      const store = createTestStore();
      store.dispatch({
        type: fetchPayrollDashboard.rejected.type,
        payload: { message: 'Forbidden' },
      });
      expect(store.getState().payrollDashboard.loading).toBe(false);
      expect(store.getState().payrollDashboard.error).toBeTruthy();
    });
  });
});