import { configureStore } from '@reduxjs/toolkit';
import FileSlice, { uploadFiles, deleteFiles, addFile, clearFiles } from '../FileSlice';

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

const createStore = () => configureStore({ reducer: { files: FileSlice.reducer } });

describe('FileSlice', () => {
  it('has correct initial state', () => {
    const store = createStore();
    const state = store.getState().files;
    expect(state.fileList).toEqual([]);
    expect(state.file).toBeNull();
    expect(state.loading).toBe(false);
    expect(state.error).toBeNull();
  });

  describe('reducers', () => {
    it('addFile sets the file', () => {
      const store = createStore();
      const file = { uid: '1', name: 'test.png' } as any;
      store.dispatch(addFile(file));
      expect(store.getState().files.file).toEqual(file);
    });

    it('clearFiles resets fileList', () => {
      const store = createStore();
      store.dispatch(clearFiles());
      expect(store.getState().files.fileList).toEqual([]);
    });
  });

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

    it('resets loading on fulfilled', () => {
      const store = createStore();
      store.dispatch({ type: uploadFiles.fulfilled.type, payload: { message: 'ok', picture_url: 'url' } });
      expect(store.getState().files.loading).toBe(false);
    });
  });

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

    it('resets loading on fulfilled', () => {
      const store = createStore();
      store.dispatch({ type: deleteFiles.fulfilled.type, payload: { message: 'Deleted' } });
      expect(store.getState().files.loading).toBe(false);
    });
  });
});