import { configureStore } from '@reduxjs/toolkit';
import TeamSlice, { fetchTeamMembers, fetchTeamOverview, fetchTeamOrgChart } from '../TeamSlice';

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 createStore = () => configureStore({ reducer: { team: TeamSlice.reducer } });

describe('TeamSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().team;
    expect(state.members).toEqual([]);
    expect(state.membersMeta).toBeNull();
    expect(state.overview).toBeNull();
    expect(state.orgChart).toEqual([]);
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

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

    it('populates members on fulfilled', () => {
      const store = createStore();
      const meta = { current_page: 1, last_page: 1, per_page: 15, total: 2 };
      const payload = { data: [{ employee_id: 'e1' }, { employee_id: 'e2' }], meta };
      store.dispatch({ type: fetchTeamMembers.fulfilled.type, payload });
      expect(store.getState().team.members).toEqual(payload.data);
      expect(store.getState().team.membersMeta).toEqual(meta);
      expect(store.getState().team.loading).toBe(false);
    });

    it('sets loading false on rejected', () => {
      const store = createStore();
      store.dispatch({ type: fetchTeamMembers.pending.type });
      store.dispatch({ type: fetchTeamMembers.rejected.type, payload: { message: 'Server error' } });
      expect(store.getState().team.loading).toBe(false);
    });
  });

  describe('fetchTeamOverview', () => {
    it('sets overview on fulfilled', () => {
      const store = createStore();
      const overview = { total_members: 10, active_members: 8, gender_breakdown: {}, on_probation: 1, units: [], unit_count: 2 };
      store.dispatch({ type: fetchTeamOverview.fulfilled.type, payload: overview });
      expect(store.getState().team.overview).toEqual(overview);
    });
  });

  describe('fetchTeamOrgChart', () => {
    it('populates orgChart on fulfilled', () => {
      const store = createStore();
      const chart = [{ id: 'n1', children: [] }];
      store.dispatch({ type: fetchTeamOrgChart.fulfilled.type, payload: chart });
      expect(store.getState().team.orgChart).toEqual(chart);
    });
  });
});