Merge branch 'abuse-reports-module' into 'master'

Convert AbuseReports class to a module

See merge request gitlab-org/gitlab-ce!14709

app/assets/javascripts/abuse_reports.js

 const MAX_MESSAGE_LENGTH = 500;
 const MESSAGE_CELL_SELECTOR = '.abuse-reports .message';
 
-class AbuseReports {
+export default class AbuseReports {
   constructor() {
     $(MESSAGE_CELL_SELECTOR).each(this.truncateLongMessage);
     $(document)
@@ -32,6 +32,3 @@ class AbuseReports {
     }
   }
 }
-
-window.gl = window.gl || {};
-window.gl.AbuseReports = AbuseReports;

app/assets/javascripts/dispatcher.js

@@ -75,6 +75,7 @@ import initProjectVisibilitySelector from './project_visibility';
 import GpgBadges from './gpg_badges';
 import UserFeatureHelper from './helpers/user_feature_helper';
 import initChangesDropdown from './init_changes_dropdown';
+import AbuseReports from './abuse_reports';
 import { ajaxGet, convertPermissionToBoolean } from './lib/utils/common_utils';
 import AjaxLoadingSpinner from './ajax_loading_spinner';
 
@@ -561,7 +562,7 @@ import AjaxLoadingSpinner from './ajax_loading_spinner';
                   new Labels();
               }
             case 'abuse_reports':
-              new gl.AbuseReports();
+              new AbuseReports();
               break;
           }
           break;

app/assets/javascripts/main.js

@@ -54,7 +54,6 @@ import './u2f/register';
 import './u2f/util';
 
 // everything else
-import './abuse_reports';
 import './activities';
 import './admin';
 import './api';

spec/javascripts/abuse_reports_spec.js

 import '~/lib/utils/text_utility';
-import '~/abuse_reports';
+import AbuseReports from '~/abuse_reports';
 
-((global) => {
-  describe('Abuse Reports', () => {
+describe('Abuse Reports', () => {
   const FIXTURE = 'abuse_reports/abuse_reports_list.html.raw';
   const MAX_MESSAGE_LENGTH = 500;
 
@@ -17,7 +16,7 @@ import '~/abuse_reports';
 
   beforeEach(function () {
     loadFixtures(FIXTURE);
-      this.abuseReports = new global.AbuseReports();
+    this.abuseReports = new AbuseReports();
     $messages = $('.abuse-reports .message');
   });
 
@@ -39,5 +38,4 @@ import '~/abuse_reports';
     $longMessage.click();
     assertMaxLength($longMessage);
   });
-  });
-})(window.gl);
+});