Add latest changes from gitlab-org/gitlab@master

100 files changed, 168 insertions, 155 deletions

diff --git a/spec/frontend/__helpers__/shared_test_setup.js b/spec/frontend/__helpers__/shared_test_setup.js
index 4d6486544ca..45a7b8e0352 100644
--- a/spec/frontend/__helpers__/shared_test_setup.js
+++ b/spec/frontend/__helpers__/shared_test_setup.js
@@ -48,9 +48,6 @@ testUtilsConfig.deprecationWarningHandler = (method, message) => {
   const ALLOWED_DEPRECATED_METHODS = [
     // https://gitlab.com/gitlab-org/gitlab/-/issues/295679
     'finding components with `find` or `get`',
-
-    // https://gitlab.com/gitlab-org/gitlab/-/issues/295680
-    'finding components with `findAll`',
   ];
   if (!ALLOWED_DEPRECATED_METHODS.includes(method)) {
     global.console.error(message);
diff --git a/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js b/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js
index 1a92b9ee536..f679576182f 100644
--- a/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js
+++ b/spec/frontend/add_context_commits_modal/components/review_tab_container_spec.js
@@ -46,6 +46,6 @@ describe('ReviewTabContainer', () => {
 
   it('renders all passed commits as list', () => {
     createWrapper({ commits: [commit] });
-    expect(wrapper.findAll(CommitItem).length).toBe(1);
+    expect(wrapper.findAllComponents(CommitItem).length).toBe(1);
   });
 });
diff --git a/spec/frontend/alerts_settings/components/alerts_integrations_list_spec.js b/spec/frontend/alerts_settings/components/alerts_integrations_list_spec.js
index 6658db92524..9983af873c2 100644
--- a/spec/frontend/alerts_settings/components/alerts_integrations_list_spec.js
+++ b/spec/frontend/alerts_settings/components/alerts_integrations_list_spec.js
@@ -67,7 +67,7 @@ describe('AlertIntegrationsList', () => {
   });
 
   it('renders an an edit and delete button for each integration', () => {
-    expect(findTableComponent().findAll(GlButton).length).toBe(4);
+    expect(findTableComponent().findAllComponents(GlButton).length).toBe(4);
   });
 
   it('renders an highlighted row when a current integration is selected to edit', () => {
diff --git a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
index b3e0d77a40f..3871fd530d8 100644
--- a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
+++ b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
@@ -83,7 +83,7 @@ describe('ProjectsDropdownFilter component', () => {
 
   const findDropdownItems = () =>
     findDropdown()
-      .findAll(GlDropdownItem)
+      .findAllComponents(GlDropdownItem)
       .filter((w) => w.text() !== 'No matching results');
 
   const findDropdownAtIndex = (index) => findDropdownItems().at(index);
@@ -106,7 +106,7 @@ describe('ProjectsDropdownFilter component', () => {
   };
 
   // NOTE: Selected items are now visually separated from unselected items
-  const findSelectedDropdownItems = () => findHighlightedItems().findAll(GlDropdownItem);
+  const findSelectedDropdownItems = () => findHighlightedItems().findAllComponents(GlDropdownItem);
 
   const findSelectedDropdownAtIndex = (index) => findSelectedDropdownItems().at(index);
   const findSelectedButtonIdentIconAtIndex = (index) =>
diff --git a/spec/frontend/analytics/usage_trends/components/app_spec.js b/spec/frontend/analytics/usage_trends/components/app_spec.js
index 4d8107adf33..c732dc22322 100644
--- a/spec/frontend/analytics/usage_trends/components/app_spec.js
+++ b/spec/frontend/analytics/usage_trends/components/app_spec.js
@@ -27,7 +27,7 @@ describe('UsageTrendsApp', () => {
   ['Total projects & groups', 'Pipelines', 'Issues & merge requests'].forEach((usage) => {
     it(`displays the ${usage} chart`, () => {
       const chartTitles = wrapper
-        .findAll(UsageTrendsCountChart)
+        .findAllComponents(UsageTrendsCountChart)
         .wrappers.map((chartComponent) => chartComponent.props('chartTitle'));
 
       expect(chartTitles).toContain(usage);
diff --git a/spec/frontend/authentication/two_factor_auth/components/recovery_codes_spec.js b/spec/frontend/authentication/two_factor_auth/components/recovery_codes_spec.js
index beb9efd00ed..0d9196b88ed 100644
--- a/spec/frontend/authentication/two_factor_auth/components/recovery_codes_spec.js
+++ b/spec/frontend/authentication/two_factor_auth/components/recovery_codes_spec.js
@@ -35,7 +35,9 @@ describe('RecoveryCodes', () => {
   const findRecoveryCodes = () => wrapper.findByTestId('recovery-codes');
   const findCopyButton = () => wrapper.findComponent(ClipboardButton);
   const findButtonByText = (text) =>
-    wrapper.findAll(GlButton).wrappers.find((buttonWrapper) => buttonWrapper.text() === text);
+    wrapper
+      .findAllComponents(GlButton)
+      .wrappers.find((buttonWrapper) => buttonWrapper.text() === text);
   const findDownloadButton = () => findButtonByText('Download codes');
   const findPrintButton = () => findButtonByText('Print codes');
   const findProceedButton = () => findButtonByText('Proceed');
diff --git a/spec/frontend/batch_comments/components/diff_file_drafts_spec.js b/spec/frontend/batch_comments/components/diff_file_drafts_spec.js
index 6a5ff1af7c9..c922d6a9809 100644
--- a/spec/frontend/batch_comments/components/diff_file_drafts_spec.js
+++ b/spec/frontend/batch_comments/components/diff_file_drafts_spec.js
@@ -35,13 +35,13 @@ describe('Batch comments diff file drafts component', () => {
   it('renders list of draft notes', () => {
     factory();
 
-    expect(vm.findAll(DraftNote).length).toEqual(2);
+    expect(vm.findAllComponents(DraftNote).length).toEqual(2);
   });
 
   it('renders index of draft note', () => {
     factory();
 
-    const elements = vm.findAll(DesignNotePin);
+    const elements = vm.findAllComponents(DesignNotePin);
 
     expect(elements.length).toEqual(2);
 
diff --git a/spec/frontend/batch_comments/components/publish_dropdown_spec.js b/spec/frontend/batch_comments/components/publish_dropdown_spec.js
index 7506dc49a18..d1b7160d231 100644
--- a/spec/frontend/batch_comments/components/publish_dropdown_spec.js
+++ b/spec/frontend/batch_comments/components/publish_dropdown_spec.js
@@ -28,7 +28,7 @@ describe('Batch comments publish dropdown component', () => {
   it('renders list of drafts', () => {
     createComponent();
 
-    expect(wrapper.findAll(GlDropdownItem).length).toBe(2);
+    expect(wrapper.findAllComponents(GlDropdownItem).length).toBe(2);
   });
 
   it('renders draft count in dropdown title', () => {
diff --git a/spec/frontend/branches/components/divergence_graph_spec.js b/spec/frontend/branches/components/divergence_graph_spec.js
index 3b565539f87..9429a6e982c 100644
--- a/spec/frontend/branches/components/divergence_graph_spec.js
+++ b/spec/frontend/branches/components/divergence_graph_spec.js
@@ -21,7 +21,7 @@ describe('Branch divergence graph component', () => {
       maxCommits: 100,
     });
 
-    expect(vm.findAll(GraphBar).length).toBe(2);
+    expect(vm.findAllComponents(GraphBar).length).toBe(2);
     expect(vm.element).toMatchSnapshot();
   });
 
@@ -45,7 +45,7 @@ describe('Branch divergence graph component', () => {
       maxCommits: 100,
     });
 
-    expect(vm.findAll(GraphBar).length).toBe(1);
+    expect(vm.findAllComponents(GraphBar).length).toBe(1);
     expect(vm.element).toMatchSnapshot();
   });
 
diff --git a/spec/frontend/cascading_settings/components/lock_popovers_spec.js b/spec/frontend/cascading_settings/components/lock_popovers_spec.js
index ff6ce18ead8..9d3275a1ff2 100644
--- a/spec/frontend/cascading_settings/components/lock_popovers_spec.js
+++ b/spec/frontend/cascading_settings/components/lock_popovers_spec.js
@@ -143,7 +143,7 @@ describe('LockPopovers', () => {
     });
 
     it('mounts multiple popovers', () => {
-      const popovers = wrapper.findAll(GlPopover).wrappers;
+      const popovers = wrapper.findAllComponents(GlPopover).wrappers;
 
       expectCorrectPopoverTarget(popoverMountEl1, popovers[0]);
       expectCorrectPopoverTarget(popoverMountEl2, popovers[1]);
diff --git a/spec/frontend/ci_variable_list/components/ci_variable_modal_spec.js b/spec/frontend/ci_variable_list/components/ci_variable_modal_spec.js
index a8fec9b23dd..914f2d78d3a 100644
--- a/spec/frontend/ci_variable_list/components/ci_variable_modal_spec.js
+++ b/spec/frontend/ci_variable_list/components/ci_variable_modal_spec.js
@@ -65,7 +65,7 @@ describe('Ci variable modal', () => {
   const findAddorUpdateButton = () => wrapper.findByTestId('ciUpdateOrAddVariableBtn');
   const deleteVariableButton = () =>
     findModal()
-      .findAll(GlButton)
+      .findAllComponents(GlButton)
       .wrappers.find((button) => button.props('variant') === 'danger');
   const findProtectedVariableCheckbox = () =>
     wrapper.findByTestId('ci-variable-protected-checkbox');
diff --git a/spec/frontend/ci_variable_list/components/legacy_ci_variable_modal_spec.js b/spec/frontend/ci_variable_list/components/legacy_ci_variable_modal_spec.js
index d8d2cbc764f..b607232907b 100644
--- a/spec/frontend/ci_variable_list/components/legacy_ci_variable_modal_spec.js
+++ b/spec/frontend/ci_variable_list/components/legacy_ci_variable_modal_spec.js
@@ -45,7 +45,7 @@ describe('Ci variable modal', () => {
   const findAddorUpdateButton = () => findModal().find('[data-testid="ciUpdateOrAddVariableBtn"]');
   const deleteVariableButton = () =>
     findModal()
-      .findAll(GlButton)
+      .findAllComponents(GlButton)
       .wrappers.find((button) => button.props('variant') === 'danger');
 
   afterEach(() => {
diff --git a/spec/frontend/clusters_list/components/install_agent_modal_spec.js b/spec/frontend/clusters_list/components/install_agent_modal_spec.js
index 964dd005a27..10264d6a011 100644
--- a/spec/frontend/clusters_list/components/install_agent_modal_spec.js
+++ b/spec/frontend/clusters_list/components/install_agent_modal_spec.js
@@ -65,7 +65,7 @@ describe('InstallAgentModal', () => {
   const findAgentInstructions = () => findModal().findComponent(AgentToken);
   const findButtonByVariant = (variant) =>
     findModal()
-      .findAll(GlButton)
+      .findAllComponents(GlButton)
       .wrappers.find((button) => button.props('variant') === variant);
   const findActionButton = () => findButtonByVariant('confirm');
   const findCancelButton = () => findButtonByVariant('default');
diff --git a/spec/frontend/confidential_merge_request/components/dropdown_spec.js b/spec/frontend/confidential_merge_request/components/dropdown_spec.js
index bbb6d4f9a26..770f2636648 100644
--- a/spec/frontend/confidential_merge_request/components/dropdown_spec.js
+++ b/spec/frontend/confidential_merge_request/components/dropdown_spec.js
@@ -30,7 +30,7 @@ describe('Confidential merge request project dropdown component', () => {
       },
     ]);
 
-    expect(vm.findAll(GlDropdownItem).length).toBe(2);
+    expect(vm.findAllComponents(GlDropdownItem).length).toBe(2);
   });
 
   it('shows lock icon', () => {
diff --git a/spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js b/spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js
index 304c8250151..567d18f8b92 100644
--- a/spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js
+++ b/spec/frontend/deploy_freeze/components/timezone_dropdown_spec.js
@@ -30,8 +30,8 @@ describe('Deploy freeze timezone dropdown', () => {
     wrapper.setData({ searchTerm });
   };
 
-  const findAllDropdownItems = () => wrapper.findAll(GlDropdownItem);
-  const findDropdownItemByIndex = (index) => wrapper.findAll(GlDropdownItem).at(index);
+  const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
+  const findDropdownItemByIndex = (index) => wrapper.findAllComponents(GlDropdownItem).at(index);
 
   afterEach(() => {
     wrapper.destroy();
diff --git a/spec/frontend/diffs/components/app_spec.js b/spec/frontend/diffs/components/app_spec.js
index 65831b71fd4..2b1bf19471a 100644
--- a/spec/frontend/diffs/components/app_spec.js
+++ b/spec/frontend/diffs/components/app_spec.js
@@ -274,7 +274,7 @@ describe('diffs/components/app', () => {
       });
 
       expect(wrapper.findComponent(NoChanges).exists()).toBe(false);
-      expect(wrapper.findAll(DiffFile).length).toBe(1);
+      expect(wrapper.findAllComponents(DiffFile).length).toBe(1);
     });
   });
 
@@ -636,7 +636,7 @@ describe('diffs/components/app', () => {
 
       await nextTick();
 
-      expect(wrapper.findAll(DiffFile).length).toBe(1);
+      expect(wrapper.findAllComponents(DiffFile).length).toBe(1);
     });
 
     describe('pagination', () => {
diff --git a/spec/frontend/diffs/components/compare_dropdown_layout_spec.js b/spec/frontend/diffs/components/compare_dropdown_layout_spec.js
index 98f88226742..09128b04caa 100644
--- a/spec/frontend/diffs/components/compare_dropdown_layout_spec.js
+++ b/spec/frontend/diffs/components/compare_dropdown_layout_spec.js
@@ -34,7 +34,7 @@ describe('CompareDropdownLayout', () => {
     findListItems().wrappers.map((listItem) => ({
       href: listItem.find('a').attributes('href'),
       text: trimText(listItem.text()),
-      createdAt: listItem.findAll(TimeAgo).wrappers[0]?.props('time'),
+      createdAt: listItem.findAllComponents(TimeAgo).wrappers[0]?.props('time'),
       isActive: listItem.classes().includes('is-active'),
     }));
 
diff --git a/spec/frontend/diffs/components/diff_discussions_spec.js b/spec/frontend/diffs/components/diff_discussions_spec.js
index b3945257fbd..e9a0e0745fd 100644
--- a/spec/frontend/diffs/components/diff_discussions_spec.js
+++ b/spec/frontend/diffs/components/diff_discussions_spec.js
@@ -34,9 +34,9 @@ describe('DiffDiscussions', () => {
 
       expect(wrapper.findComponent(NoteableDiscussion).exists()).toBe(true);
       expect(wrapper.findComponent(DiscussionNotes).exists()).toBe(true);
-      expect(wrapper.findComponent(DiscussionNotes).findAll(TimelineEntryItem).length).toBe(
-        discussionsMockData.notes.length,
-      );
+      expect(
+        wrapper.findComponent(DiscussionNotes).findAllComponents(TimelineEntryItem).length,
+      ).toBe(discussionsMockData.notes.length);
     });
   });
 
diff --git a/spec/frontend/diffs/components/diff_stats_spec.js b/spec/frontend/diffs/components/diff_stats_spec.js
index 09fe69e97de..3a04547fa69 100644
--- a/spec/frontend/diffs/components/diff_stats_spec.js
+++ b/spec/frontend/diffs/components/diff_stats_spec.js
@@ -87,7 +87,7 @@ describe('diff_stats', () => {
   describe('files changes', () => {
     const findIcon = (name) =>
       wrapper
-        .findAll(GlIcon)
+        .findAllComponents(GlIcon)
         .filter((c) => c.attributes('name') === name)
         .at(0).element.parentNode;
 
diff --git a/spec/frontend/diffs/components/diff_view_spec.js b/spec/frontend/diffs/components/diff_view_spec.js
index 33b6acd5fd5..e7fa8a574cb 100644
--- a/spec/frontend/diffs/components/diff_view_spec.js
+++ b/spec/frontend/diffs/components/diff_view_spec.js
@@ -88,7 +88,7 @@ describe('DiffView', () => {
         diffLines: [{ renderCommentRow: true, ...sides }],
         inline: type === 'inline',
       });
-      expect(wrapper.findAll(DiffCommentCell).length).toBe(total);
+      expect(wrapper.findAllComponents(DiffCommentCell).length).toBe(total);
       expect(wrapper.find(container).findComponent(DiffCommentCell).exists()).toBe(true);
     },
   );
diff --git a/spec/frontend/emoji/components/category_spec.js b/spec/frontend/emoji/components/category_spec.js
index b72aa659d56..90816f28d5b 100644
--- a/spec/frontend/emoji/components/category_spec.js
+++ b/spec/frontend/emoji/components/category_spec.js
@@ -22,7 +22,7 @@ describe('Emoji category component', () => {
   });
 
   it('renders emoji groups', () => {
-    expect(wrapper.findAll(EmojiGroup).length).toBe(2);
+    expect(wrapper.findAllComponents(EmojiGroup).length).toBe(2);
   });
 
   it('renders group', async () => {
diff --git a/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js b/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js
index d210f15ea6f..c9095441d41 100644
--- a/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js
+++ b/spec/frontend/error_tracking_settings/components/project_dropdown_spec.js
@@ -76,7 +76,7 @@ describe('error tracking settings project dropdown', () => {
 
     it('contains a number of dropdown items', () => {
       expect(wrapper.findComponent(GlDropdownItem).exists()).toBe(true);
-      expect(wrapper.findAll(GlDropdownItem).length).toBe(2);
+      expect(wrapper.findAllComponents(GlDropdownItem).length).toBe(2);
     });
   });
 
diff --git a/spec/frontend/filtered_search/components/recent_searches_dropdown_content_spec.js b/spec/frontend/filtered_search/components/recent_searches_dropdown_content_spec.js
index 878cf5ed43b..91457f10bf8 100644
--- a/spec/frontend/filtered_search/components/recent_searches_dropdown_content_spec.js
+++ b/spec/frontend/filtered_search/components/recent_searches_dropdown_content_spec.js
@@ -1,4 +1,4 @@
-import { shallowMount } from '@vue/test-utils';
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 import RecentSearchesDropdownContent from '~/filtered_search/components/recent_searches_dropdown_content.vue';
 import eventHub from '~/filtered_search/event_hub';
 import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys';
@@ -6,12 +6,12 @@ import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered
 describe('Recent Searches Dropdown Content', () => {
   let wrapper;
 
-  const findLocalStorageNote = () => wrapper.findComponent({ ref: 'localStorageNote' });
-  const findDropdownItems = () => wrapper.findAll({ ref: 'dropdownItem' });
-  const findDropdownNote = () => wrapper.findComponent({ ref: 'dropdownNote' });
+  const findLocalStorageNote = () => wrapper.findByTestId('local-storage-note');
+  const findDropdownItems = () => wrapper.findAllByTestId('dropdown-item');
+  const findDropdownNote = () => wrapper.findByTestId('dropdown-note');
 
   const createComponent = (props) => {
-    wrapper = shallowMount(RecentSearchesDropdownContent, {
+    wrapper = shallowMountExtended(RecentSearchesDropdownContent, {
       propsData: {
         allowedKeys: IssuableFilteredSearchTokenKeys.getKeys(),
         items: [],
@@ -94,7 +94,7 @@ describe('Recent Searches Dropdown Content', () => {
     });
 
     it('emits requestClearRecentSearches on Clear resent searches button', () => {
-      wrapper.findComponent({ ref: 'clearButton' }).trigger('click');
+      wrapper.findByTestId('clear-button').trigger('click');
 
       expect(onRequestClearRecentSearchesSpy).toHaveBeenCalled();
     });
diff --git a/spec/frontend/frequent_items/components/frequent_items_list_item_spec.js b/spec/frontend/frequent_items/components/frequent_items_list_item_spec.js
index 85e5e2273a5..e6673fa78ec 100644
--- a/spec/frontend/frequent_items/components/frequent_items_list_item_spec.js
+++ b/spec/frontend/frequent_items/components/frequent_items_list_item_spec.js
@@ -1,7 +1,7 @@
 import { GlButton } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
 import Vue from 'vue';
 import Vuex from 'vuex';
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
 import { trimText } from 'helpers/text_helper';
 import { mockTracking, unmockTracking } from 'helpers/tracking_helper';
 import frequentItemsListItemComponent from '~/frequent_items/components/frequent_items_list_item.vue';
@@ -16,18 +16,18 @@ describe('FrequentItemsListItemComponent', () => {
   let trackingSpy;
   let store;
 
-  const findTitle = () => wrapper.findComponent({ ref: 'frequentItemsItemTitle' });
+  const findTitle = () => wrapper.findByTestId('frequent-items-item-title');
   const findAvatar = () => wrapper.findComponent(ProjectAvatar);
-  const findAllTitles = () => wrapper.findAll({ ref: 'frequentItemsItemTitle' });
-  const findNamespace = () => wrapper.findComponent({ ref: 'frequentItemsItemNamespace' });
+  const findAllTitles = () => wrapper.findAllByTestId('frequent-items-item-title');
+  const findNamespace = () => wrapper.findByTestId('frequent-items-item-namespace');
   const findAllButtons = () => wrapper.findAllComponents(GlButton);
-  const findAllNamespace = () => wrapper.findAll({ ref: 'frequentItemsItemNamespace' });
+  const findAllNamespace = () => wrapper.findAllByTestId('frequent-items-item-namespace');
   const findAllAvatars = () => wrapper.findAllComponents(ProjectAvatar);
   const findAllMetadataContainers = () =>
-    wrapper.findAll({ ref: 'frequentItemsItemMetadataContainer' });
+    wrapper.findAllByTestId('frequent-items-item-metadata-container');
 
   const createComponent = (props = {}) => {
-    wrapper = shallowMount(frequentItemsListItemComponent, {
+    wrapper = shallowMountExtended(frequentItemsListItemComponent, {
       store,
       propsData: {
         itemId: mockProject.id,
diff --git a/spec/frontend/frequent_items/components/frequent_items_list_spec.js b/spec/frontend/frequent_items/components/frequent_items_list_spec.js
index beaab1913d0..9f08a432a3d 100644
--- a/spec/frontend/frequent_items/components/frequent_items_list_spec.js
+++ b/spec/frontend/frequent_items/components/frequent_items_list_spec.js
@@ -1,6 +1,6 @@
-import { mount } from '@vue/test-utils';
 import Vue, { nextTick } from 'vue';
 import Vuex from 'vuex';
+import { mountExtended } from 'helpers/vue_test_utils_helper';
 import frequentItemsListComponent from '~/frequent_items/components/frequent_items_list.vue';
 import frequentItemsListItemComponent from '~/frequent_items/components/frequent_items_list_item.vue';
 import { createStore } from '~/frequent_items/store';
@@ -12,7 +12,7 @@ describe('FrequentItemsListComponent', () => {
   let wrapper;
 
   const createComponent = (props = {}) => {
-    wrapper = mount(frequentItemsListComponent, {
+    wrapper = mountExtended(frequentItemsListComponent, {
       store: createStore(),
       propsData: {
         namespace: 'projects',
@@ -94,8 +94,8 @@ describe('FrequentItemsListComponent', () => {
 
       await nextTick();
       expect(wrapper.classes('frequent-items-list-container')).toBe(true);
-      expect(wrapper.findAll({ ref: 'frequentItemsList' })).toHaveLength(1);
-      expect(wrapper.findAll(frequentItemsListItemComponent)).toHaveLength(5);
+      expect(wrapper.findAllByTestId('frequent-items-list')).toHaveLength(1);
+      expect(wrapper.findAllComponents(frequentItemsListItemComponent)).toHaveLength(5);
     });
 
     it('should render component element with empty message', async () => {
@@ -105,7 +105,7 @@ describe('FrequentItemsListComponent', () => {
 
       await nextTick();
       expect(wrapper.vm.$el.querySelectorAll('li.section-empty')).toHaveLength(1);
-      expect(wrapper.findAll(frequentItemsListItemComponent)).toHaveLength(0);
+      expect(wrapper.findAllComponents(frequentItemsListItemComponent)).toHaveLength(0);
     });
   });
 });
diff --git a/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js b/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
index 8060fb9af7f..c0ae4294e3d 100644
--- a/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
+++ b/spec/frontend/import_entities/import_projects/components/import_projects_table_spec.js
@@ -30,7 +30,7 @@ describe('ImportProjectsTable', () => {
 
   const findImportAllButton = () =>
     wrapper
-      .findAll(GlButton)
+      .findAllComponents(GlButton)
       .filter((w) => w.props().variant === 'confirm')
       .at(0);
   const findImportAllModal = () => wrapper.findComponent({ ref: 'importAllModal' });
@@ -118,7 +118,7 @@ describe('ImportProjectsTable', () => {
         .exists(),
     ).toBe(true);
 
-    expect(wrapper.findAll(ProviderRepoTableRow)).toHaveLength(repositories.length);
+    expect(wrapper.findAllComponents(ProviderRepoTableRow)).toHaveLength(repositories.length);
   });
 
   it.each`
diff --git a/spec/frontend/incidents/components/incidents_list_spec.js b/spec/frontend/incidents/components/incidents_list_spec.js
index 5f71fde934f..e8d222dc2e9 100644
--- a/spec/frontend/incidents/components/incidents_list_spec.js
+++ b/spec/frontend/incidents/components/incidents_list_spec.js
@@ -44,12 +44,12 @@ describe('Incidents List', () => {
   const findTableRows = () => wrapper.findAll('table tbody tr');
   const findAlert = () => wrapper.findComponent(GlAlert);
   const findLoader = () => wrapper.findComponent(GlLoadingIcon);
-  const findTimeAgo = () => wrapper.findAll(TimeAgoTooltip);
+  const findTimeAgo = () => wrapper.findAllComponents(TimeAgoTooltip);
   const findAssignees = () => wrapper.findAll('[data-testid="incident-assignees"]');
   const findCreateIncidentBtn = () => wrapper.find('[data-testid="createIncidentBtn"]');
   const findClosedIcon = () => wrapper.findAll("[data-testid='incident-closed']");
   const findEmptyState = () => wrapper.findComponent(GlEmptyState);
-  const findSeverity = () => wrapper.findAll(SeverityToken);
+  const findSeverity = () => wrapper.findAllComponents(SeverityToken);
   const findEscalationStatus = () => wrapper.findAll('[data-testid="incident-escalation-status"]');
   const findIncidentLink = () => wrapper.findByTestId('incident-link');
 
diff --git a/spec/frontend/incidents_settings/components/incidents_settings_tabs_spec.js b/spec/frontend/incidents_settings/components/incidents_settings_tabs_spec.js
index e0ebebf1c7d..394d1f12bcb 100644
--- a/spec/frontend/incidents_settings/components/incidents_settings_tabs_spec.js
+++ b/spec/frontend/incidents_settings/components/incidents_settings_tabs_spec.js
@@ -23,7 +23,7 @@ describe('IncidentsSettingTabs', () => {
   const findToggleButton = () => wrapper.findComponent({ ref: 'toggleBtn' });
   const findSectionHeader = () => wrapper.findComponent({ ref: 'sectionHeader' });
 
-  const findIntegrationTabs = () => wrapper.findAll(GlTab);
+  const findIntegrationTabs = () => wrapper.findAllComponents(GlTab);
   it('renders header text', () => {
     expect(findSectionHeader().text()).toBe('Incidents');
   });
diff --git a/spec/frontend/integrations/edit/components/trigger_fields_spec.js b/spec/frontend/integrations/edit/components/trigger_fields_spec.js
index e13fd39999b..c329ca8522f 100644
--- a/spec/frontend/integrations/edit/components/trigger_fields_spec.js
+++ b/spec/frontend/integrations/edit/components/trigger_fields_spec.js
@@ -24,7 +24,7 @@ describe('TriggerFields', () => {
   });
 
   const findTriggerLabel = () => wrapper.findByTestId('trigger-fields-group').find('label');
-  const findAllGlFormGroups = () => wrapper.find('#trigger-fields').findAll(GlFormGroup);
+  const findAllGlFormGroups = () => wrapper.find('#trigger-fields').findAllComponents(GlFormGroup);
   const findAllGlFormCheckboxes = () => wrapper.findAllComponents(GlFormCheckbox);
   const findAllGlFormInputs = () => wrapper.findAllComponents(GlFormInput);
 
diff --git a/spec/frontend/issuable/components/issue_assignees_spec.js b/spec/frontend/issuable/components/issue_assignees_spec.js
index 713c8b1dfdd..9a33bfae240 100644
--- a/spec/frontend/issuable/components/issue_assignees_spec.js
+++ b/spec/frontend/issuable/components/issue_assignees_spec.js
@@ -27,7 +27,7 @@ describe('IssueAssigneesComponent', () => {
   });
 
   const findTooltipText = () => wrapper.find('.js-assignee-tooltip').text();
-  const findAvatars = () => wrapper.findAll(UserAvatarLink);
+  const findAvatars = () => wrapper.findAllComponents(UserAvatarLink);
   const findOverflowCounter = () => wrapper.find('.avatar-counter');
 
   it('returns default data props', () => {
diff --git a/spec/frontend/issues/new/components/title_suggestions_item_spec.js b/spec/frontend/issues/new/components/title_suggestions_item_spec.js
index eee6804528f..c54a762440f 100644
--- a/spec/frontend/issues/new/components/title_suggestions_item_spec.js
+++ b/spec/frontend/issues/new/components/title_suggestions_item_spec.js
@@ -20,7 +20,7 @@ describe('Issue title suggestions item component', () => {
   }
 
   const findLink = () => wrapper.findComponent(GlLink);
-  const findAuthorLink = () => wrapper.findAll(GlLink).at(1);
+  const findAuthorLink = () => wrapper.findAllComponents(GlLink).at(1);
   const findIcon = () => wrapper.findComponent(GlIcon);
   const findTooltip = () => wrapper.findComponent(GlTooltip);
   const findUserAvatar = () => wrapper.findComponent(UserAvatarImage);
diff --git a/spec/frontend/issues/new/components/title_suggestions_spec.js b/spec/frontend/issues/new/components/title_suggestions_spec.js
index 0a64890e4ca..1cd6576967a 100644
--- a/spec/frontend/issues/new/components/title_suggestions_spec.js
+++ b/spec/frontend/issues/new/components/title_suggestions_spec.js
@@ -83,7 +83,7 @@ describe('Issue title suggestions component', () => {
       wrapper.setData(data);
 
       await nextTick();
-      expect(wrapper.findAll(TitleSuggestionsItem).length).toBe(2);
+      expect(wrapper.findAllComponents(TitleSuggestionsItem).length).toBe(2);
     });
 
     it('adds margin class to first item', async () => {
diff --git a/spec/frontend/issues/related_merge_requests/components/related_merge_requests_spec.js b/spec/frontend/issues/related_merge_requests/components/related_merge_requests_spec.js
index 4df04cd5257..d30a8c081cc 100644
--- a/spec/frontend/issues/related_merge_requests/components/related_merge_requests_spec.js
+++ b/spec/frontend/issues/related_merge_requests/components/related_merge_requests_spec.js
@@ -65,9 +65,9 @@ describe('RelatedMergeRequests', () => {
   describe('template', () => {
     it('should render related merge request items', () => {
       expect(wrapper.find('[data-testid="count"]').text()).toBe('2');
-      expect(wrapper.findAll(RelatedIssuableItem)).toHaveLength(2);
+      expect(wrapper.findAllComponents(RelatedIssuableItem)).toHaveLength(2);
 
-      const props = wrapper.findAll(RelatedIssuableItem).at(1).props();
+      const props = wrapper.findAllComponents(RelatedIssuableItem).at(1).props();
       const data = mockData[1];
 
       expect(props.idKey).toEqual(data.id);
diff --git a/spec/frontend/issues/show/components/header_actions_spec.js b/spec/frontend/issues/show/components/header_actions_spec.js
index d7fa1fa41da..dc2b3c6fc48 100644
--- a/spec/frontend/issues/show/components/header_actions_spec.js
+++ b/spec/frontend/issues/show/components/header_actions_spec.js
@@ -70,12 +70,12 @@ describe('HeaderActions component', () => {
   const findDropdownBy = (dataTestId) => wrapper.find(`[data-testid="${dataTestId}"]`);
   const findMobileDropdown = () => findDropdownBy('mobile-dropdown');
   const findDesktopDropdown = () => findDropdownBy('desktop-dropdown');
-  const findMobileDropdownItems = () => findMobileDropdown().findAll(GlDropdownItem);
-  const findDesktopDropdownItems = () => findDesktopDropdown().findAll(GlDropdownItem);
+  const findMobileDropdownItems = () => findMobileDropdown().findAllComponents(GlDropdownItem);
+  const findDesktopDropdownItems = () => findDesktopDropdown().findAllComponents(GlDropdownItem);
 
   const findModal = () => wrapper.findComponent(GlModal);
 
-  const findModalLinkAt = (index) => findModal().findAll(GlLink).at(index);
+  const findModalLinkAt = (index) => findModal().findAllComponents(GlLink).at(index);
 
   const mountComponent = ({
     props = {},
diff --git a/spec/frontend/issues/show/components/incidents/incident_tabs_spec.js b/spec/frontend/issues/show/components/incidents/incident_tabs_spec.js
index 6960eb1416e..d92aeabba0f 100644
--- a/spec/frontend/issues/show/components/incidents/incident_tabs_spec.js
+++ b/spec/frontend/issues/show/components/incidents/incident_tabs_spec.js
@@ -61,7 +61,7 @@ describe('Incident Tabs component', () => {
     );
   };
 
-  const findTabs = () => wrapper.findAll(GlTab);
+  const findTabs = () => wrapper.findAllComponents(GlTab);
   const findSummaryTab = () => findTabs().at(0);
   const findAlertDetailsTab = () => wrapper.find('[data-testid="alert-details-tab"]');
   const findAlertDetailsComponent = () => wrapper.findComponent(AlertDetailsTable);
diff --git a/spec/frontend/issues/show/components/incidents/timeline_events_list_spec.js b/spec/frontend/issues/show/components/incidents/timeline_events_list_spec.js
index 549b819fa19..dff1c429d07 100644
--- a/spec/frontend/issues/show/components/incidents/timeline_events_list_spec.js
+++ b/spec/frontend/issues/show/components/incidents/timeline_events_list_spec.js
@@ -59,7 +59,7 @@ describe('IncidentTimelineEventList', () => {
   };
 
   const findTimelineEventGroups = () => wrapper.findAllByTestId('timeline-group');
-  const findItems = (base = wrapper) => base.findAll(IncidentTimelineEventItem);
+  const findItems = (base = wrapper) => base.findAllComponents(IncidentTimelineEventItem);
   const findFirstTimelineEventGroup = () => findTimelineEventGroups().at(0);
   const findSecondTimelineEventGroup = () => findTimelineEventGroups().at(1);
   const findDates = () => wrapper.findAllByTestId('event-date');
diff --git a/spec/frontend/issues/show/components/pinned_links_spec.js b/spec/frontend/issues/show/components/pinned_links_spec.js
index aac720df6e9..208baac7124 100644
--- a/spec/frontend/issues/show/components/pinned_links_spec.js
+++ b/spec/frontend/issues/show/components/pinned_links_spec.js
@@ -9,7 +9,7 @@ const plainStatusUrl = 'https://status.com';
 describe('PinnedLinks', () => {
   let wrapper;
 
-  const findButtons = () => wrapper.findAll(GlButton);
+  const findButtons = () => wrapper.findAllComponents(GlButton);
 
   const createComponent = (props) => {
     wrapper = shallowMount(PinnedLinks, {
diff --git a/spec/frontend/jira_connect/subscriptions/components/add_namespace_modal/groups_list_spec.js b/spec/frontend/jira_connect/subscriptions/components/add_namespace_modal/groups_list_spec.js
index d871b1e1dcc..f1fc5e4d90b 100644
--- a/spec/frontend/jira_connect/subscriptions/components/add_namespace_modal/groups_list_spec.js
+++ b/spec/frontend/jira_connect/subscriptions/components/add_namespace_modal/groups_list_spec.js
@@ -50,7 +50,7 @@ describe('GroupsList', () => {
 
   const findGlAlert = () => wrapper.findComponent(GlAlert);
   const findGlLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
-  const findAllItems = () => wrapper.findAll(GroupsListItem);
+  const findAllItems = () => wrapper.findAllComponents(GroupsListItem);
   const findFirstItem = () => findAllItems().at(0);
   const findSecondItem = () => findAllItems().at(1);
   const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType);
diff --git a/spec/frontend/jira_import/components/jira_import_form_spec.js b/spec/frontend/jira_import/components/jira_import_form_spec.js
index 783ecec14a2..ca91ce90a02 100644
--- a/spec/frontend/jira_import/components/jira_import_form_spec.js
+++ b/spec/frontend/jira_import/components/jira_import_form_spec.js
@@ -288,7 +288,7 @@ describe('JiraImportForm', () => {
       });
 
       it('updates the user list', () => {
-        expect(getUserDropdown().findAll(GlDropdownItem)).toHaveLength(1);
+        expect(getUserDropdown().findAllComponents(GlDropdownItem)).toHaveLength(1);
         expect(getUserDropdown().findComponent(GlDropdownItem).text()).toContain(
           'fchopin (Frederic Chopin)',
         );
diff --git a/spec/frontend/milestones/components/milestone_combobox_spec.js b/spec/frontend/milestones/components/milestone_combobox_spec.js
index aee13beacbb..ce5b2a1000b 100644
--- a/spec/frontend/milestones/components/milestone_combobox_spec.js
+++ b/spec/frontend/milestones/components/milestone_combobox_spec.js
@@ -103,12 +103,12 @@ describe('Milestone combobox component', () => {
   const findProjectMilestonesSection = () =>
     wrapper.find('[data-testid="project-milestones-section"]');
   const findProjectMilestonesDropdownItems = () =>
-    findProjectMilestonesSection().findAll(GlDropdownItem);
+    findProjectMilestonesSection().findAllComponents(GlDropdownItem);
   const findFirstProjectMilestonesDropdownItem = () => findProjectMilestonesDropdownItems().at(0);
 
   const findGroupMilestonesSection = () => wrapper.find('[data-testid="group-milestones-section"]');
   const findGroupMilestonesDropdownItems = () =>
-    findGroupMilestonesSection().findAll(GlDropdownItem);
+    findGroupMilestonesSection().findAllComponents(GlDropdownItem);
   const findFirstGroupMilestonesDropdownItem = () => findGroupMilestonesDropdownItems().at(0);
 
   //
diff --git a/spec/frontend/notifications/components/custom_notifications_modal_spec.js b/spec/frontend/notifications/components/custom_notifications_modal_spec.js
index 02de67f788d..9bde80e930f 100644
--- a/spec/frontend/notifications/components/custom_notifications_modal_spec.js
+++ b/spec/frontend/notifications/components/custom_notifications_modal_spec.js
@@ -57,7 +57,7 @@ describe('CustomNotificationsModal', () => {
   }
 
   const findModalBodyDescription = () => wrapper.findComponent(GlSprintf);
-  const findAllCheckboxes = () => wrapper.findAll(GlFormCheckbox);
+  const findAllCheckboxes = () => wrapper.findAllComponents(GlFormCheckbox);
   const findCheckboxAt = (index) => findAllCheckboxes().at(index);
 
   beforeEach(() => {
diff --git a/spec/frontend/notifications/components/notifications_dropdown_spec.js b/spec/frontend/notifications/components/notifications_dropdown_spec.js
index 1f950683630..8a6fd72fbeb 100644
--- a/spec/frontend/notifications/components/notifications_dropdown_spec.js
+++ b/spec/frontend/notifications/components/notifications_dropdown_spec.js
@@ -42,7 +42,8 @@ describe('NotificationsDropdown', () => {
 
   const findDropdown = () => wrapper.findComponent(GlDropdown);
   const findByTestId = (testId) => wrapper.find(`[data-testid="${testId}"]`);
-  const findAllNotificationsDropdownItems = () => wrapper.findAll(NotificationsDropdownItem);
+  const findAllNotificationsDropdownItems = () =>
+    wrapper.findAllComponents(NotificationsDropdownItem);
   const findDropdownItemAt = (index) =>
     findAllNotificationsDropdownItems().at(index).findComponent(GlDropdownItem);
   const findNotificationsModal = () => wrapper.findComponent(CustomNotificationsModal);
diff --git a/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_list_row_spec.js b/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_list_row_spec.js
index 88979ea2b25..96c670eaad2 100644
--- a/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_list_row_spec.js
+++ b/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_list_row_spec.js
@@ -32,7 +32,7 @@ describe('tags list row', () => {
   const findShortRevision = () => wrapper.find('[data-testid="digest"]');
   const findClipboardButton = () => wrapper.findComponent(ClipboardButton);
   const findTimeAgoTooltip = () => wrapper.findComponent(TimeAgoTooltip);
-  const findDetailsRows = () => wrapper.findAll(DetailsRow);
+  const findDetailsRows = () => wrapper.findAllComponents(DetailsRow);
   const findPublishedDateDetail = () => wrapper.find('[data-testid="published-date-detail"]');
   const findManifestDetail = () => wrapper.find('[data-testid="manifest-detail"]');
   const findConfigurationDetail = () => wrapper.find('[data-testid="configuration-detail"]');
diff --git a/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_loader_spec.js b/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_loader_spec.js
index e5df260a260..3f5d4c3dbf7 100644
--- a/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_loader_spec.js
+++ b/spec/frontend/packages_and_registries/container_registry/explorer/components/details_page/tags_loader_spec.js
@@ -5,7 +5,7 @@ import { GlSkeletonLoader } from '../../stubs';
 describe('TagsLoader component', () => {
   let wrapper;
 
-  const findGlSkeletonLoaders = () => wrapper.findAll(GlSkeletonLoader);
+  const findGlSkeletonLoaders = () => wrapper.findAllComponents(GlSkeletonLoader);
 
   const mountComponent = () => {
     wrapper = shallowMount(component, {
diff --git a/spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/image_list_spec.js b/spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/image_list_spec.js
index 4d33f75a5fd..042b8383571 100644
--- a/spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/image_list_spec.js
+++ b/spec/frontend/packages_and_registries/container_registry/explorer/components/list_page/image_list_spec.js
@@ -8,7 +8,7 @@ import { imagesListResponse, pageInfo as defaultPageInfo } from '../../mock_data
 describe('Image List', () => {
   let wrapper;
 
-  const findRow = () => wrapper.findAll(ImageListRow);
+  const findRow = () => wrapper.findAllComponents(ImageListRow);
   const findPagination = () => wrapper.findComponent(GlKeysetPagination);
 
   const mountComponent = (props) => {
diff --git a/spec/frontend/packages_and_registries/harbor_registry/components/list/harbor_list_spec.js b/spec/frontend/packages_and_registries/harbor_registry/components/list/harbor_list_spec.js
index 304878fe5df..e7e74a0da58 100644
--- a/spec/frontend/packages_and_registries/harbor_registry/components/list/harbor_list_spec.js
+++ b/spec/frontend/packages_and_registries/harbor_registry/components/list/harbor_list_spec.js
@@ -7,7 +7,7 @@ import { harborImagesList } from '../../mock_data';
 describe('Harbor List', () => {
   let wrapper;
 
-  const findHarborListRow = () => wrapper.findAll(HarborListRow);
+  const findHarborListRow = () => wrapper.findAllComponents(HarborListRow);
 
   const mountComponent = (props) => {
     wrapper = shallowMount(HarborList, {
diff --git a/spec/frontend/packages_and_registries/package_registry/components/list/tokens/package_type_token_spec.js b/spec/frontend/packages_and_registries/package_registry/components/list/tokens/package_type_token_spec.js
index e2af06416b4..9268dd0b049 100644
--- a/spec/frontend/packages_and_registries/package_registry/components/list/tokens/package_type_token_spec.js
+++ b/spec/frontend/packages_and_registries/package_registry/components/list/tokens/package_type_token_spec.js
@@ -7,7 +7,7 @@ describe('packages_filter', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
+  const findFilteredSearchSuggestions = () => wrapper.findAllComponents(GlFilteredSearchSuggestion);
 
   const mountComponent = ({ attrs, listeners } = {}) => {
     wrapper = shallowMount(component, {
diff --git a/spec/frontend/packages_and_registries/shared/components/cli_commands_spec.js b/spec/frontend/packages_and_registries/shared/components/cli_commands_spec.js
index dfa91fd8740..18084766db9 100644
--- a/spec/frontend/packages_and_registries/shared/components/cli_commands_spec.js
+++ b/spec/frontend/packages_and_registries/shared/components/cli_commands_spec.js
@@ -23,7 +23,7 @@ describe('cli_commands', () => {
   let wrapper;
 
   const findDropdownButton = () => wrapper.findComponent(GlDropdown);
-  const findCodeInstruction = () => wrapper.findAll(CodeInstruction);
+  const findCodeInstruction = () => wrapper.findAllComponents(CodeInstruction);
 
   const mountComponent = () => {
     wrapper = mount(QuickstartDropdown, {
diff --git a/spec/frontend/pages/import/bitbucket_server/components/bitbucket_server_status_table_spec.js b/spec/frontend/pages/import/bitbucket_server/components/bitbucket_server_status_table_spec.js
index b393a855a9f..b020caa3010 100644
--- a/spec/frontend/pages/import/bitbucket_server/components/bitbucket_server_status_table_spec.js
+++ b/spec/frontend/pages/import/bitbucket_server/components/bitbucket_server_status_table_spec.js
@@ -14,7 +14,7 @@ describe('BitbucketServerStatusTable', () => {
 
   const findReconfigureButton = () =>
     wrapper
-      .findAll(GlButton)
+      .findAllComponents(GlButton)
       .filter((w) => w.props().variant === 'info')
       .at(0);
 
diff --git a/spec/frontend/pages/projects/forks/new/components/fork_form_spec.js b/spec/frontend/pages/projects/forks/new/components/fork_form_spec.js
index ebb254b49c1..f221a90da61 100644
--- a/spec/frontend/pages/projects/forks/new/components/fork_form_spec.js
+++ b/spec/frontend/pages/projects/forks/new/components/fork_form_spec.js
@@ -200,7 +200,7 @@ describe('ForkForm component', () => {
     it('displays the correct description', () => {
       createComponent();
 
-      const formRadios = wrapper.findAll(GlFormRadio);
+      const formRadios = wrapper.findAllComponents(GlFormRadio);
 
       Object.keys(PROJECT_VISIBILITY_TYPE).forEach((visibilityType, index) => {
         expect(formRadios.at(index).text()).toBe(PROJECT_VISIBILITY_TYPE[visibilityType]);
@@ -210,7 +210,7 @@ describe('ForkForm component', () => {
     it('displays all 3 visibility levels', () => {
       createComponent();
 
-      expect(wrapper.findAll(GlFormRadio)).toHaveLength(3);
+      expect(wrapper.findAllComponents(GlFormRadio)).toHaveLength(3);
     });
 
     describe('when the namespace is changed', () => {
diff --git a/spec/frontend/pages/projects/graphs/code_coverage_spec.js b/spec/frontend/pages/projects/graphs/code_coverage_spec.js
index c9c0e406c46..2f2edd6b025 100644
--- a/spec/frontend/pages/projects/graphs/code_coverage_spec.js
+++ b/spec/frontend/pages/projects/graphs/code_coverage_spec.js
@@ -22,7 +22,7 @@ describe('Code Coverage', () => {
 
   const findAlert = () => wrapper.findComponent(GlAlert);
   const findAreaChart = () => wrapper.findComponent(GlAreaChart);
-  const findAllDropdownItems = () => wrapper.findAll(GlDropdownItem);
+  const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
   const findFirstDropdownItem = () => findAllDropdownItems().at(0);
   const findSecondDropdownItem = () => findAllDropdownItems().at(1);
   const findDownloadButton = () => wrapper.find('[data-testid="download-button"]');
diff --git a/spec/frontend/pipeline_editor/components/file-nav/branch_switcher_spec.js b/spec/frontend/pipeline_editor/components/file-nav/branch_switcher_spec.js
index 7dbacad34bf..8f6f4d8cff9 100644
--- a/spec/frontend/pipeline_editor/components/file-nav/branch_switcher_spec.js
+++ b/spec/frontend/pipeline_editor/components/file-nav/branch_switcher_spec.js
@@ -119,7 +119,7 @@ describe('Pipeline editor branch switcher', () => {
   };
 
   const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findDropdownItems = () => wrapper.findAll(GlDropdownItem);
+  const findDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
   const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType);
   const findInfiniteScroll = () => wrapper.findComponent(GlInfiniteScroll);
diff --git a/spec/frontend/pipeline_editor/components/file-tree/container_spec.js b/spec/frontend/pipeline_editor/components/file-tree/container_spec.js
index 04a93e8db25..f79074f1e0f 100644
--- a/spec/frontend/pipeline_editor/components/file-tree/container_spec.js
+++ b/spec/frontend/pipeline_editor/components/file-tree/container_spec.js
@@ -31,7 +31,7 @@ describe('Pipeline editor file nav', () => {
 
   const findTip = () => wrapper.findComponent(GlAlert);
   const findCurrentConfigFilename = () => wrapper.findByTestId('current-config-filename');
-  const fileTreeItems = () => wrapper.findAll(PipelineEditorFileTreeItem);
+  const fileTreeItems = () => wrapper.findAllComponents(PipelineEditorFileTreeItem);
 
   afterEach(() => {
     localStorage.clear();
diff --git a/spec/frontend/pipeline_editor/components/ui/editor_tab_spec.js b/spec/frontend/pipeline_editor/components/ui/editor_tab_spec.js
index 3a40ce32a24..24f27e8c5fb 100644
--- a/spec/frontend/pipeline_editor/components/ui/editor_tab_spec.js
+++ b/spec/frontend/pipeline_editor/components/ui/editor_tab_spec.js
@@ -58,7 +58,7 @@ describe('~/pipeline_editor/components/ui/editor_tab.vue', () => {
 
   const findSlotComponent = () => wrapper.findComponent(MockSourceEditor);
   const findAlert = () => wrapper.findComponent(GlAlert);
-  const findBadges = () => wrapper.findAll(GlBadge);
+  const findBadges = () => wrapper.findAllComponents(GlBadge);
 
   beforeEach(() => {
     mockChildMounted = jest.fn();
diff --git a/spec/frontend/pipeline_new/components/refs_dropdown_spec.js b/spec/frontend/pipeline_new/components/refs_dropdown_spec.js
index 01d4bd7786f..8cba876c688 100644
--- a/spec/frontend/pipeline_new/components/refs_dropdown_spec.js
+++ b/spec/frontend/pipeline_new/components/refs_dropdown_spec.js
@@ -20,7 +20,7 @@ describe('Pipeline New Form', () => {
   let mock;
 
   const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findRefsDropdownItems = () => wrapper.findAll(GlDropdownItem);
+  const findRefsDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
   const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType);
 
   const createComponent = (props = {}, mountFn = shallowMount) => {
diff --git a/spec/frontend/pipelines/components/dag/dag_spec.js b/spec/frontend/pipelines/components/dag/dag_spec.js
index 5cc6537e964..b0c26976c85 100644
--- a/spec/frontend/pipelines/components/dag/dag_spec.js
+++ b/spec/frontend/pipelines/components/dag/dag_spec.js
@@ -19,7 +19,7 @@ import {
 describe('Pipeline DAG graph wrapper', () => {
   let wrapper;
   const getAlert = () => wrapper.findComponent(GlAlert);
-  const getAllAlerts = () => wrapper.findAll(GlAlert);
+  const getAllAlerts = () => wrapper.findAllComponents(GlAlert);
   const getGraph = () => wrapper.findComponent(DagGraph);
   const getNotes = () => wrapper.findComponent(DagAnnotations);
   const getErrorText = (type) => wrapper.vm.$options.errorTexts[type];
diff --git a/spec/frontend/pipelines/components/pipeline_mini_graph/pipeline_stages_spec.js b/spec/frontend/pipelines/components/pipeline_mini_graph/pipeline_stages_spec.js
index 03eca50c460..bfb780d5d39 100644
--- a/spec/frontend/pipelines/components/pipeline_mini_graph/pipeline_stages_spec.js
+++ b/spec/frontend/pipelines/components/pipeline_mini_graph/pipeline_stages_spec.js
@@ -8,7 +8,7 @@ const mockStages = pipelines[0].details.stages;
 describe('Pipeline Stages', () => {
   let wrapper;
 
-  const findPipelineStages = () => wrapper.findAll(PipelineStage);
+  const findPipelineStages = () => wrapper.findAllComponents(PipelineStage);
   const findPipelineStagesAt = (i) => findPipelineStages().at(i);
 
   const createComponent = (props = {}) => {
diff --git a/spec/frontend/pipelines/graph/graph_component_spec.js b/spec/frontend/pipelines/graph/graph_component_spec.js
index 3ab58882786..2abb5f7dc58 100644
--- a/spec/frontend/pipelines/graph/graph_component_spec.js
+++ b/spec/frontend/pipelines/graph/graph_component_spec.js
@@ -15,9 +15,9 @@ import {
 describe('graph component', () => {
   let wrapper;
 
-  const findLinkedColumns = () => wrapper.findAll(LinkedPipelinesColumn);
+  const findLinkedColumns = () => wrapper.findAllComponents(LinkedPipelinesColumn);
   const findLinksLayer = () => wrapper.findComponent(LinksLayer);
-  const findStageColumns = () => wrapper.findAll(StageColumnComponent);
+  const findStageColumns = () => wrapper.findAllComponents(StageColumnComponent);
   const findStageNameInJob = () => wrapper.find('[data-testid="stage-name-in-job"]');
 
   const defaultProps = {
diff --git a/spec/frontend/pipelines/graph/linked_pipelines_column_spec.js b/spec/frontend/pipelines/graph/linked_pipelines_column_spec.js
index 50fae3ee495..63e2d8707ea 100644
--- a/spec/frontend/pipelines/graph/linked_pipelines_column_spec.js
+++ b/spec/frontend/pipelines/graph/linked_pipelines_column_spec.js
@@ -38,7 +38,7 @@ describe('Linked Pipelines Column', () => {
 
   let wrapper;
   const findLinkedColumnTitle = () => wrapper.find('[data-testid="linked-column-title"]');
-  const findLinkedPipelineElements = () => wrapper.findAll(LinkedPipeline);
+  const findLinkedPipelineElements = () => wrapper.findAllComponents(LinkedPipeline);
   const findPipelineGraph = () => wrapper.findComponent(PipelineGraph);
   const findExpandButton = () => wrapper.find('[data-testid="expand-pipeline-button"]');
 
diff --git a/spec/frontend/pipelines/pipeline_graph/pipeline_graph_spec.js b/spec/frontend/pipelines/pipeline_graph/pipeline_graph_spec.js
index 1b89e322d31..d9199f3b0f7 100644
--- a/spec/frontend/pipelines/pipeline_graph/pipeline_graph_spec.js
+++ b/spec/frontend/pipelines/pipeline_graph/pipeline_graph_spec.js
@@ -34,7 +34,7 @@ describe('pipeline graph component', () => {
   };
 
   const findAlert = () => wrapper.findComponent(GlAlert);
-  const findAllJobPills = () => wrapper.findAll(JobPill);
+  const findAllJobPills = () => wrapper.findAllComponents(JobPill);
   const findAllStageNames = () => wrapper.findAllComponents(StageName);
   const findLinksLayer = () => wrapper.findComponent(LinksLayer);
   const findPipelineGraph = () => wrapper.find('[data-testid="graph-container"]');
diff --git a/spec/frontend/pipelines/pipelines_actions_spec.js b/spec/frontend/pipelines/pipelines_actions_spec.js
index ac4be04fc41..fdfced38dca 100644
--- a/spec/frontend/pipelines/pipelines_actions_spec.js
+++ b/spec/frontend/pipelines/pipelines_actions_spec.js
@@ -32,8 +32,8 @@ describe('Pipelines Actions dropdown', () => {
   };
 
   const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findAllDropdownItems = () => wrapper.findAll(GlDropdownItem);
-  const findAllCountdowns = () => wrapper.findAll(GlCountdown);
+  const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
+  const findAllCountdowns = () => wrapper.findAllComponents(GlCountdown);
 
   beforeEach(() => {
     mock = new MockAdapter(axios);
diff --git a/spec/frontend/pipelines/pipelines_artifacts_spec.js b/spec/frontend/pipelines/pipelines_artifacts_spec.js
index 481d98fcba7..e3e54716a7b 100644
--- a/spec/frontend/pipelines/pipelines_artifacts_spec.js
+++ b/spec/frontend/pipelines/pipelines_artifacts_spec.js
@@ -31,7 +31,8 @@ describe('Pipelines Artifacts dropdown', () => {
 
   const findDropdown = () => wrapper.findComponent(GlDropdown);
   const findFirstGlDropdownItem = () => wrapper.findComponent(GlDropdownItem);
-  const findAllGlDropdownItems = () => wrapper.findComponent(GlDropdown).findAll(GlDropdownItem);
+  const findAllGlDropdownItems = () =>
+    wrapper.findComponent(GlDropdown).findAllComponents(GlDropdownItem);
 
   afterEach(() => {
     wrapper.destroy();
diff --git a/spec/frontend/pipelines/tokens/pipeline_branch_name_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_branch_name_token_spec.js
index 497d03bff51..caa66502e11 100644
--- a/spec/frontend/pipelines/tokens/pipeline_branch_name_token_spec.js
+++ b/spec/frontend/pipelines/tokens/pipeline_branch_name_token_spec.js
@@ -10,7 +10,8 @@ describe('Pipeline Branch Name Token', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findAllFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
+  const findAllFilteredSearchSuggestions = () =>
+    wrapper.findAllComponents(GlFilteredSearchSuggestion);
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
   const getBranchSuggestions = () =>
     findAllFilteredSearchSuggestions().wrappers.map((w) => w.text());
diff --git a/spec/frontend/pipelines/tokens/pipeline_source_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_source_token_spec.js
index 7d60a961621..60abb63a7e0 100644
--- a/spec/frontend/pipelines/tokens/pipeline_source_token_spec.js
+++ b/spec/frontend/pipelines/tokens/pipeline_source_token_spec.js
@@ -8,7 +8,8 @@ describe('Pipeline Source Token', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findAllFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
+  const findAllFilteredSearchSuggestions = () =>
+    wrapper.findAllComponents(GlFilteredSearchSuggestion);
 
   const defaultProps = {
     config: {
diff --git a/spec/frontend/pipelines/tokens/pipeline_status_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_status_token_spec.js
index 1a51d8b251d..94f9a37f707 100644
--- a/spec/frontend/pipelines/tokens/pipeline_status_token_spec.js
+++ b/spec/frontend/pipelines/tokens/pipeline_status_token_spec.js
@@ -7,8 +7,9 @@ describe('Pipeline Status Token', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findAllFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
-  const findAllGlIcons = () => wrapper.findAll(GlIcon);
+  const findAllFilteredSearchSuggestions = () =>
+    wrapper.findAllComponents(GlFilteredSearchSuggestion);
+  const findAllGlIcons = () => wrapper.findAllComponents(GlIcon);
 
   const defaultProps = {
     config: {
diff --git a/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js
index 8dd79bcfb88..7311a5d2f5a 100644
--- a/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js
+++ b/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js
@@ -8,7 +8,8 @@ describe('Pipeline Branch Name Token', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findAllFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
+  const findAllFilteredSearchSuggestions = () =>
+    wrapper.findAllComponents(GlFilteredSearchSuggestion);
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
 
   const stubs = {
diff --git a/spec/frontend/pipelines/tokens/pipeline_trigger_author_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_trigger_author_token_spec.js
index 39986ca7904..c763bfe1b27 100644
--- a/spec/frontend/pipelines/tokens/pipeline_trigger_author_token_spec.js
+++ b/spec/frontend/pipelines/tokens/pipeline_trigger_author_token_spec.js
@@ -9,7 +9,8 @@ describe('Pipeline Trigger Author Token', () => {
   let wrapper;
 
   const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken);
-  const findAllFilteredSearchSuggestions = () => wrapper.findAll(GlFilteredSearchSuggestion);
+  const findAllFilteredSearchSuggestions = () =>
+    wrapper.findAllComponents(GlFilteredSearchSuggestion);
   const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon);
 
   const defaultProps = {
diff --git a/spec/frontend/popovers/components/popovers_spec.js b/spec/frontend/popovers/components/popovers_spec.js
index 0d00cb043d5..eba6b95214d 100644
--- a/spec/frontend/popovers/components/popovers_spec.js
+++ b/spec/frontend/popovers/components/popovers_spec.js
@@ -31,7 +31,7 @@ describe('popovers/components/popovers.vue', () => {
     return target;
   };
 
-  const allPopovers = () => wrapper.findAll(GlPopover);
+  const allPopovers = () => wrapper.findAllComponents(GlPopover);
 
   afterEach(() => {
     wrapper.destroy();
@@ -52,7 +52,7 @@ describe('popovers/components/popovers.vue', () => {
 
       await nextTick();
 
-      expect(wrapper.findAll(GlPopover)).toHaveLength(1);
+      expect(wrapper.findAllComponents(GlPopover)).toHaveLength(1);
     });
 
     describe('supports HTML content', () => {
diff --git a/spec/frontend/profile/preferences/components/profile_preferences_spec.js b/spec/frontend/profile/preferences/components/profile_preferences_spec.js
index 4d2dcf83d3b..89ce838a383 100644
--- a/spec/frontend/profile/preferences/components/profile_preferences_spec.js
+++ b/spec/frontend/profile/preferences/components/profile_preferences_spec.js
@@ -90,7 +90,7 @@ describe('ProfilePreferences component', () => {
 
   it('should not render Integrations section', () => {
     wrapper = createComponent();
-    const views = wrapper.findAll(IntegrationView);
+    const views = wrapper.findAllComponents(IntegrationView);
     const divider = findIntegrationsDivider();
     const heading = findIntegrationsHeading();
 
@@ -103,7 +103,7 @@ describe('ProfilePreferences component', () => {
     wrapper = createComponent({ provide: { integrationViews } });
     const divider = findIntegrationsDivider();
     const heading = findIntegrationsHeading();
-    const views = wrapper.findAll(IntegrationView);
+    const views = wrapper.findAllComponents(IntegrationView);
 
     expect(divider.exists()).toBe(true);
     expect(heading.exists()).toBe(true);
diff --git a/spec/frontend/projects/commits/components/author_select_spec.js b/spec/frontend/projects/commits/components/author_select_spec.js
index 287bfe1c14d..907e0e226b6 100644
--- a/spec/frontend/projects/commits/components/author_select_spec.js
+++ b/spec/frontend/projects/commits/components/author_select_spec.js
@@ -62,7 +62,7 @@ describe('Author Select', () => {
   const findDropdown = () => wrapper.findComponent(GlDropdown);
   const findDropdownHeader = () => wrapper.findComponent(GlDropdownSectionHeader);
   const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType);
-  const findDropdownItems = () => wrapper.findAll(GlDropdownItem);
+  const findDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
 
   describe('user is searching via "filter by commit message"', () => {
     it('disables dropdown container', async () => {
diff --git a/spec/frontend/projects/compare/components/app_spec.js b/spec/frontend/projects/compare/components/app_spec.js
index a24e40b842c..2dbecf7cc61 100644
--- a/spec/frontend/projects/compare/components/app_spec.js
+++ b/spec/frontend/projects/compare/components/app_spec.js
@@ -58,7 +58,7 @@ describe('CompareApp component', () => {
   });
 
   it('render Source and Target BranchDropdown components', () => {
-    const revisionCards = wrapper.findAll(RevisionCard);
+    const revisionCards = wrapper.findAllComponents(RevisionCard);
 
     expect(revisionCards.length).toBe(2);
     expect(revisionCards.at(0).props('revisionText')).toBe('Source');
diff --git a/spec/frontend/projects/compare/components/repo_dropdown_spec.js b/spec/frontend/projects/compare/components/repo_dropdown_spec.js
index 8e720b40e6f..21cca857c6a 100644
--- a/spec/frontend/projects/compare/components/repo_dropdown_spec.js
+++ b/spec/frontend/projects/compare/components/repo_dropdown_spec.js
@@ -73,7 +73,7 @@ describe('RepoDropdown component', () => {
     });
 
     it('emits `selectProject` event when another target project is selected', async () => {
-      findGlDropdown().findAll(GlDropdownItem).at(0).vm.$emit('click');
+      findGlDropdown().findAllComponents(GlDropdownItem).at(0).vm.$emit('click');
       await nextTick();
 
       expect(wrapper.emitted('selectProject')[0][0]).toEqual({
diff --git a/spec/frontend/projects/compare/components/revision_card_spec.js b/spec/frontend/projects/compare/components/revision_card_spec.js
index a741393fcf3..b23bd91ceda 100644
--- a/spec/frontend/projects/compare/components/revision_card_spec.js
+++ b/spec/frontend/projects/compare/components/revision_card_spec.js
@@ -32,10 +32,10 @@ describe('RepoDropdown component', () => {
   });
 
   it('renders RepoDropdown component', () => {
-    expect(wrapper.findAll(RepoDropdown).exists()).toBe(true);
+    expect(wrapper.findAllComponents(RepoDropdown).exists()).toBe(true);
   });
 
   it('renders RevisionDropdown component', () => {
-    expect(wrapper.findAll(RevisionDropdown).exists()).toBe(true);
+    expect(wrapper.findAllComponents(RevisionDropdown).exists()).toBe(true);
   });
 });
diff --git a/spec/frontend/projects/compare/components/revision_dropdown_legacy_spec.js b/spec/frontend/projects/compare/components/revision_dropdown_legacy_spec.js
index 8d4711a79ed..f64af1aa994 100644
--- a/spec/frontend/projects/compare/components/revision_dropdown_legacy_spec.js
+++ b/spec/frontend/projects/compare/components/revision_dropdown_legacy_spec.js
@@ -99,7 +99,7 @@ describe('RevisionDropdown component', () => {
     });
 
     it('emits a "selectRevision" event when a revision is selected', async () => {
-      const findGlDropdownItems = () => wrapper.findAll(GlDropdownItem);
+      const findGlDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
       const findFirstGlDropdownItem = () => findGlDropdownItems().at(0);
 
       // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
diff --git a/spec/frontend/projects/compare/components/revision_dropdown_spec.js b/spec/frontend/projects/compare/components/revision_dropdown_spec.js
index bd8c0d2784f..35e32fd3da0 100644
--- a/spec/frontend/projects/compare/components/revision_dropdown_spec.js
+++ b/spec/frontend/projects/compare/components/revision_dropdown_spec.js
@@ -144,7 +144,7 @@ describe('RevisionDropdown component', () => {
     wrapper.vm.branches = ['some-branch'];
     await nextTick();
 
-    findGlDropdown().findAll(GlDropdownItem).at(0).vm.$emit('click');
+    findGlDropdown().findAllComponents(GlDropdownItem).at(0).vm.$emit('click');
 
     expect(wrapper.emitted('selectRevision')[0][0]).toEqual({
       direction: 'to',
diff --git a/spec/frontend/projects/pipelines/charts/components/app_spec.js b/spec/frontend/projects/pipelines/charts/components/app_spec.js
index db9d7eb9a8a..e3aaf760d1e 100644
--- a/spec/frontend/projects/pipelines/charts/components/app_spec.js
+++ b/spec/frontend/projects/pipelines/charts/components/app_spec.js
@@ -48,7 +48,7 @@ describe('ProjectsPipelinesChartsApp', () => {
   });
 
   const findGlTabs = () => wrapper.findComponent(GlTabs);
-  const findAllGlTabs = () => wrapper.findAll(GlTab);
+  const findAllGlTabs = () => wrapper.findAllComponents(GlTab);
   const findGlTabAtIndex = (index) => findAllGlTabs().at(index);
   const findLeadTimeCharts = () => wrapper.findComponent(LeadTimeChartsStub);
   const findTimeToRestoreServiceCharts = () =>
diff --git a/spec/frontend/projects/settings_service_desk/components/service_desk_template_dropdown_spec.js b/spec/frontend/projects/settings_service_desk/components/service_desk_template_dropdown_spec.js
index dde06d40a4d..6adcfbe8157 100644
--- a/spec/frontend/projects/settings_service_desk/components/service_desk_template_dropdown_spec.js
+++ b/spec/frontend/projects/settings_service_desk/components/service_desk_template_dropdown_spec.js
@@ -53,7 +53,7 @@ describe('ServiceDeskTemplateDropdown', () => {
         props: { templates: TEMPLATES },
       });
 
-      const headerItems = wrapper.findAll(GlDropdownSectionHeader);
+      const headerItems = wrapper.findAllComponents(GlDropdownSectionHeader);
 
       expect(headerItems).toHaveLength(1);
       expect(headerItems.at(0).text()).toBe(TEMPLATES[0]);
@@ -68,7 +68,7 @@ describe('ServiceDeskTemplateDropdown', () => {
 
       const expectedTemplates = templates[1];
 
-      const items = wrapper.findAll(GlDropdownItem);
+      const items = wrapper.findAllComponents(GlDropdownItem);
       const dropdownList = expectedTemplates.map((_, index) => items.at(index).text());
 
       expect(items).toHaveLength(expectedTemplates.length);
diff --git a/spec/frontend/ref/components/ref_selector_spec.js b/spec/frontend/ref/components/ref_selector_spec.js
index 851a3fcaf33..6c5af5a2625 100644
--- a/spec/frontend/ref/components/ref_selector_spec.js
+++ b/spec/frontend/ref/components/ref_selector_spec.js
@@ -98,15 +98,15 @@ describe('Ref selector component', () => {
   const findSearchBox = () => wrapper.findComponent(GlSearchBoxByType);
 
   const findBranchesSection = () => wrapper.find('[data-testid="branches-section"]');
-  const findBranchDropdownItems = () => findBranchesSection().findAll(GlDropdownItem);
+  const findBranchDropdownItems = () => findBranchesSection().findAllComponents(GlDropdownItem);
   const findFirstBranchDropdownItem = () => findBranchDropdownItems().at(0);
 
   const findTagsSection = () => wrapper.find('[data-testid="tags-section"]');
-  const findTagDropdownItems = () => findTagsSection().findAll(GlDropdownItem);
+  const findTagDropdownItems = () => findTagsSection().findAllComponents(GlDropdownItem);
   const findFirstTagDropdownItem = () => findTagDropdownItems().at(0);
 
   const findCommitsSection = () => wrapper.find('[data-testid="commits-section"]');
-  const findCommitDropdownItems = () => findCommitsSection().findAll(GlDropdownItem);
+  const findCommitDropdownItems = () => findCommitsSection().findAllComponents(GlDropdownItem);
   const findFirstCommitDropdownItem = () => findCommitDropdownItems().at(0);
 
   //
diff --git a/spec/frontend/releases/components/release_block_milestone_info_spec.js b/spec/frontend/releases/components/release_block_milestone_info_spec.js
index 89ae556f906..541d487091c 100644
--- a/spec/frontend/releases/components/release_block_milestone_info_spec.js
+++ b/spec/frontend/releases/components/release_block_milestone_info_spec.js
@@ -58,7 +58,7 @@ describe('Release block milestone info', () => {
       expect(milestoneListContainer().text()).toMatchInterpolatedText('Milestones 12.3 • 12.4');
 
       milestones.forEach((m, i) => {
-        const milestoneLink = milestoneListContainer().findAll(GlLink).at(i);
+        const milestoneLink = milestoneListContainer().findAllComponents(GlLink).at(i);
 
         expect(milestoneLink.text()).toBe(m.title);
         expect(milestoneLink.attributes('href')).toBe(m.webUrl);
diff --git a/spec/frontend/reports/components/grouped_issues_list_spec.js b/spec/frontend/reports/components/grouped_issues_list_spec.js
index 74c17b0b8fc..6c0275dc47d 100644
--- a/spec/frontend/reports/components/grouped_issues_list_spec.js
+++ b/spec/frontend/reports/components/grouped_issues_list_spec.js
@@ -67,7 +67,7 @@ describe('Grouped Issues List', () => {
         propsData: { [`${issueName}Issues`]: issues },
       });
 
-      expect(wrapper.findAll(ReportItem)).toHaveLength(issues.length);
+      expect(wrapper.findAllComponents(ReportItem)).toHaveLength(issues.length);
     });
 
     it('renders a report item with the correct props', () => {
diff --git a/spec/frontend/repository/components/blob_button_group_spec.js b/spec/frontend/repository/components/blob_button_group_spec.js
index d5b882bd715..a00f49ec4f8 100644
--- a/spec/frontend/repository/components/blob_button_group_spec.js
+++ b/spec/frontend/repository/components/blob_button_group_spec.js
@@ -66,12 +66,12 @@ describe('BlobButtonGroup component', () => {
     });
 
     it('renders both the replace and delete button', () => {
-      expect(wrapper.findAll(GlButton)).toHaveLength(2);
+      expect(wrapper.findAllComponents(GlButton)).toHaveLength(2);
     });
 
     it('renders the buttons in the correct order', () => {
-      expect(wrapper.findAll(GlButton).at(0).text()).toBe('Replace');
-      expect(wrapper.findAll(GlButton).at(1).text()).toBe('Delete');
+      expect(wrapper.findAllComponents(GlButton).at(0).text()).toBe('Replace');
+      expect(wrapper.findAllComponents(GlButton).at(1).text()).toBe('Delete');
     });
 
     it('triggers the UploadBlobModal from the replace button', () => {
diff --git a/spec/frontend/repository/components/breadcrumbs_spec.js b/spec/frontend/repository/components/breadcrumbs_spec.js
index a1a292e9678..c2f34f79f89 100644
--- a/spec/frontend/repository/components/breadcrumbs_spec.js
+++ b/spec/frontend/repository/components/breadcrumbs_spec.js
@@ -55,7 +55,7 @@ describe('Repository breadcrumbs component', () => {
   `('renders $linkCount links for path $path', ({ path, linkCount }) => {
     factory(path);
 
-    expect(wrapper.findAll(RouterLinkStub).length).toEqual(linkCount);
+    expect(wrapper.findAllComponents(RouterLinkStub).length).toEqual(linkCount);
   });
 
   it.each`
@@ -68,14 +68,14 @@ describe('Repository breadcrumbs component', () => {
     'links to the correct router path when routeName is $routeName',
     ({ routeName, path, linkTo }) => {
       factory(path, {}, { name: routeName });
-      expect(wrapper.findAll(RouterLinkStub).at(3).props('to')).toEqual(linkTo);
+      expect(wrapper.findAllComponents(RouterLinkStub).at(3).props('to')).toEqual(linkTo);
     },
   );
 
   it('escapes hash in directory path', () => {
     factory('app/assets/javascripts#');
 
-    expect(wrapper.findAll(RouterLinkStub).at(3).props('to')).toEqual(
+    expect(wrapper.findAllComponents(RouterLinkStub).at(3).props('to')).toEqual(
       '/-/tree/app/assets/javascripts%23',
     );
   });
@@ -83,7 +83,9 @@ describe('Repository breadcrumbs component', () => {
   it('renders last link as active', () => {
     factory('app/assets');
 
-    expect(wrapper.findAll(RouterLinkStub).at(2).attributes('aria-current')).toEqual('page');
+    expect(wrapper.findAllComponents(RouterLinkStub).at(2).attributes('aria-current')).toEqual(
+      'page',
+    );
   });
 
   it('does not render add to tree dropdown when permissions are false', async () => {
diff --git a/spec/frontend/repository/components/table/index_spec.js b/spec/frontend/repository/components/table/index_spec.js
index ff0371b5c07..57b481634ca 100644
--- a/spec/frontend/repository/components/table/index_spec.js
+++ b/spec/frontend/repository/components/table/index_spec.js
@@ -115,7 +115,7 @@ describe('Repository table component', () => {
       commits: MOCK_COMMITS,
     });
 
-    const rows = vm.findAll(TableRow);
+    const rows = vm.findAllComponents(TableRow);
 
     expect(rows.length).toEqual(3);
     expect(rows.at(2).attributes().mode).toEqual('120000');
diff --git a/spec/frontend/runner/components/runner_type_tabs_spec.js b/spec/frontend/runner/components/runner_type_tabs_spec.js
index 22d2a9e60f7..45ab8684332 100644
--- a/spec/frontend/runner/components/runner_type_tabs_spec.js
+++ b/spec/frontend/runner/components/runner_type_tabs_spec.js
@@ -28,7 +28,7 @@ const mockCount = (type, multiplier = 1) => {
 describe('RunnerTypeTabs', () => {
   let wrapper;
 
-  const findTabs = () => wrapper.findAll(GlTab);
+  const findTabs = () => wrapper.findAllComponents(GlTab);
   const findActiveTab = () =>
     findTabs()
       .filter((tab) => tab.attributes('active') === 'true')
diff --git a/spec/frontend/search/sidebar/components/radio_filter_spec.js b/spec/frontend/search/sidebar/components/radio_filter_spec.js
index 39d5ee581ec..c0a8259b4fe 100644
--- a/spec/frontend/search/sidebar/components/radio_filter_spec.js
+++ b/spec/frontend/search/sidebar/components/radio_filter_spec.js
@@ -44,7 +44,7 @@ describe('RadioFilter', () => {
   });
 
   const findGlRadioButtonGroup = () => wrapper.find(GlFormRadioGroup);
-  const findGlRadioButtons = () => findGlRadioButtonGroup().findAll(GlFormRadio);
+  const findGlRadioButtons = () => findGlRadioButtonGroup().findAllComponents(GlFormRadio);
   const findGlRadioButtonsText = () => findGlRadioButtons().wrappers.map((w) => w.text());
 
   describe('template', () => {
diff --git a/spec/frontend/search/sort/components/app_spec.js b/spec/frontend/search/sort/components/app_spec.js
index 04520a3e704..0e8eebba3cb 100644
--- a/spec/frontend/search/sort/components/app_spec.js
+++ b/spec/frontend/search/sort/components/app_spec.js
@@ -46,7 +46,7 @@ describe('GlobalSearchSort', () => {
   const findSortButtonGroup = () => wrapper.find(GlButtonGroup);
   const findSortDropdown = () => wrapper.find(GlDropdown);
   const findSortDirectionButton = () => wrapper.find(GlButton);
-  const findDropdownItems = () => findSortDropdown().findAll(GlDropdownItem);
+  const findDropdownItems = () => findSortDropdown().findAllComponents(GlDropdownItem);
   const findDropdownItemsText = () => findDropdownItems().wrappers.map((w) => w.text());
 
   describe('template', () => {
diff --git a/spec/frontend/sidebar/components/assignees/collapsed_assignee_list_spec.js b/spec/frontend/sidebar/components/assignees/collapsed_assignee_list_spec.js
index 5aa8264b98c..81ff51133bf 100644
--- a/spec/frontend/sidebar/components/assignees/collapsed_assignee_list_spec.js
+++ b/spec/frontend/sidebar/components/assignees/collapsed_assignee_list_spec.js
@@ -23,7 +23,7 @@ describe('CollapsedAssigneeList component', () => {
 
   const findNoUsersIcon = () => wrapper.find(GlIcon);
   const findAvatarCounter = () => wrapper.find('.avatar-counter');
-  const findAssignees = () => wrapper.findAll(CollapsedAssignee);
+  const findAssignees = () => wrapper.findAllComponents(CollapsedAssignee);
   const getTooltipTitle = () => wrapper.attributes('title');
 
   afterEach(() => {
diff --git a/spec/frontend/sidebar/components/assignees/uncollapsed_assignee_list_spec.js b/spec/frontend/sidebar/components/assignees/uncollapsed_assignee_list_spec.js
index f7437386814..b902d7313fd 100644
--- a/spec/frontend/sidebar/components/assignees/uncollapsed_assignee_list_spec.js
+++ b/spec/frontend/sidebar/components/assignees/uncollapsed_assignee_list_spec.js
@@ -42,7 +42,7 @@ describe('UncollapsedAssigneeList component', () => {
     });
 
     it('only has one user', () => {
-      expect(wrapper.findAll(AssigneeAvatarLink).length).toBe(1);
+      expect(wrapper.findAllComponents(AssigneeAvatarLink).length).toBe(1);
     });
 
     it('calls the AssigneeAvatarLink with the proper props', () => {
@@ -79,7 +79,7 @@ describe('UncollapsedAssigneeList component', () => {
       });
 
       it('shows truncated users', () => {
-        expect(wrapper.findAll(AssigneeAvatarLink).length).toBe(DEFAULT_RENDER_COUNT);
+        expect(wrapper.findAllComponents(AssigneeAvatarLink).length).toBe(DEFAULT_RENDER_COUNT);
       });
 
       describe('when more button is clicked', () => {
@@ -94,7 +94,9 @@ describe('UncollapsedAssigneeList component', () => {
         });
 
         it('shows all users', () => {
-          expect(wrapper.findAll(AssigneeAvatarLink).length).toBe(DEFAULT_RENDER_COUNT + 1);
+          expect(wrapper.findAllComponents(AssigneeAvatarLink).length).toBe(
+            DEFAULT_RENDER_COUNT + 1,
+          );
         });
       });
     });
diff --git a/spec/frontend/sidebar/components/date/sidebar_inherit_date_spec.js b/spec/frontend/sidebar/components/date/sidebar_inherit_date_spec.js
index fda21e06987..a7556b9110c 100644
--- a/spec/frontend/sidebar/components/date/sidebar_inherit_date_spec.js
+++ b/spec/frontend/sidebar/components/date/sidebar_inherit_date_spec.js
@@ -5,10 +5,10 @@ import SidebarInheritDate from '~/sidebar/components/date/sidebar_inherit_date.v
 
 describe('SidebarInheritDate', () => {
   let wrapper;
-  const findFixedFormattedDate = () => wrapper.findAll(SidebarFormattedDate).at(0);
-  const findInheritFormattedDate = () => wrapper.findAll(SidebarFormattedDate).at(1);
-  const findFixedRadio = () => wrapper.findAll(GlFormRadio).at(0);
-  const findInheritRadio = () => wrapper.findAll(GlFormRadio).at(1);
+  const findFixedFormattedDate = () => wrapper.findAllComponents(SidebarFormattedDate).at(0);
+  const findInheritFormattedDate = () => wrapper.findAllComponents(SidebarFormattedDate).at(1);
+  const findFixedRadio = () => wrapper.findAllComponents(GlFormRadio).at(0);
+  const findInheritRadio = () => wrapper.findAllComponents(GlFormRadio).at(1);
 
   const createComponent = ({ dueDateIsFixed = false } = {}) => {
     wrapper = shallowMount(SidebarInheritDate, {
@@ -36,8 +36,8 @@ describe('SidebarInheritDate', () => {
   });
 
   it('displays formatted fixed and inherited dates with radio buttons', () => {
-    expect(wrapper.findAll(SidebarFormattedDate)).toHaveLength(2);
-    expect(wrapper.findAll(GlFormRadio)).toHaveLength(2);
+    expect(wrapper.findAllComponents(SidebarFormattedDate)).toHaveLength(2);
+    expect(wrapper.findAllComponents(GlFormRadio)).toHaveLength(2);
     expect(findFixedFormattedDate().props('formattedDate')).toBe('Apr 15, 2021');
     expect(findInheritFormattedDate().props('formattedDate')).toBe('May 15, 2021');
     expect(findFixedRadio().text()).toBe('Fixed:');
diff --git a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
index 2c24df2436a..d00c8dcb653 100644
--- a/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
+++ b/spec/frontend/sidebar/components/reviewers/uncollapsed_reviewer_list_spec.js
@@ -52,7 +52,7 @@ describe('UncollapsedReviewerList component', () => {
     });
 
     it('only has one user', () => {
-      expect(wrapper.findAll(ReviewerAvatarLink).length).toBe(1);
+      expect(wrapper.findAllComponents(ReviewerAvatarLink).length).toBe(1);
     });
 
     it('shows one user with avatar, and author name', () => {
@@ -96,7 +96,7 @@ describe('UncollapsedReviewerList component', () => {
     });
 
     it('has both users', () => {
-      expect(wrapper.findAll(ReviewerAvatarLink).length).toBe(2);
+      expect(wrapper.findAllComponents(ReviewerAvatarLink).length).toBe(2);
     });
 
     it('shows both users with avatar, and author name', () => {
diff --git a/spec/frontend/snippets/components/show_spec.js b/spec/frontend/snippets/components/show_spec.js
index b29ed97099f..d3b5c0e69db 100644
--- a/spec/frontend/snippets/components/show_spec.js
+++ b/spec/frontend/snippets/components/show_spec.js
@@ -85,7 +85,7 @@ describe('Snippet view app', () => {
         },
       },
     });
-    const blobs = wrapper.findAll(SnippetBlob);
+    const blobs = wrapper.findAllComponents(SnippetBlob);
     expect(blobs.length).toBe(2);
     expect(blobs.at(0).props('blob')).toEqual(Blob);
     expect(blobs.at(1).props('blob')).toEqual(BinaryBlob);
diff --git a/spec/frontend/snippets/components/snippet_blob_actions_edit_spec.js b/spec/frontend/snippets/components/snippet_blob_actions_edit_spec.js
index df98312b498..a650353093d 100644
--- a/spec/frontend/snippets/components/snippet_blob_actions_edit_spec.js
+++ b/spec/frontend/snippets/components/snippet_blob_actions_edit_spec.js
@@ -32,7 +32,7 @@ describe('snippets/components/snippet_blob_actions_edit', () => {
   };
 
   const findLabel = () => wrapper.findComponent(GlFormGroup);
-  const findBlobEdits = () => wrapper.findAll(SnippetBlobEdit);
+  const findBlobEdits = () => wrapper.findAllComponents(SnippetBlobEdit);
   const findBlobsData = () =>
     findBlobEdits().wrappers.map((x) => ({
       blob: x.props('blob'),
diff --git a/spec/frontend/snippets/components/snippet_visibility_edit_spec.js b/spec/frontend/snippets/components/snippet_visibility_edit_spec.js
index 62d1ac9b476..a86ff566683 100644
--- a/spec/frontend/snippets/components/snippet_visibility_edit_spec.js
+++ b/spec/frontend/snippets/components/snippet_visibility_edit_spec.js
@@ -38,7 +38,7 @@ describe('Snippet Visibility Edit component', () => {
   }
 
   const findLink = () => wrapper.find('label').find(GlLink);
-  const findRadios = () => wrapper.find(GlFormRadioGroup).findAll(GlFormRadio);
+  const findRadios = () => wrapper.find(GlFormRadioGroup).findAllComponents(GlFormRadio);
   const findRadiosData = () =>
     findRadios().wrappers.map((x) => {
       return {
diff --git a/spec/frontend/terraform/components/states_table_spec.js b/spec/frontend/terraform/components/states_table_spec.js
index 16ffd2b7013..12a44452717 100644
--- a/spec/frontend/terraform/components/states_table_spec.js
+++ b/spec/frontend/terraform/components/states_table_spec.js
@@ -134,7 +134,7 @@ describe('StatesTable', () => {
     await nextTick();
   };
 
-  const findActions = () => wrapper.findAll(StateActions);
+  const findActions = () => wrapper.findAllComponents(StateActions);
 
   beforeEach(() => {
     return createComponent();
diff --git a/spec/frontend/tooltips/components/tooltips_spec.js b/spec/frontend/tooltips/components/tooltips_spec.js
index eef352a72ff..998bb2a9ea2 100644
--- a/spec/frontend/tooltips/components/tooltips_spec.js
+++ b/spec/frontend/tooltips/components/tooltips_spec.js
@@ -28,7 +28,7 @@ describe('tooltips/components/tooltips.vue', () => {
     return target;
   };
 
-  const allTooltips = () => wrapper.findAll(GlTooltip);
+  const allTooltips = () => wrapper.findAllComponents(GlTooltip);
 
   afterEach(() => {
     wrapper.destroy();
@@ -68,7 +68,7 @@ describe('tooltips/components/tooltips.vue', () => {
 
       await nextTick();
 
-      expect(wrapper.findAll(GlTooltip)).toHaveLength(1);
+      expect(wrapper.findAllComponents(GlTooltip)).toHaveLength(1);
     });
 
     it('sets tooltip content from title attribute', async () => {
diff --git a/spec/frontend/vue_merge_request_widget/components/artifacts_list_spec.js b/spec/frontend/vue_merge_request_widget/components/artifacts_list_spec.js
index 712abfe228a..d519ad2cdb0 100644
--- a/spec/frontend/vue_merge_request_widget/components/artifacts_list_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/artifacts_list_spec.js
@@ -39,10 +39,12 @@ describe('Artifacts List', () => {
   });
 
   it('renders job url', () => {
-    expect(wrapper.findAll(GlLink).at(1).attributes('href')).toEqual(data.artifacts[0].job_path);
+    expect(wrapper.findAllComponents(GlLink).at(1).attributes('href')).toEqual(
+      data.artifacts[0].job_path,
+    );
   });
 
   it('renders job name', () => {
-    expect(wrapper.findAll(GlLink).at(1).text()).toEqual(data.artifacts[0].job_name);
+    expect(wrapper.findAllComponents(GlLink).at(1).text()).toEqual(data.artifacts[0].job_name);
   });
 });
diff --git a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_commit_message_dropdown_spec.js b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_commit_message_dropdown_spec.js
index 663fabb761c..5d2d1fdd6f1 100644
--- a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_commit_message_dropdown_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_commit_message_dropdown_spec.js
@@ -40,7 +40,7 @@ describe('Commits message dropdown component', () => {
     wrapper.destroy();
   });
 
-  const findDropdownElements = () => wrapper.findAll(GlDropdownItem);
+  const findDropdownElements = () => wrapper.findAllComponents(GlDropdownItem);
   const findFirstDropdownElement = () => findDropdownElements().at(0);
 
   it('should have 3 elements in dropdown list', () => {
diff --git a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_ready_to_merge_spec.js b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_ready_to_merge_spec.js
index 6e89cd41559..bc3dbe8c351 100644
--- a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_ready_to_merge_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_ready_to_merge_spec.js
@@ -111,7 +111,7 @@ const createComponent = (
 };
 
 const findCheckboxElement = () => wrapper.find(SquashBeforeMerge);
-const findCommitEditElements = () => wrapper.findAll(CommitEdit);
+const findCommitEditElements = () => wrapper.findAllComponents(CommitEdit);
 const findCommitDropdownElement = () => wrapper.find(CommitMessageDropdown);
 const findFirstCommitEditLabel = () => findCommitEditElements().at(0).props('label');
 const findTipLink = () => wrapper.find(GlSprintf);
diff --git a/spec/frontend/vue_merge_request_widget/components/terraform/mr_widget_terraform_container_spec.js b/spec/frontend/vue_merge_request_widget/components/terraform/mr_widget_terraform_container_spec.js
index 8f20d6a8fc9..7a868eb8cc9 100644
--- a/spec/frontend/vue_merge_request_widget/components/terraform/mr_widget_terraform_container_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/terraform/mr_widget_terraform_container_spec.js
@@ -16,7 +16,8 @@ describe('MrWidgetTerraformConainer', () => {
   const propsData = { endpoint: '/path/to/terraform/report.json' };
 
   const findHeader = () => wrapper.find('[data-testid="terraform-header-text"]');
-  const findPlans = () => wrapper.findAll(TerraformPlan).wrappers.map((x) => x.props('plan'));
+  const findPlans = () =>
+    wrapper.findAllComponents(TerraformPlan).wrappers.map((x) => x.props('plan'));
 
   const mockPollingApi = (response, body, header) => {
     mock.onGet(propsData.endpoint).reply(response, body, header);
diff --git a/spec/frontend/work_items_hierarchy/components/hierarchy_spec.js b/spec/frontend/work_items_hierarchy/components/hierarchy_spec.js
index 67420e7fc2a..dca016dc317 100644
--- a/spec/frontend/work_items_hierarchy/components/hierarchy_spec.js
+++ b/spec/frontend/work_items_hierarchy/components/hierarchy_spec.js
@@ -74,7 +74,7 @@ describe('WorkItemsHierarchy Hierarchy', () => {
     });
 
     it('renders license badges for all work items', () => {
-      expect(wrapper.findAll(GlBadge)).toHaveLength(items.length);
+      expect(wrapper.findAllComponents(GlBadge)).toHaveLength(items.length);
     });
 
     it('does not render svg icon for linking', () => {