import { configureStore } from '@reduxjs/toolkit';
import SalaryBandsSlice, {
  fetchSalaryBands,
  createSalaryBand,
  updateSalaryBand,
  deleteSalaryBand,
} from '../SalaryBandsSlice';

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

const { apiGet, apiPost, apiPut, apiDelete } = require('@/services/api/api');

const createTestStore = () =>
  configureStore({ reducer: { salaryBands: SalaryBandsSlice.reducer } });

const mockBand = { id: '1', name: 'Band A', min_salary: 1000, max_salary: 5000 };

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

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

  describe('fetchSalaryBands', () => {
    it('sets loading on pending and populates data on fulfilled', async () => {
      apiGet.mockResolvedValue({ data: [mockBand] });
      const store = createTestStore();
      await store.dispatch(fetchSalaryBands());
      const state = store.getState().salaryBands;
      expect(state.salaryBands).toEqual([mockBand]);
      expect(state.loading).toBe(false);
      expect(state.error).toBeNull();
    });

    it('handles paginated response format', async () => {
      apiGet.mockResolvedValue({ data: { data: [mockBand] } });
      const store = createTestStore();
      await store.dispatch(fetchSalaryBands());
      expect(store.getState().salaryBands.salaryBands).toEqual([mockBand]);
    });

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

  describe('createSalaryBand', () => {
    it('prepends new band on fulfilled', async () => {
      apiPost.mockResolvedValue({ data: { data: mockBand } });
      const store = createTestStore();
      await store.dispatch(createSalaryBand({ name: 'Band A', min_salary: 1000, max_salary: 5000 } as any));
      expect(store.getState().salaryBands.salaryBands[0]).toEqual(mockBand);
      expect(store.getState().salaryBands.loading).toBe(false);
    });
  });

  describe('updateSalaryBand', () => {
    it('updates existing band in list on fulfilled', async () => {
      const updated = { ...mockBand, name: 'Band B' };
      apiPut.mockResolvedValue({ data: { data: updated } });
      const store = createTestStore();
      store.dispatch({ type: fetchSalaryBands.fulfilled.type, payload: [mockBand] });
      await store.dispatch(updateSalaryBand({ id: '1', name: 'Band B' } as any));
      expect(store.getState().salaryBands.salaryBands[0].name).toBe('Band B');
    });
  });

  describe('deleteSalaryBand', () => {
    it('removes band from list on fulfilled', async () => {
      apiDelete.mockResolvedValue({ data: { id: '1', message: 'Deleted' } });
      const store = createTestStore();
      store.dispatch({ type: fetchSalaryBands.fulfilled.type, payload: [mockBand] });
      await store.dispatch(deleteSalaryBand('1'));
      expect(store.getState().salaryBands.salaryBands).toEqual([]);
    });
  });
});