diff --git a/ee/spec/frontend/roadmap/components/epic_item_container_spec.js b/ee/spec/frontend/roadmap/components/epic_item_container_spec.js index 0d1097b01089729ffa135adba867ea99e3ed7d62..93493ad886eedf778b629e859e9d6454ac56cf79 100644 --- a/ee/spec/frontend/roadmap/components/epic_item_container_spec.js +++ b/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); }); }); }); diff --git a/ee/spec/frontend/roadmap/components/epic_item_details_spec.js b/ee/spec/frontend/roadmap/components/epic_item_details_spec.js index f9bf221f5b1780c3ecd4c5133154e90596beb39e..c7e8e4aed8a6a64d94dc3914edcd6f1c25b9622d 100644 --- a/ee/spec/frontend/roadmap/components/epic_item_details_spec.js +++ b/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(), }); diff --git a/ee/spec/frontend/roadmap/components/epic_item_spec.js b/ee/spec/frontend/roadmap/components/epic_item_spec.js index 3ad72dbf7206449c709d59c32cf965723575d9fb..daef1c8f58cc7aeb059ad5f44ad2d8c7abc0c4f8 100644 --- a/ee/spec/frontend/roadmap/components/epic_item_spec.js +++ b/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); }); }); }); diff --git a/ee/spec/frontend/roadmap/components/epic_item_timeline_spec.js b/ee/spec/frontend/roadmap/components/epic_item_timeline_spec.js index d66ad0f0ac3a2da28287cdad60ab23f66f09119f..b050396da68b1ae394f6fe2461c372f16e81c454 100644 --- a/ee/spec/frontend/roadmap/components/epic_item_timeline_spec.js +++ b/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` diff --git a/ee/spec/frontend/roadmap/components/epics_list_section_spec.js b/ee/spec/frontend/roadmap/components/epics_list_section_spec.js index 95185d8b7167a7bad396117a48be43721d420999..0bd4106fd0690f6977eae252de60467b6485e784 100644 --- a/ee/spec/frontend/roadmap/components/epics_list_section_spec.js +++ b/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`', () => { diff --git a/ee/spec/frontend/roadmap/components/milestone_timeline_spec.js b/ee/spec/frontend/roadmap/components/milestone_timeline_spec.js index 979947ed354acaf6db93e1ba9c91186ac84cfda4..c31a688a6d0259ccd42863506baa0ace573296cb 100644 --- a/ee/spec/frontend/roadmap/components/milestone_timeline_spec.js +++ b/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 diff --git a/ee/spec/frontend/roadmap/components/milestones_list_section_spec.js b/ee/spec/frontend/roadmap/components/milestones_list_section_spec.js index 3fc741dd649cfe3efe5c1204f56be0ee9b78051d..f06e1bbb4c7a7d9dc71c527183e34e26ede4fca9 100644 --- a/ee/spec/frontend/roadmap/components/milestones_list_section_spec.js +++ b/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(); }); diff --git a/ee/spec/frontend/roadmap/components/roadmap_filters_spec.js b/ee/spec/frontend/roadmap/components/roadmap_filters_spec.js index ea307a12d1c4de89aff989d986426c51d871f875..f7335616913a51126b74b8c569e9ebae239fe6a7 100644 --- a/ee/spec/frontend/roadmap/components/roadmap_filters_spec.js +++ b/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', () => {