1 files changed, 9 insertions, 4 deletions

diff --git a/spec/frontend/issues/issue_spec.js b/spec/frontend/issues/issue_spec.js
index 8a089b372ff..089ea8dbbad 100644
--- a/spec/frontend/issues/issue_spec.js
+++ b/spec/frontend/issues/issue_spec.js
@@ -1,5 +1,6 @@
 import { getByText } from '@testing-library/dom';
 import MockAdapter from 'axios-mock-adapter';
+import { loadHTMLFixture, resetHTMLFixture } from 'helpers/fixtures';
 import { EVENT_ISSUABLE_VUE_APP_CHANGE } from '~/issuable/constants';
 import Issue from '~/issues/issue';
 import axios from '~/lib/utils/axios_utils';
@@ -24,11 +25,11 @@ describe('Issue', () => {
   const getIssueCounter = () => document.querySelector('.issue_counter');
   const getOpenStatusBox = () =>
     getByText(document, (_, el) => el.textContent.match(/Open/), {
-      selector: '.status-box-open',
+      selector: '.issuable-status-badge-open',
     });
   const getClosedStatusBox = () =>
     getByText(document, (_, el) => el.textContent.match(/Closed/), {
-      selector: '.status-box-issue-closed',
+      selector: '.issuable-status-badge-closed',
     });
 
   describe.each`
@@ -38,9 +39,9 @@ describe('Issue', () => {
   `('$desc', ({ isIssueInitiallyOpen, expectedCounterText }) => {
     beforeEach(() => {
       if (isIssueInitiallyOpen) {
-        loadFixtures('issues/open-issue.html');
+        loadHTMLFixture('issues/open-issue.html');
       } else {
-        loadFixtures('issues/closed-issue.html');
+        loadHTMLFixture('issues/closed-issue.html');
       }
 
       testContext.issueCounter = getIssueCounter();
@@ -50,6 +51,10 @@ describe('Issue', () => {
       testContext.issueCounter.textContent = '1,001';
     });
 
+    afterEach(() => {
+      resetHTMLFixture();
+    });
+
     it(`has the proper visible status box when ${isIssueInitiallyOpen ? 'open' : 'closed'}`, () => {
       if (isIssueInitiallyOpen) {
         expect(testContext.statusBoxClosed).toHaveClass('hidden');