270 lines
7.9 KiB
TypeScript
270 lines
7.9 KiB
TypeScript
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",
|
|
});
|
|
*/
|
|
});
|
|
});
|