Migrate markdown header_spec.js to Jest

2 files changed, 10 insertions, 9 deletions

diff --git a/changelogs/unreleased/winh-jest-markdown-header.yml b/changelogs/unreleased/winh-jest-markdown-header.yml
new file mode 100644
index 00000000000..6bf9d75cc93
--- /dev/null
+++ b/changelogs/unreleased/winh-jest-markdown-header.yml
@@ -0,0 +1,5 @@
+---
+title: Migrate markdown header_spec.js to Jest
+merge_request: 30228
+author: Martin Hobert
+type: other
diff --git a/spec/javascripts/vue_shared/components/markdown/header_spec.js b/spec/frontend/vue_shared/components/markdown/header_spec.js
index af92e5f5ae2..aa0b544f948 100644
--- a/spec/javascripts/vue_shared/components/markdown/header_spec.js
+++ b/spec/frontend/vue_shared/components/markdown/header_spec.js
@@ -53,7 +53,7 @@ describe('Markdown field header component', () => {
   });
 
   it('emits toggle markdown event when clicking preview', () => {
-    spyOn(vm, '$emit');
+    jest.spyOn(vm, '$emit').mockImplementation();
 
     vm.$el.querySelector('.js-preview-link').click();
 
@@ -65,7 +65,7 @@ describe('Markdown field header component', () => {
   });
 
   it('does not emit toggle markdown event when triggered from another form', () => {
-    spyOn(vm, '$emit');
+    jest.spyOn(vm, '$emit').mockImplementation();
 
     $(document).triggerHandler('markdown-preview:show', [
       $(
@@ -76,17 +76,13 @@ describe('Markdown field header component', () => {
     expect(vm.$emit).not.toHaveBeenCalled();
   });
 
-  it('blurs preview link after click', done => {
+  it('blurs preview link after click', () => {
     const link = vm.$el.querySelector('li:nth-child(2) button');
-    spyOn(HTMLElement.prototype, 'blur');
+    jest.spyOn(HTMLElement.prototype, 'blur').mockImplementation();
 
     link.click();
 
-    setTimeout(() => {
-      expect(link.blur).toHaveBeenCalled();
-
-      done();
-    });
+    expect(link.blur).toHaveBeenCalled();
   });
 
   it('renders markdown table template', () => {