1 files changed, 16 insertions, 13 deletions

diff --git a/spec/frontend/blob/file_template_selector_spec.js b/spec/frontend/blob/file_template_selector_spec.js
index 2ab3b3ebc82..65444e86efd 100644
--- a/spec/frontend/blob/file_template_selector_spec.js
+++ b/spec/frontend/blob/file_template_selector_spec.js
@@ -1,10 +1,11 @@
-import $ from 'jquery';
 import FileTemplateSelector from '~/blob/file_template_selector';
+import { setHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
 
 describe('FileTemplateSelector', () => {
   let subject;
-  let dropdown;
-  let wrapper;
+
+  const dropdown = '.dropdown';
+  const wrapper = '.wrapper';
 
   const createSubject = () => {
     subject = new FileTemplateSelector({});
@@ -17,13 +18,16 @@ describe('FileTemplateSelector', () => {
 
   afterEach(() => {
     subject = null;
+    resetHTMLFixture();
   });
 
   describe('show method', () => {
     beforeEach(() => {
-      dropdown = document.createElement('div');
-      wrapper = document.createElement('div');
-      wrapper.classList.add('hidden');
+      setHTMLFixture(`
+        <div class="wrapper hidden">
+          <div class="dropdown"></div>
+        </div>
+      `);
       createSubject();
     });
 
@@ -37,25 +41,24 @@ describe('FileTemplateSelector', () => {
     it('does not call init on subsequent calls', () => {
       jest.spyOn(subject, 'init');
       subject.show();
-      subject.show();
 
       expect(subject.init).toHaveBeenCalledTimes(1);
     });
 
-    it('removes hidden class from $wrapper', () => {
-      expect($(wrapper).hasClass('hidden')).toBe(true);
+    it('removes hidden class from wrapper', () => {
+      subject.init();
+      expect(subject.wrapper.classList.contains('hidden')).toBe(true);
 
       subject.show();
-
-      expect($(wrapper).hasClass('hidden')).toBe(false);
+      expect(subject.wrapper.classList.contains('hidden')).toBe(false);
     });
 
     it('sets the focus on the dropdown', async () => {
       subject.show();
-      jest.spyOn(subject.$dropdown, 'focus');
+      jest.spyOn(subject.dropdown, 'focus');
       jest.runAllTimers();
 
-      expect(subject.$dropdown.focus).toHaveBeenCalled();
+      expect(subject.dropdown.focus).toHaveBeenCalled();
     });
   });
 });