Administration of users with pending - #877

tests/unit/specs/components/admin/adminUsersProfileView.spec.ts

@@ -11,12 +11,15 @@ import {
 } from "mock-apollo-client";
 import AdminUserProfile from "@/views/Admin/AdminUserProfile.vue";
 import { GET_USER } from "@/graphql/user";
-import { LANGUAGES_CODES } from "@/graphql/admin";
-import { createRouter, createWebHistory, Router } from "vue-router";
-import { routes } from "@/router";
+import { ADMIN_UPDATE_USER, LANGUAGES_CODES } from "@/graphql/admin";
 import { Oruga } from "@oruga-ui/oruga-next";
-
-let router: Router;
+import { nullMock } from "../../common";
+import {
+  createRouterMock,
+  injectRouterMock,
+  VueRouterMock,
+} from "vue-router-mock";
+import { SettingsRouteName } from "@/router/settings";
 
 let mockClient: MockApolloClient | null;
 let requestHandlers: Record<string, RequestHandler>;
@@ -38,7 +41,7 @@ const languageCodeMock = {
   },
 };
 
-const getUsersMock = {
+const getUserMock = {
   data: {
     user: {
       __typename: "User",
@@ -55,6 +58,7 @@ const getUsersMock = {
           url: "http://mobilizon.test/@truc",
         },
       ],
+      moderation: "moderation text",
       confirmedAt: "2025-08-30T09:56:59Z",
       currentSignInAt: null,
       currentSignInIp: null,
@@ -74,50 +78,126 @@ const getUsersMock = {
   },
 };
 
-config.global.plugins.push(Oruga);
-
-const generateWrapper = () => {
-  mockClient = createMockClient({
-    cache,
-    resolvers: buildCurrentUserResolver(cache),
-  });
-  requestHandlers = {
-    languagecode: vi.fn().mockResolvedValue(languageCodeMock),
-    get_users: vi.fn().mockResolvedValue(getUsersMock),
-  };
-  mockClient.setRequestHandler(LANGUAGES_CODES, requestHandlers.languagecode);
-  mockClient.setRequestHandler(GET_USER, requestHandlers.get_users);
-
-  const wrapper = shallowMount(AdminUserProfile, {
-    props: { id: "1234" },
-    stubs: ["router-link", "router-view"],
-    global: {
-      provide: {
-        [DefaultApolloClient]: mockClient,
+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,
       },
-      plugins: [router],
+      role: "PENDING",
     },
-  });
-  return wrapper;
+  },
 };
 
-describe("UsersView", () => {
-  beforeEach(async () => {
-    router = createRouter({
-      history: createWebHistory(),
-      routes: routes,
-    });
+config.global.plugins.push(Oruga);
+config.plugins.VueWrapper.install(VueRouterMock);
 
-    // await router.isReady();
+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_users: vi.fn().mockResolvedValue(currentUserMock),
+      update_user: vi.fn().mockResolvedValue(nullMock),
+    };
+    mockClient.setRequestHandler(LANGUAGES_CODES, requestHandlers.languagecode);
+    mockClient.setRequestHandler(GET_USER, requestHandlers.get_users);
+    mockClient.setRequestHandler(
+      ADMIN_UPDATE_USER,
+      requestHandlers.update_user
+    );
+
+    const wrapper = shallowMount(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(requestHandlers.languagecode).toHaveBeenCalled();
-    expect(requestHandlers.get_users).toHaveBeenCalled();
     expect(wrapper.html()).toMatchSnapshot();
+    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(1);
+    expect(requestHandlers.get_users).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(wrapper.html()).toMatchSnapshot();
+    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(0);
+    expect(requestHandlers.get_users).toHaveBeenCalledTimes(1);
+    expect(requestHandlers.update_user).toHaveBeenCalledTimes(0);
+    const btn = wrapper.find('o-button-stub[variant="success"]');
+    expect(btn.exists()).toBe(true);
+    btn.trigger("click");
+    await flushPromises();
+    expect(requestHandlers.languagecode).toHaveBeenCalledTimes(0);
+    expect(requestHandlers.get_users).toHaveBeenCalledTimes(1);
+    expect(requestHandlers.update_user).toHaveBeenCalledTimes(1);
+    expect(requestHandlers.update_user).toHaveBeenCalledWith({
+      id: "1234",
+      notify: true,
+      role: "USER",
+    });
+    await flushPromises();
+    await flushPromises();
+    expect(wrapper.router.push).toHaveBeenCalledWith({
+      name: SettingsRouteName.ADMIN_USER_PROFILE,
+      id: "1234",
+    });
   });
 });