Files
mobilizon-frontend/tests/unit/specs/components/admin/adminUsersProfileView.spec.ts
2025-09-11 20:07:20 +02:00

124 lines
3.1 KiB
TypeScript

import { describe, it, expect, vi, beforeEach } from "vitest";
import { DefaultApolloClient } from "@vue/apollo-composable";
import { config, shallowMount } 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 { GET_USER } from "@/graphql/user";
import { LANGUAGES_CODES } from "@/graphql/admin";
import { createRouter, createWebHistory, Router } from "vue-router";
import { routes } from "@/router";
import { Oruga } from "@oruga-ui/oruga-next";
let router: Router;
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 getUsersMock = {
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",
},
],
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",
},
},
};
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,
},
plugins: [router],
},
});
return wrapper;
};
describe("UsersView", () => {
beforeEach(async () => {
router = createRouter({
history: createWebHistory(),
routes: routes,
});
// await router.isReady();
});
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();
});
});