Merge branch '441707-vue3-migration-inline_findings_dropdown_spec' into 'master'

Removes direct data manipulation from inline_findings_dropdown_spec

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/144760



Merged-by: Jannik Lehmann <jlehmann@gitlab.com>
Approved-by: Ammar Alakkad <aalakkad@gitlab.com>
Approved-by: Jannik Lehmann <jlehmann@gitlab.com>
Reviewed-by: Jannik Lehmann <jlehmann@gitlab.com>
Co-authored-by: Artur Fedorov <afedorov@gitlab.com>

ee/spec/frontend/diffs/components/inline_findings_dropdown_spec.js

 import { GlDisclosureDropdown, GlBadge } from '@gitlab/ui';
-import { mountExtended } from 'helpers/vue_test_utils_helper';
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 import inlineFindingsDropdown from 'ee/diffs/components/inline_findings_dropdown.vue';
 
 import {
@@ -15,42 +15,45 @@ const findIcon = () => wrapper.findByTestId('toggle-icon');
 const findGlDisclosureDropdown = () => wrapper.findComponent(GlDisclosureDropdown);
 const findDismissedBadge = () => wrapper.findComponent(GlBadge);
 
+const MOCKED_ITEMS = [
+  {
+    name: '1 Code Quality finding detected',
+    items: singularCodeQualityFinding,
+  },
+  {
+    name: '1 SAST finding detected',
+    items: singularSastFinding,
+  },
+];
+
 const payload = {
-  propsData: {
-    items: [
-      {
-        name: '1 Code Quality finding detected',
-        items: singularCodeQualityFinding,
-      },
-      {
-        name: '1 SAST finding detected',
-        items: singularSastFinding,
-      },
-    ],
+  items: MOCKED_ITEMS,
 
-    iconId: dropdownIcon.id,
-    iconKey: dropdownIcon.key,
-    iconName: dropdownIcon.name,
-    iconClass: dropdownIcon.class,
-  },
+  iconId: dropdownIcon.id,
+  iconKey: dropdownIcon.key,
+  iconName: dropdownIcon.name,
+  iconClass: dropdownIcon.class,
 };
 
-const createComponent = (props = payload) => {
-  wrapper = mountExtended(inlineFindingsDropdown, props);
+const createComponent = ({ propsData = payload, stubs = {} } = {}) => {
+  wrapper = shallowMountExtended(inlineFindingsDropdown, {
+    propsData,
+    stubs,
+  });
 };
 
 describe('inlineFindingsDropdown', () => {
   it('renders gl-disclosure-dropdown with correct props', () => {
     createComponent();
     expect(wrapper.exists()).toBe(true);
-    expect(findGlDisclosureDropdown().props('items')).toEqual(wrapper.vm.items);
+    expect(findGlDisclosureDropdown().props('items')).toEqual(MOCKED_ITEMS);
   });
 
   it('emits mouseenter and mouseleave events on toggle hover', () => {
     createComponent();
 
-    findIcon().trigger('mouseenter');
-    findIcon().trigger('mouseleave');
+    findIcon().vm.$emit('mouseenter');
+    findIcon().vm.$emit('mouseleave');
 
     expect(wrapper.emitted('mouseenter')).toHaveLength(1);
     expect(wrapper.emitted('mouseleave')).toHaveLength(1);
@@ -70,7 +73,11 @@ describe('inlineFindingsDropdown', () => {
         iconName: dropdownIcon.name,
         iconClass: dropdownIcon.class,
       },
+      stubs: {
+        GlDisclosureDropdown,
+      },
     });
+
     expect(findDismissedBadge().exists()).toBe(true);
   });