3 files changed, 10 insertions, 10 deletions

diff --git a/spec/frontend/ide/components/jobs/detail/scroll_button_spec.js b/spec/frontend/ide/components/jobs/detail/scroll_button_spec.js
index d632a34266a..5eb66f75978 100644
--- a/spec/frontend/ide/components/jobs/detail/scroll_button_spec.js
+++ b/spec/frontend/ide/components/jobs/detail/scroll_button_spec.js
@@ -27,7 +27,7 @@ describe('IDE job log scroll button', () => {
     beforeEach(() => createComponent({ direction }));
 
     it('returns proper icon name', () => {
-      expect(wrapper.find(GlIcon).props('name')).toBe(icon);
+      expect(wrapper.findComponent(GlIcon).props('name')).toBe(icon);
     });
 
     it('returns proper title', () => {
diff --git a/spec/frontend/ide/components/jobs/list_spec.js b/spec/frontend/ide/components/jobs/list_spec.js
index cb2c9f8f04f..b4c7eb51781 100644
--- a/spec/frontend/ide/components/jobs/list_spec.js
+++ b/spec/frontend/ide/components/jobs/list_spec.js
@@ -58,29 +58,29 @@ describe('IDE stages list', () => {
   it('renders loading icon when no stages & loading', () => {
     createComponent({ loading: true, stages: [] });
 
-    expect(wrapper.find(GlLoadingIcon).exists()).toBe(true);
+    expect(wrapper.findComponent(GlLoadingIcon).exists()).toBe(true);
   });
 
   it('renders stages components for each stage', () => {
     createComponent({ stages });
-    expect(wrapper.findAll(Stage).length).toBe(stages.length);
+    expect(wrapper.findAllComponents(Stage).length).toBe(stages.length);
   });
 
   it('triggers fetchJobs action when stage emits fetch event', () => {
     createComponent({ stages });
-    wrapper.find(Stage).vm.$emit('fetch');
+    wrapper.findComponent(Stage).vm.$emit('fetch');
     expect(storeActions.fetchJobs).toHaveBeenCalled();
   });
 
   it('triggers toggleStageCollapsed action when stage emits toggleCollapsed event', () => {
     createComponent({ stages });
-    wrapper.find(Stage).vm.$emit('toggleCollapsed');
+    wrapper.findComponent(Stage).vm.$emit('toggleCollapsed');
     expect(storeActions.toggleStageCollapsed).toHaveBeenCalled();
   });
 
   it('triggers setDetailJob action when stage emits clickViewLog event', () => {
     createComponent({ stages });
-    wrapper.find(Stage).vm.$emit('clickViewLog');
+    wrapper.findComponent(Stage).vm.$emit('clickViewLog');
     expect(storeActions.setDetailJob).toHaveBeenCalled();
   });
 
diff --git a/spec/frontend/ide/components/jobs/stage_spec.js b/spec/frontend/ide/components/jobs/stage_spec.js
index f158c59cd32..1d5e5743a4d 100644
--- a/spec/frontend/ide/components/jobs/stage_spec.js
+++ b/spec/frontend/ide/components/jobs/stage_spec.js
@@ -18,8 +18,8 @@ describe('IDE pipeline stage', () => {
     },
   };
 
-  const findHeader = () => wrapper.find({ ref: 'cardHeader' });
-  const findJobList = () => wrapper.find({ ref: 'jobList' });
+  const findHeader = () => wrapper.findComponent({ ref: 'cardHeader' });
+  const findJobList = () => wrapper.findComponent({ ref: 'jobList' });
 
   const createComponent = (props) => {
     wrapper = shallowMount(Stage, {
@@ -45,7 +45,7 @@ describe('IDE pipeline stage', () => {
       stage: { ...defaultProps.stage, isLoading: true, jobs: [] },
     });
 
-    expect(wrapper.find(GlLoadingIcon).exists()).toBe(true);
+    expect(wrapper.findComponent(GlLoadingIcon).exists()).toBe(true);
   });
 
   it('emits toggleCollaped event with stage id when clicking header', async () => {
@@ -60,7 +60,7 @@ describe('IDE pipeline stage', () => {
   it('emits clickViewLog entity with job', async () => {
     const [job] = defaultProps.stage.jobs;
     createComponent();
-    wrapper.findAll(Item).at(0).vm.$emit('clickViewLog', job);
+    wrapper.findAllComponents(Item).at(0).vm.$emit('clickViewLog', job);
     await nextTick();
     expect(wrapper.emitted().clickViewLog[0][0]).toBe(job);
   });