import { describe, it, expect, vi, beforeEach } from "vitest";
import { DefaultApolloClient } from "@vue/apollo-composable";
import { config, mount } from "@vue/test-utils";
import buildCurrentUserResolver from "@/apollo/user";
import flushPromises from "flush-promises";
import { cache } from "@/apollo/memory";
import {
  createMockClient,
  MockApolloClient,
  RequestHandler,
} from "mock-apollo-client";
import AdminUserProfile from "@/views/Admin/AdminUserProfile.vue";
import {
  DELETE_ACCOUNT_AS_MODERATOR,
  GET_USER,
  UNBAN_ACCOUNT_AS_MODERATOR,
} from "@/graphql/user";
import { ADMIN_UPDATE_USER, LANGUAGES_CODES } from "@/graphql/admin";
import { Oruga } from "@oruga-ui/oruga-next";
import { htmlRemoveId, nullMock } from "../../common";
import {
  createRouterMock,
  injectRouterMock,
  VueRouterMock,
} from "vue-router-mock";

let mockClient: MockApolloClient | null;
let requestHandlers: Record<string, RequestHandler>;

const languageCodeMock = {
  data: {
    languages: [
      {
        __typename: "Language",
        code: "fr",
        name: "French",
      },
      {
        __typename: "Language",
        code: "en",
        name: "English",
      },
    ],
  },
};

const getUserMock = {
  data: {
    user: {
      __typename: "User",
      actors: [
        {
          __typename: "Person",
          avatar: null,
          domain: null,
          id: "11371",
          name: "Truc",
          preferredUsername: "truc",
          summary: null,
          type: "PERSON",
          url: "http://mobilizon.test/@truc",
        },
      ],
      moderation: "moderation text",
      confirmedAt: "2025-08-30T09:56:59Z",
      currentSignInAt: null,
      currentSignInIp: null,
      disabled: false,
      email: "truc@mobilizon.test",
      id: "1234",
      lastSignInAt: "2025-08-28T12:33:03Z",
      lastSignInIp: "176.171.166.30",
      locale: "fr",
      mediaSize: 7093555,
      participations: {
        __typename: "PaginatedParticipantList",
        total: 14,
      },
      role: "USER",
    },
  },
};

// A copy of the user that is banned
const getUserMockBan = structuredClone(getUserMock);
getUserMockBan.data.user.disabled = true;

const getModerateMock = {
  data: {
    user: {
      __typename: "User",
      actors: [
        {
          __typename: "Person",
          avatar: null,
          domain: null,
          id: "11371",
          name: "Truc",
          preferredUsername: "truc",
          summary: null,
          type: "PERSON",
          url: "http://mobilizon.test/@truc",
        },
      ],
      moderation: "moderation text",
      confirmedAt: "2025-08-30T09:56:59Z",
      currentSignInAt: null,
      currentSignInIp: null,
      disabled: false,
      email: "truc@mobilizon.test",
      id: "1234",
      lastSignInAt: "2025-08-28T12:33:03Z",
      lastSignInIp: "176.171.166.30",
      locale: "fr",
      mediaSize: 7093555,
      participations: {
        __typename: "PaginatedParticipantList",
        total: 14,
      },
      role: "PENDING",
    },
  },
};

config.global.plugins.push(Oruga);
config.plugins.VueWrapper.install(VueRouterMock);

describe("UsersView", () => {
  const router = createRouterMock({
    spy: {
      create: (fn) => vi.fn(fn),
      reset: (spy) => spy.mockReset(),
    },
  });
  beforeEach(async () => {
    // await router.isReady();
    injectRouterMock(router);
  });

  const generateWrapper = (currentUserMock = getUserMock) => {
    mockClient = createMockClient({
      cache,
      resolvers: buildCurrentUserResolver(cache),
    });
    requestHandlers = {
      languagecode: vi.fn().mockResolvedValue(languageCodeMock),
      get_user: vi.fn().mockResolvedValue(currentUserMock),
      update_user: vi.fn().mockResolvedValue(nullMock),
      ban_user: vi.fn().mockResolvedValue(nullMock),
      unban_user: vi.fn().mockResolvedValue(nullMock),
    };
    mockClient.setRequestHandler(LANGUAGES_CODES, requestHandlers.languagecode);
    mockClient.setRequestHandler(GET_USER, requestHandlers.get_user);
    mockClient.setRequestHandler(
      ADMIN_UPDATE_USER,
      requestHandlers.update_user
    );
    mockClient.setRequestHandler(
      DELETE_ACCOUNT_AS_MODERATOR,
      requestHandlers.ban_user
    );
    mockClient.setRequestHandler(
      UNBAN_ACCOUNT_AS_MODERATOR,
      requestHandlers.unban_user
    );

    const wrapper = mount(AdminUserProfile, {
      props: { id: "1234" },
      stubs: ["router-link", "router-view"],
      global: {
        provide: {
          [DefaultApolloClient]: mockClient,
        },
      },
    });
    return wrapper;
  };

  it("Show simple list", async () => {
    const wrapper = generateWrapper();
    await wrapper.vm.$nextTick();
    await flushPromises();
    expect(wrapper.exists()).toBe(true);
    expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(1);
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.update_user).toHaveBeenCalledTimes(0);
  });

  it("Show moderate list", async () => {
    const wrapper = generateWrapper(getModerateMock);
    expect(wrapper.router).toBe(router);
    wrapper.router.push.mockReset();
    await wrapper.vm.$nextTick();
    await flushPromises();
    expect(wrapper.exists()).toBe(true);
    expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(0);
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.update_user).toHaveBeenCalledTimes(0);
    const btn = wrapper.find("#acceptAccount");
    expect(btn.exists()).toBe(true);
    btn.trigger("click");
    await flushPromises();
    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(0);
    // The user is refreshed after the update
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(2);
    expect(requestHandlers.update_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.update_user).toHaveBeenCalledWith({
      id: "1234",
      notify: true,
      role: "USER",
    });
  });

  it("Ban user", async () => {
    const wrapper = generateWrapper();
    await wrapper.vm.$nextTick();
    await flushPromises();
    expect(wrapper.exists()).toBe(true);
    expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.ban_user).toHaveBeenCalledTimes(0);

    // Find ban button
    const btn = wrapper.find("#deleteAccount");
    expect(btn.exists()).toBe(true);
    btn.trigger("click");

    // TODO The definitive button "Ban the account" is in a dialog pop-up outside of the component
    // Sadly, we can't access this pop-up and click on the button to fully test
    /*
    // ban_user has been called 
    expect(requestHandlers.ban_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(2);
    expect(requestHandlers.ban_user).toHaveBeenCalledWith({
      userId: "1234",
    });
    */
  });

  it("Unban user", async () => {
    const wrapper = generateWrapper(getUserMockBan);
    await wrapper.vm.$nextTick();
    await flushPromises();
    expect(wrapper.exists()).toBe(true);
    expect(htmlRemoveId(wrapper.html())).toMatchSnapshot();
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.ban_user).toHaveBeenCalledTimes(0);
    expect(requestHandlers.unban_user).toHaveBeenCalledTimes(0);

    // Find ban button
    const btn = wrapper.find("#unbanAccount");
    expect(btn.exists()).toBe(true);
    btn.trigger("click");

    // TODO The definitive button "Unban the account" is in a dialog pop-up outside of the component
    // Sadly, we can't access this pop-up and click on the button to fully test
    /*
    // unban_user has been called 
    expect(requestHandlers.get_user).toHaveBeenCalledTimes(2);
    expect(requestHandlers.ban_user).toHaveBeenCalledTimes(0);
    expect(requestHandlers.unban_user).toHaveBeenCalledTimes(1);
    expect(requestHandlers.ban_user).toHaveBeenCalledWith({
      userId: "1234",
    });
    */
  });
});