From 6640b285bc031aa09edfc5e46f95aa8c741dbfde Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Fri, 15 Nov 2024 20:46:56 +0100
Subject: [PATCH] Updates icon handling in tests

Replaces stubbed icon component with FontAwesomeIcon in ActivitySettings test
Changes icon property type to IconDefinition in activityStore test for type safety
---
 client/src/components/ActivityBar/ActivitySettings.test.js | 4 ++--
 client/src/stores/activityStore.test.ts                    | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/client/src/components/ActivityBar/ActivitySettings.test.js b/client/src/components/ActivityBar/ActivitySettings.test.js
index 873bdd958458..d40b35785650 100644
--- a/client/src/components/ActivityBar/ActivitySettings.test.js
+++ b/client/src/components/ActivityBar/ActivitySettings.test.js
@@ -50,7 +50,7 @@ describe("ActivitySettings", () => {
                 activityBarId: undefined,
             },
             stubs: {
-                icon: { template: "<div></div>" },
+                FontAwesomeIcon: { template: "<div></div>" },
             },
         });
         await activityStore.sync();
@@ -102,7 +102,7 @@ describe("ActivitySettings", () => {
         await wrapper.vm.$nextTick();
         const items = wrapper.findAll(activityItemSelector);
         expect(items.length).toBe(1);
-        const trash = items.at(0).find("[data-icon='trash']");
+        const trash = items.at(0).find("[data-description='delete activity']");
         expect(trash.exists()).toBeTruthy();
         expect(activityStore.getAll().length).toBe(1);
         trash.trigger("click");
diff --git a/client/src/stores/activityStore.test.ts b/client/src/stores/activityStore.test.ts
index c6c8461c4f2d..93eebee8e56b 100644
--- a/client/src/stores/activityStore.test.ts
+++ b/client/src/stores/activityStore.test.ts
@@ -1,3 +1,4 @@
+import { type IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { createPinia, setActivePinia } from "pinia";
 
 import { useActivityStore } from "@/stores/activityStore";
@@ -8,7 +9,7 @@ jest.mock("./activitySetup", () => ({
         {
             anonymous: false,
             description: "a-description",
-            icon: "a-icon",
+            icon: "a-icon" as unknown as IconDefinition,
             id: "a-id",
             mutable: false,
             optional: false,
@@ -25,7 +26,7 @@ const newActivities = [
     {
         anonymous: false,
         description: "a-description-new",
-        icon: "a-icon-new",
+        icon: "a-icon-new" as unknown as IconDefinition,
         id: "a-id",
         mutable: false,
         optional: false,
@@ -38,7 +39,7 @@ const newActivities = [
     {
         anonymous: false,
         description: "b-description-new",
-        icon: "b-icon-new",
+        icon: "b-icon-new" as unknown as IconDefinition,
         id: "b-id",
         mutable: true,
         optional: false,