1 files changed, 18 insertions, 18 deletions

diff --git a/spec/frontend/vue_shared/components/gl_countdown_spec.js b/spec/frontend/vue_shared/components/gl_countdown_spec.js
index 0d1d42082ab..af53d256236 100644
--- a/spec/frontend/vue_shared/components/gl_countdown_spec.js
+++ b/spec/frontend/vue_shared/components/gl_countdown_spec.js
@@ -1,10 +1,9 @@
 import Vue, { nextTick } from 'vue';
-import mountComponent from 'helpers/vue_mount_component_helper';
+import { mount } from '@vue/test-utils';
 import GlCountdown from '~/vue_shared/components/gl_countdown.vue';
 
 describe('GlCountdown', () => {
-  const Component = Vue.extend(GlCountdown);
-  let vm;
+  let wrapper;
   let now = '2000-01-01T00:00:00Z';
 
   beforeEach(() => {
@@ -12,21 +11,20 @@ describe('GlCountdown', () => {
   });
 
   afterEach(() => {
-    vm.$destroy();
-    jest.clearAllTimers();
+    wrapper.destroy();
   });
 
   describe('when there is time remaining', () => {
     beforeEach(async () => {
-      vm = mountComponent(Component, {
-        endDateString: '2000-01-01T01:02:03Z',
+      wrapper = mount(GlCountdown, {
+        propsData: {
+          endDateString: '2000-01-01T01:02:03Z',
+        },
       });
-
-      await nextTick();
     });
 
     it('displays remaining time', () => {
-      expect(vm.$el.textContent).toContain('01:02:03');
+      expect(wrapper.text()).toContain('01:02:03');
     });
 
     it('updates remaining time', async () => {
@@ -34,21 +32,21 @@ describe('GlCountdown', () => {
       jest.advanceTimersByTime(1000);
 
       await nextTick();
-      expect(vm.$el.textContent).toContain('01:02:02');
+      expect(wrapper.text()).toContain('01:02:02');
     });
   });
 
   describe('when there is no time remaining', () => {
     beforeEach(async () => {
-      vm = mountComponent(Component, {
-        endDateString: '1900-01-01T00:00:00Z',
+      wrapper = mount(GlCountdown, {
+        propsData: {
+          endDateString: '1900-01-01T00:00:00Z',
+        },
       });
-
-      await nextTick();
     });
 
     it('displays 00:00:00', () => {
-      expect(vm.$el.textContent).toContain('00:00:00');
+      expect(wrapper.text()).toContain('00:00:00');
     });
   });
 
@@ -62,8 +60,10 @@ describe('GlCountdown', () => {
     });
 
     it('throws a validation error', () => {
-      vm = mountComponent(Component, {
-        endDateString: 'this is invalid',
+      wrapper = mount(GlCountdown, {
+        propsData: {
+          endDateString: 'this is invalid',
+        },
       });
 
       expect(Vue.config.warnHandler).toHaveBeenCalledTimes(1);