Merge pull request galaxyproject#20762 from davelopez/fix_wf_comments_unit_tests_warning

Fix WorkflowComment tests warnings

Author: itisAliRH

client/src/components/Workflow/Editor/Comments/WorkflowComment.test.ts

@@ -2,7 +2,7 @@ import { createTestingPinia } from "@pinia/testing";
 import { mount, shallowMount } from "@vue/test-utils";
 import { setActivePinia } from "pinia";
 import { suppressErrorForCustomIcons } from "tests/jest/helpers";
-import { nextTick } from "vue";
+import { nextTick, reactive, ref } from "vue";
 
 import type { LazyUndoRedoAction, UndoRedoAction } from "@/stores/undoRedoStore";
 import type { TextWorkflowComment } from "@/stores/workflowEditorCommentStore";
@@ -31,6 +31,10 @@ jest.mock("@/composables/workflowStores", () => ({
             isJustCreated: () => false,
             getCommentMultiSelected: () => false,
         },
+        toolbarStore: reactive({
+            snapActive: false,
+            snapDistance: 12,
+        }),
         undoRedoStore: {
             applyAction: (action: UndoRedoAction) => action.run(),
             applyLazyAction: (action: LazyUndoRedoAction) => {
@@ -41,6 +45,9 @@ jest.mock("@/composables/workflowStores", () => ({
     }),
 }));
 
+// Mock transform injection that Draggable components expect
+const mockTransform = ref({ x: 0, y: 0, k: 1 });
+
 function getStyleProperty(element: Element, property: string) {
     const style = element.getAttribute("style") ?? "";
 
@@ -69,6 +76,9 @@ describe("WorkflowComment", () => {
                 scale: 1,
                 rootOffset: {},
             },
+            provide: {
+                transform: mockTransform,
+            },
         });
 
         const position = () => ({
@@ -110,6 +120,9 @@ describe("WorkflowComment", () => {
                 scale: 1,
                 rootOffset: {},
             },
+            provide: {
+                transform: mockTransform,
+            },
         });
 
         expect(wrapper.findComponent(TextComment).isVisible()).toBe(true);
@@ -133,6 +146,9 @@ describe("WorkflowComment", () => {
                 scale: 1,
                 rootOffset: {},
             },
+            provide: {
+                transform: mockTransform,
+            },
         });
 
         const textComment = wrapper.findComponent(TextComment);
@@ -160,6 +176,9 @@ describe("WorkflowComment", () => {
                 scale: 1,
                 rootOffset: {},
             },
+            provide: {
+                transform: mockTransform,
+            },
         });
 
         const textComment = wrapper.findComponent(TextComment);