hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update frontend lib : remove histoire (obselete) + update vitest - #1815

Browse Source
This commit is contained in:
Laurent GAY
2025-10-24 13:00:15 +02:00
committed by setop
parent ffa3e0ebd7
commit d971fd77af
192 changed files with 4767 additions and 5300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
tests/unit/specs/views/admin/adminUsersProfileView.spec.ts Normal file
View File

@@ -0,0 +1,269 @@
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",
});
*/
});
});