feat: add test mock for solid in Home.vue

Author: cillies-finatix

apps/auth/jest-setup.ts

@@ -1,15 +1,6 @@
-import * as buffer from "node:buffer";
-import { TextDecoder, TextEncoder } from "node:util"; // (ESM style imports)
+import { TextDecoder, TextEncoder } from 'node:util'; // (ESM style imports)
 
 global.TextEncoder = TextEncoder;
 global.TextDecoder = TextDecoder as any;
 global.Notification = class {} as any;
 
-declare global {
-  interface Crypto {
-    randomUUID: () => `${string}-${string}-${string}-${string}-${string}`;
-  }
-}
-
-jest.mock("axios", () => ({}));
-jest.mock("hackathon-demo/libs/components", () => ({}));

apps/auth/jest.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   testEnvironment: "jsdom",
   verbose: false,
-  setupFilesAfterEnv: ["<rootDir>/../../jest-setup.ts"],
+  setupFilesAfterEnv: ["<rootDir>/jest-setup.ts"],
   transform: {
     "^.+\\.vue$": "@vue/vue3-jest",
     "^.+\\.svg": "<rootDir>/scripts/jest-string-transformer.js",

apps/auth/tests/unit/App.spec.ts

@@ -1,22 +1,19 @@
 import App from "@/App.vue";
 import router from "@/router";
-import { mount } from "@vue/test-utils";
+import { mount, shallowMount } from "@vue/test-utils";
 import PrimeVue from "primevue/config";
 import ConfirmationService from "primevue/confirmationservice";
 import ToastService from "primevue/toastservice";
 
+jest.mock("hackathon-demo/libs/components", () => ({}));
+
 test("App should render 401 by default", async () => {
   const wrapper = mount(App, {
     global: {
       plugins: [PrimeVue, ToastService, ConfirmationService, router],
       mocks: {
         $t: (key: string): string => key,
       },
-      stubs: {
-        Toolbar: true,
-        Avatar: true,
-        AccessRequestCallback: true,
-      },
     },
   });
   expect(wrapper.text()).toMatch(`error.401-unauthenticated`);

apps/auth/tests/unit/Home.spec.ts

@@ -0,0 +1,56 @@
+import de from "@/assets/i18n/de.json";
+import en from "@/assets/i18n/en.json";
+import router from "@/router";
+import Home from "@/views/Home.vue";
+import { mount } from "@vue/test-utils";
+import PrimeVue from "primevue/config";
+import ConfirmationService from "primevue/confirmationservice";
+import ToastService from "primevue/toastservice";
+import { createI18n } from "vue-i18n";
+
+const rdpCapableSessionMock = {
+  authFetch: jest.fn(() =>
+    Promise.resolve({
+      status: 200,
+      data: "",
+      statusText: "OK",
+      headers: {},
+      config: {},
+      request: {},
+    })
+  ),
+  updateSessionWithRDP: jest.fn(),
+  login: jest.fn(() => Promise.resolve(undefined)),
+  logout: jest.fn(),
+  handleRedirectFromLogin: jest.fn(() => Promise.resolve(undefined)),
+  rdp: "",
+  isActive: true,
+};
+const primeVueStubs = {
+  Toolbar: true,
+  Avatar: true,
+  AccessRequestCallback: true,
+  Button: true,
+  Card: true,
+  Skeleton: true,
+};
+test("Home should render 401 by default", async () => {
+  const i18n = createI18n({
+    locale: "en",
+    messages: {
+      en: en,
+      de: de,
+    },
+  });
+  const wrapper = mount(Home, {
+    global: {
+      plugins: [PrimeVue, ToastService, ConfirmationService, router, i18n],
+      provide: {
+        "useSolidSession:RdpCapableSession": rdpCapableSessionMock,
+      },
+      stubs: primeVueStubs,
+    },
+  });
+
+  expect(wrapper.text()).toMatch("Access Manager");
+});