@rancher/shell 3.0.12-rc.2 → 3.0.12-rc.3

package/components/fleet/__tests__/FleetClusterTargets.test.ts

@@ -4,54 +4,18 @@ import FleetClusterTargets from '@shell/components/fleet/FleetClusterTargets/ind
 import { _CREATE, _EDIT } from '@shell/config/query-params';
 import { Selector } from '@shell/types/fleet';
 
-function requiredSetup() {
+const mockedStore = () => {
   return {
-    global: {
-      mocks: {
-        $store: {
-          getters: {
-            'cluster/all':           () => [],
-            'management/all':        () => [],
-            'management/byId':       () => () => ({}),
-            'i18n/t':                () => '',
-            'i18n/withFallback':     () => '',
-            currentStore:            () => 'current_store',
-            'current_store/all':     () => [],
-            'current_store/inStore': () => 'current_store',
-            'prefs/theme':           () => 'light',
-            'prefs/get':             () => false,
-            'features/get':          () => false
-          },
-          dispatch: () => {}
-        },
-        $router: {
-          resolve: () => ({ href: '' }),
-          push:    () => {},
-          replace: () => {}
-        },
-        $route: {
-          query: {},
-          hash:  ''
-        }
-      },
-      stubs: {
-        'router-link':    { template: '<a><slot /></a>' },
-        'n-link':         { template: '<a><slot /></a>' },
-        'nuxt-link':      { template: '<a><slot /></a>' },
-        FleetTargetsList: { template: '<div class="fleet-targets-list-stub"><slot /></div>' }
-      }
-    }
+    getters: {
+      'i18n/t':       (text: string) => text,
+      'features/get': () => false,
+    },
   };
-}
+};
 
-function mountWithSetup(component: any, options: any = {}) {
-  const setup = requiredSetup();
-
-  return mount(component, {
-    ...options,
-    ...setup
-  });
-}
+const requiredSetup = () => {
+  return { global: { mocks: { $store: mockedStore() } } };
+};
 
 describe('component: FleetClusterTargets', () => {
   describe('mode: edit', () => {
@@ -63,7 +27,8 @@ describe('component: FleetClusterTargets', () => {
           clusterName:     'fleet-5-france',
           clusterSelector: { matchLabels: { foo: 'true' } }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -91,7 +56,8 @@ describe('component: FleetClusterTargets', () => {
             }]
           }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -113,7 +79,8 @@ describe('component: FleetClusterTargets', () => {
 
         const target2 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -138,7 +105,8 @@ describe('component: FleetClusterTargets', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
         const target2 = { clusterSelector: { matchLabels: { hci: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -166,7 +134,8 @@ describe('component: FleetClusterTargets', () => {
       it('should set targetMode to "advanced" and return early if clusterGroupSelector is present', () => {
         const target1 = { clusterGroupSelector: {} };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -207,7 +176,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'tt1',
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -226,7 +196,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should return early and not modify state if targets is empty', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -245,7 +216,8 @@ describe('component: FleetClusterTargets', () => {
 
       it('should return targetMode local if namespace is fleet-local', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-local',
@@ -261,7 +233,8 @@ describe('component: FleetClusterTargets', () => {
       it('should handle targets with multiple clusterName', () => {
         const target1 = { clusterName: 'prod-cluster' };
         const target2 = { clusterName: 'test-cluster' };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -293,7 +266,8 @@ describe('component: FleetClusterTargets', () => {
           }
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -321,7 +295,8 @@ describe('component: FleetClusterTargets', () => {
       it('should correctly process targets when targetMode is "all" and no clusterName or clusterSelector is present', () => {
         const target1 = { name: 'simple-target' };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -350,7 +325,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'simple-target'
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -374,7 +350,8 @@ describe('component: FleetClusterTargets', () => {
           clusterName:     'fleet-5-france',
           clusterSelector: { matchLabels: { foo: 'true' } }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -399,7 +376,8 @@ describe('component: FleetClusterTargets', () => {
             }]
           }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -424,7 +402,8 @@ describe('component: FleetClusterTargets', () => {
 
         const target2 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -442,7 +421,8 @@ describe('component: FleetClusterTargets', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
         const target2 = { clusterSelector: { matchLabels: { hci: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -459,7 +439,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit advanced cases untouched', async() => {
         const target1 = { clusterGroupSelector: {} };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -496,7 +477,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'tt1',
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -527,7 +509,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should emit harvester rule from empty targets source', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [], // targetMode === 'none'
             namespace: 'fleet-default',
@@ -544,7 +527,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit untouched targets from source when operating in fleet-local workspace', async() => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-local',
@@ -573,7 +557,8 @@ describe('component: FleetClusterTargets', () => {
           }
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -596,7 +581,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit targets excluding target names and adding harvester rule', async() => {
         const target1 = { name: 'simple-target' };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -628,7 +614,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'simple-target'
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -659,7 +646,8 @@ describe('component: FleetClusterTargets', () => {
           clusterName:     'fleet-5-france',
           clusterSelector: { matchLabels: { foo: 'true' } }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -688,7 +676,8 @@ describe('component: FleetClusterTargets', () => {
             }]
           }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -710,7 +699,8 @@ describe('component: FleetClusterTargets', () => {
 
         const target2 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -736,7 +726,8 @@ describe('component: FleetClusterTargets', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
         const target2 = { clusterSelector: { matchLabels: { hci: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -765,7 +756,8 @@ describe('component: FleetClusterTargets', () => {
       it('should set targetMode to "advanced" and return early if clusterGroupSelector is present', () => {
         const target1 = { clusterGroupSelector: {} };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -807,7 +799,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'tt1',
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -827,7 +820,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should return early and not modify state if targets is empty', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -847,7 +841,8 @@ describe('component: FleetClusterTargets', () => {
 
       it('should return targetMode local if namespace is fleet-local', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-local',
@@ -864,7 +859,8 @@ describe('component: FleetClusterTargets', () => {
       it('should handle targets with multiple clusterName', () => {
         const target1 = { clusterName: 'prod-cluster' };
         const target2 = { clusterName: 'test-cluster' };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -897,7 +893,8 @@ describe('component: FleetClusterTargets', () => {
           }
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -926,7 +923,8 @@ describe('component: FleetClusterTargets', () => {
       it('should correctly process targets when targetMode is "all" and no clusterName or clusterSelector is present', () => {
         const target1 = { name: 'simple-target' };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -955,7 +953,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'simple-target'
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -979,7 +978,8 @@ describe('component: FleetClusterTargets', () => {
           clusterName:     'fleet-5-france',
           clusterSelector: { matchLabels: { foo: 'true' } }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1006,7 +1006,8 @@ describe('component: FleetClusterTargets', () => {
             }]
           }
         };
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1031,7 +1032,8 @@ describe('component: FleetClusterTargets', () => {
 
         const target2 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -1051,7 +1053,8 @@ describe('component: FleetClusterTargets', () => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
         const target2 = { clusterSelector: { matchLabels: { hci: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1, target2],
             namespace: 'fleet-default',
@@ -1070,7 +1073,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit advanced cases untouched', async() => {
         const target1 = { clusterGroupSelector: {} };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1109,7 +1113,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'tt1',
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1142,7 +1147,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should emit harvester rule from empty targets source', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [], // targetMode === 'none'
             namespace: 'fleet-default',
@@ -1161,7 +1167,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit untouched targets from source when operating in fleet-local workspace', async() => {
         const target1 = { clusterSelector: { matchLabels: { foo: 'true' } } };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-local',
@@ -1192,7 +1199,8 @@ describe('component: FleetClusterTargets', () => {
           }
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1217,7 +1225,8 @@ describe('component: FleetClusterTargets', () => {
       it('should emit targets excluding target names and adding harvester rule', async() => {
         const target1 = { name: 'simple-target' };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1249,7 +1258,8 @@ describe('component: FleetClusterTargets', () => {
           name: 'simple-target'
         };
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [target1],
             namespace: 'fleet-default',
@@ -1274,7 +1284,8 @@ describe('component: FleetClusterTargets', () => {
   describe('clusterGroup Functionality Tests', () => {
     describe('clusterGroup Data Management', () => {
       it('should initialize with empty selectedClusterGroups', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1297,7 +1308,8 @@ describe('component: FleetClusterTargets', () => {
           }
         ];
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1327,7 +1339,8 @@ describe('component: FleetClusterTargets', () => {
           }
         ];
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1349,7 +1362,8 @@ describe('component: FleetClusterTargets', () => {
 
     describe('clusterGroup Selection Methods', () => {
       it('should update selectedClusterGroups when selectClusterGroups is called', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1367,7 +1381,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should emit update:value when selectClusterGroups is called', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1382,7 +1397,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should handle empty array in selectClusterGroups', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1402,7 +1418,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should replace existing selectedClusterGroups on new selection', async() => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1430,7 +1447,8 @@ describe('component: FleetClusterTargets', () => {
           { clusterName: 'specific-cluster' }
         ];
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets,
             namespace: 'fleet-default',
@@ -1443,7 +1461,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should include clusterGroups in normalizeTargets output', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1466,7 +1485,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should handle only clusterGroups in normalizeTargets', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1483,7 +1503,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should return undefined when normalizeTargets has no inputs', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1497,7 +1518,8 @@ describe('component: FleetClusterTargets', () => {
       });
 
       it('should include clusterGroups in toTargets when targetMode is clusters', () => {
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets:   [],
             namespace: 'fleet-default',
@@ -1528,7 +1550,8 @@ describe('component: FleetClusterTargets', () => {
           { clusterGroup: 'test-group' }
         ];
 
-        const wrapper = mountWithSetup(FleetClusterTargets, {
+        const wrapper = mount(FleetClusterTargets, {
+          ...requiredSetup(),
           props: {
             targets,
             namespace: 'fleet-default',
@@ -1549,7 +1572,8 @@ describe('component: FleetClusterTargets', () => {
         { clusterGroup: 'development-group' }
       ];
 
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets,
           namespace: 'fleet-default',
@@ -1564,7 +1588,8 @@ describe('component: FleetClusterTargets', () => {
     });
 
     it('should reset selectedClusterGroups when reset method is called', () => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1592,7 +1617,8 @@ describe('component: FleetClusterTargets', () => {
 
   describe('clusterGroup Event Handling and Updates', () => {
     it('should emit correct targets when both clusters and clusterGroups are selected', async() => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1619,7 +1645,8 @@ describe('component: FleetClusterTargets', () => {
     });
 
     it('should handle clusterGroup selection in CREATE mode with proper event emission', async() => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1646,7 +1673,8 @@ describe('component: FleetClusterTargets', () => {
     it('should update component state correctly when clusterGroups prop changes', async() => {
       const initialTargets = [{ clusterGroup: 'initial-group' }];
 
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   initialTargets,
           namespace: 'fleet-default',
@@ -1680,7 +1708,8 @@ describe('component: FleetClusterTargets', () => {
         { clusterName: 'cluster-1' }
       ];
 
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   targets as any,
           namespace: 'fleet-default',
@@ -1697,7 +1726,8 @@ describe('component: FleetClusterTargets', () => {
         { clusterGroup: 'valid-group' }
       ];
 
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   targets as any,
           namespace: 'fleet-default',
@@ -1709,7 +1739,8 @@ describe('component: FleetClusterTargets', () => {
     });
 
     it('should handle empty allClusterGroups data', () => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1735,7 +1766,8 @@ describe('component: FleetClusterTargets', () => {
         }
       ];
 
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1756,7 +1788,8 @@ describe('component: FleetClusterTargets', () => {
 
   describe('clusterGroup Component Lifecycle', () => {
     it('should preserve clusterGroup selections during component updates', async() => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',
@@ -1777,7 +1810,8 @@ describe('component: FleetClusterTargets', () => {
     });
 
     it('should clear clusterGroup selections on namespace change in CREATE mode', async() => {
-      const wrapper = mountWithSetup(FleetClusterTargets, {
+      const wrapper = mount(FleetClusterTargets, {
+        ...requiredSetup(),
         props: {
           targets:   [],
           namespace: 'fleet-default',