Merge branch...

Merge branch '370354-replace-finding-components-with-find-findall-in-ee-spec-frontend-roadmap' into 'master'

Replace finding components with find/findAll in ee/spec/frontend/roadmap

See merge request gitlab-org/gitlab!95076

ee/spec/frontend/roadmap/components/epic_item_container_spec.js

@@ -74,8 +74,8 @@ describe('EpicItemContainer', () => {
           50: { itemExpanded: false },
         },
       });
-      expect(wrapper.find(EpicItem).exists()).toBe(true);
-      expect(wrapper.findAll(EpicItem).length).toBe(wrapper.vm.children.length);
+      expect(wrapper.findComponent(EpicItem).exists()).toBe(true);
+      expect(wrapper.findAllComponents(EpicItem).length).toBe(wrapper.vm.children.length);
     });
   });
 });

ee/spec/frontend/roadmap/components/epic_item_details_spec.js

@@ -45,16 +45,16 @@ describe('EpicItemDetails', () => {
 
   const getChildMarginClassName = () => wrapper.vm.childMarginClassname;
 
-  const getExpandIconButton = () => wrapper.find(GlButton);
+  const getExpandIconButton = () => wrapper.findComponent(GlButton);
 
-  const getExpandIconTooltip = () => wrapper.find({ ref: 'expandIconTooltip' });
+  const getExpandIconTooltip = () => wrapper.findComponent({ ref: 'expandIconTooltip' });
 
-  const getChildEpicsCount = () => wrapper.find({ ref: 'childEpicsCount' });
+  const getChildEpicsCount = () => wrapper.findComponent({ ref: 'childEpicsCount' });
 
-  const getChildEpicsCountTooltip = () => wrapper.find({ ref: 'childEpicsCountTooltip' });
+  const getChildEpicsCountTooltip = () => wrapper.findComponent({ ref: 'childEpicsCountTooltip' });
 
   const getExpandButtonData = () => ({
-    icon: wrapper.find(GlIcon).attributes('name'),
+    icon: wrapper.findComponent(GlIcon).attributes('name'),
     iconLabel: getExpandIconButton().attributes('aria-label'),
     tooltip: getExpandIconTooltip().text(),
   });

ee/spec/frontend/roadmap/components/epic_item_spec.js

@@ -192,7 +192,7 @@ describe('EpicItemComponent', () => {
     });
 
     it('renders current day indicator element', () => {
-      expect(wrapper.find(CurrentDayIndicator).exists()).toBe(true);
+      expect(wrapper.findComponent(CurrentDayIndicator).exists()).toBe(true);
     });
   });
 });

ee/spec/frontend/roadmap/components/epic_item_timeline_spec.js

@@ -105,7 +105,7 @@ describe('EpicItemTimelineComponent', () => {
     it('shows the start and end dates', () => {
       wrapper = createComponent();
 
-      expect(wrapper.find(GlPopover).text()).toContain('Jun 26, 2017 – Mar 10, 2018');
+      expect(wrapper.findComponent(GlPopover).text()).toContain('Jun 26, 2017 – Mar 10, 2018');
     });
 
     it.each`

ee/spec/frontend/roadmap/components/epics_list_section_spec.js

@@ -247,7 +247,7 @@ describe('EpicsListSectionComponent', () => {
     });
 
     it('renders epic-item', () => {
-      expect(wrapper.find(EpicItem).exists()).toBe(true);
+      expect(wrapper.findComponent(EpicItem).exists()).toBe(true);
     });
 
     it('renders empty row element when `epics.length` is less than `bufferSize`', () => {

ee/spec/frontend/roadmap/components/milestone_timeline_spec.js

@@ -33,7 +33,7 @@ describe('MilestoneTimelineComponent', () => {
     });
   };
 
-  const findMilestoneItem = () => wrapper.find(MilestoneItem);
+  const findMilestoneItem = () => wrapper.findComponent(MilestoneItem);
 
   describe.each`
     props                            | hasMilestoneItem

ee/spec/frontend/roadmap/components/milestones_list_section_spec.js

@@ -50,8 +50,8 @@ describe('MilestonesListSectionComponent', () => {
   const findExpandButtonData = () => {
     const container = findExpandButtonContainer();
     return {
-      icon: container.find(GlIcon).attributes('name'),
-      iconLabel: container.find(GlButton).attributes('aria-label'),
+      icon: container.findComponent(GlIcon).attributes('name'),
+      iconLabel: container.findComponent(GlButton).attributes('aria-label'),
       tooltip: getBinding(container.element, 'gl-tooltip').value.title,
     };
   };
@@ -162,7 +162,7 @@ describe('MilestonesListSectionComponent', () => {
       const listItems = wrapper.find('.milestones-list-items');
 
       expect(listItems.exists()).toBe(true);
-      expect(listItems.find(MilestoneTimeline).exists()).toBe(true);
+      expect(listItems.findComponent(MilestoneTimeline).exists()).toBe(true);
     });
 
     it('renders bottom shadow element when `showBottomShadow` prop is true', () => {
@@ -196,7 +196,7 @@ describe('MilestonesListSectionComponent', () => {
 
   describe('when the milestone list is expanded', () => {
     beforeEach(async () => {
-      findExpandButtonContainer().find(GlButton).vm.$emit('click');
+      findExpandButtonContainer().findComponent(GlButton).vm.$emit('click');
 
       await nextTick();
     });

ee/spec/frontend/roadmap/components/roadmap_filters_spec.js

@@ -155,7 +155,7 @@ describe('RoadmapFilters', () => {
       let filteredSearchBar;
 
       beforeEach(() => {
-        filteredSearchBar = wrapper.find(FilteredSearchBar);
+        filteredSearchBar = wrapper.findComponent(FilteredSearchBar);
       });
 
       it('component is rendered with correct namespace & recent search key', () => {