Merge branch 'alert-table-classes-hotfix' into 'master'

Clean up bogus CSS classes

See merge request gitlab-org/gitlab!33038

app/assets/javascripts/alert_management/components/alert_management_list.vue

@@ -32,7 +32,7 @@ import Tracking from '~/tracking';
 
 const tdClass = 'table-col d-flex d-md-table-cell align-items-center';
 const bodyTrClass =
-  'gl-border-1 gl-border-t-solid gl-border-gray-100 hover-bg-blue-50 hover-gl-cursor-pointer hover-gl-border-b-solid hover-gl-border-blue-200';
+  'gl-border-1 gl-border-t-solid gl-border-gray-100 gl-hover-bg-blue-50 gl-hover-cursor-pointer gl-hover-border-b-solid gl-hover-border-blue-200';
 const findDefaultSortColumn = () => document.querySelector('.js-started-at');
 
 export default {

spec/frontend/alert_management/components/alert_management_list_spec.js

@@ -142,7 +142,7 @@ describe('AlertManagementList', () => {
         findAlerts()
           .at(0)
           .classes(),
-      ).not.toContain('hover-bg-blue-50');
+      ).not.toContain('gl-hover-bg-blue-50');
     });
 
     it('error state', () => {
@@ -159,7 +159,7 @@ describe('AlertManagementList', () => {
         findAlerts()
           .at(0)
           .classes(),
-      ).not.toContain('hover-bg-blue-50');
+      ).not.toContain('gl-hover-bg-blue-50');
     });
 
     it('empty state', () => {
@@ -176,7 +176,7 @@ describe('AlertManagementList', () => {
         findAlerts()
           .at(0)
           .classes(),
-      ).not.toContain('hover-bg-blue-50');
+      ).not.toContain('gl-hover-bg-blue-50');
     });
 
     it('has data state', () => {
@@ -192,7 +192,7 @@ describe('AlertManagementList', () => {
         findAlerts()
           .at(0)
           .classes(),
-      ).toContain('hover-bg-blue-50');
+      ).toContain('gl-hover-bg-blue-50');
     });
 
     it('displays status dropdown', () => {