1 files changed, 5 insertions, 6 deletions
diff --git a/spec/frontend/performance_bar/index_spec.js b/spec/frontend/performance_bar/index_spec.js
index bcd2cbbd530..8d9c32b7f12 100644
--- a/spec/frontend/performance_bar/index_spec.js
+++ b/spec/frontend/performance_bar/index_spec.js
@@ -4,25 +4,23 @@ import '~/performance_bar/components/performance_bar_app.vue';
 import performanceBar from '~/performance_bar';
 import PerformanceBarService from '~/performance_bar/services/performance_bar_service';
 
+jest.mock('~/performance_bar/performance_bar_log');
+
 describe('performance bar wrapper', () => {
   let mock;
   let vm;
 
   beforeEach(() => {
+    setFixtures('<div id="js-peek"></div>');
+    const peekWrapper = document.getElementById('js-peek');
     performance.getEntriesByType = jest.fn().mockReturnValue([]);
 
-    // clear html so that elements from previous tests don't mess with this test
-    document.body.innerHTML = '';
-    const peekWrapper = document.createElement('div');
-
     peekWrapper.setAttribute('id', 'js-peek');
     peekWrapper.setAttribute('data-env', 'development');
     peekWrapper.setAttribute('data-request-id', '123');
     peekWrapper.setAttribute('data-peek-url', '/-/peek/results');
     peekWrapper.setAttribute('data-profile-url', '?lineprofiler=true');
 
-    document.body.appendChild(peekWrapper);
-
     mock = new MockAdapter(axios);
 
     mock.onGet('/-/peek/results').reply(
@@ -48,6 +46,7 @@ describe('performance bar wrapper', () => {
 
   afterEach(() => {
     vm.$destroy();
+    document.getElementById('js-peek').remove();
     mock.restore();
   });