Setup dispatcher require failtestsContext-error-example-for-mike

3 files changed, 424 insertions, 428 deletions

diff --git a/app/assets/javascripts/dispatcher.js b/app/assets/javascripts/dispatcher.js
index 360a1a237f7..996a2cad0ff 100644
--- a/app/assets/javascripts/dispatcher.js
+++ b/app/assets/javascripts/dispatcher.js
@@ -57,462 +57,452 @@ import GfmAutoComplete from './gfm_auto_complete';
 
 const ShortcutsBlob = require('./shortcuts_blob');
 
-(function() {
-  var Dispatcher;
+function Dispatcher() {
+  this.initSearch();
+  this.initFieldErrors();
+  this.initPageScripts();
+}
 
-  $(function() {
-    return new Dispatcher();
-  });
+Dispatcher.prototype.initPageScripts = function() {
+  var page, path, shortcut_handler, fileBlobPermalinkUrlElement, fileBlobPermalinkUrl;
+  page = $('body').attr('data-page');
+  if (!page) {
+    return false;
+  }
+  path = page.split(':');
+  shortcut_handler = null;
 
-  Dispatcher = (function() {
-    function Dispatcher() {
-      this.initSearch();
-      this.initFieldErrors();
-      this.initPageScripts();
-    }
+  new GfmAutoComplete(gl.GfmAutoComplete && gl.GfmAutoComplete.dataSources).setup();
 
-    Dispatcher.prototype.initPageScripts = function() {
-      var page, path, shortcut_handler, fileBlobPermalinkUrlElement, fileBlobPermalinkUrl;
-      page = $('body').attr('data-page');
-      if (!page) {
-        return false;
-      }
-      path = page.split(':');
-      shortcut_handler = null;
+  function initBlob() {
+    new LineHighlighter();
 
-      new GfmAutoComplete(gl.GfmAutoComplete && gl.GfmAutoComplete.dataSources).setup();
+    new BlobLinePermalinkUpdater(
+      document.querySelector('#blob-content-holder'),
+      '.diff-line-num[data-line-number]',
+      document.querySelectorAll('.js-data-file-blob-permalink-url, .js-blob-blame-link'),
+    );
 
-      function initBlob() {
-        new LineHighlighter();
+    shortcut_handler = new ShortcutsNavigation();
+    fileBlobPermalinkUrlElement = document.querySelector('.js-data-file-blob-permalink-url');
+    fileBlobPermalinkUrl = fileBlobPermalinkUrlElement && fileBlobPermalinkUrlElement.getAttribute('href');
+    new ShortcutsBlob({
+      skipResetBindings: true,
+      fileBlobPermalinkUrl,
+    });
 
-        new BlobLinePermalinkUpdater(
-          document.querySelector('#blob-content-holder'),
-          '.diff-line-num[data-line-number]',
-          document.querySelectorAll('.js-data-file-blob-permalink-url, .js-blob-blame-link'),
-        );
+    new BlobForkSuggestion({
+      openButtons: document.querySelectorAll('.js-edit-blob-link-fork-toggler'),
+      forkButtons: document.querySelectorAll('.js-fork-suggestion-button'),
+      cancelButtons: document.querySelectorAll('.js-cancel-fork-suggestion-button'),
+      suggestionSections: document.querySelectorAll('.js-file-fork-suggestion-section'),
+      actionTextPieces: document.querySelectorAll('.js-file-fork-suggestion-section-action'),
+    })
+      .init();
+  }
 
-        shortcut_handler = new ShortcutsNavigation();
-        fileBlobPermalinkUrlElement = document.querySelector('.js-data-file-blob-permalink-url');
-        fileBlobPermalinkUrl = fileBlobPermalinkUrlElement && fileBlobPermalinkUrlElement.getAttribute('href');
-        new ShortcutsBlob({
-          skipResetBindings: true,
-          fileBlobPermalinkUrl,
-        });
+  switch (page) {
+    case 'sessions:new':
+      new UsernameValidator();
+      new ActiveTabMemoizer();
+      break;
+    case 'projects:boards:show':
+    case 'projects:boards:index':
+      shortcut_handler = new ShortcutsNavigation();
+      new UsersSelect();
+      break;
+    case 'projects:builds:show':
+      new Build();
+      break;
+    case 'projects:merge_requests:index':
+    case 'projects:issues:index':
+      if (gl.FilteredSearchManager) {
+        new gl.FilteredSearchManager(page === 'projects:issues:index' ? 'issues' : 'merge_requests');
+      }
+      Issuable.init();
+      new gl.IssuableBulkActions({
+        prefixId: page === 'projects:merge_requests:index' ? 'merge_request_' : 'issue_',
+      });
+      shortcut_handler = new ShortcutsNavigation();
+      new UsersSelect();
+      break;
+    case 'projects:issues:show':
+      new Issue();
+      shortcut_handler = new ShortcutsIssuable();
+      new ZenMode();
+      break;
+    case 'projects:milestones:show':
+    case 'groups:milestones:show':
+    case 'dashboard:milestones:show':
+      new Milestone();
+      new Sidebar();
+      break;
+    case 'groups:issues':
+    case 'groups:merge_requests':
+      new UsersSelect();
+      break;
+    case 'dashboard:todos:index':
+      new gl.Todos();
+      break;
+    case 'dashboard:projects:index':
+    case 'dashboard:projects:starred':
+    case 'explore:projects:index':
+    case 'explore:projects:trending':
+    case 'explore:projects:starred':
+    case 'admin:projects:index':
+      new ProjectsList();
+      break;
+    case 'dashboard:groups:index':
+      new GroupsList();
+      break;
+    case 'explore:groups:index':
+      new GroupsList();
 
-        new BlobForkSuggestion({
-          openButtons: document.querySelectorAll('.js-edit-blob-link-fork-toggler'),
-          forkButtons: document.querySelectorAll('.js-fork-suggestion-button'),
-          cancelButtons: document.querySelectorAll('.js-cancel-fork-suggestion-button'),
-          suggestionSections: document.querySelectorAll('.js-file-fork-suggestion-section'),
-          actionTextPieces: document.querySelectorAll('.js-file-fork-suggestion-section-action'),
-        })
-          .init();
+      const landingElement = document.querySelector('.js-explore-groups-landing');
+      if (!landingElement) break;
+      const exploreGroupsLanding = new Landing(
+        landingElement,
+        landingElement.querySelector('.dismiss-button'),
+        'explore_groups_landing_dismissed',
+      );
+      exploreGroupsLanding.toggle();
+      break;
+    case 'projects:milestones:new':
+    case 'projects:milestones:edit':
+    case 'projects:milestones:update':
+    case 'groups:milestones:new':
+    case 'groups:milestones:edit':
+    case 'groups:milestones:update':
+      new ZenMode();
+      new gl.DueDateSelectors();
+      new gl.GLForm($('.milestone-form'));
+      break;
+    case 'projects:compare:show':
+      new gl.Diff();
+      break;
+    case 'projects:branches:index':
+      gl.AjaxLoadingSpinner.init();
+      new DeleteModal();
+      break;
+    case 'projects:issues:new':
+    case 'projects:issues:edit':
+      shortcut_handler = new ShortcutsNavigation();
+      new gl.GLForm($('.issue-form'));
+      new IssuableForm($('.issue-form'));
+      new LabelsSelect();
+      new MilestoneSelect();
+      new gl.IssuableTemplateSelectors();
+      break;
+    case 'projects:merge_requests:new':
+    case 'projects:merge_requests:new_diffs':
+    case 'projects:merge_requests:edit':
+      new gl.Diff();
+      shortcut_handler = new ShortcutsNavigation();
+      new gl.GLForm($('.merge-request-form'));
+      new IssuableForm($('.merge-request-form'));
+      new LabelsSelect();
+      new MilestoneSelect();
+      new gl.IssuableTemplateSelectors();
+      new AutoWidthDropdownSelect($('.js-target-branch-select')).init();
+      break;
+    case 'projects:tags:new':
+      new ZenMode();
+      new gl.GLForm($('.tag-form'));
+      new RefSelectDropdown($('.js-branch-select'), window.gl.availableRefs);
+      break;
+    case 'projects:releases:edit':
+      new ZenMode();
+      new gl.GLForm($('.release-form'));
+      break;
+    case 'projects:merge_requests:show':
+      new gl.Diff();
+      shortcut_handler = new ShortcutsIssuable(true);
+      new ZenMode();
+      break;
+    case "projects:merge_requests:diffs":
+      new gl.Diff();
+      new ZenMode();
+      break;
+    case 'dashboard:activity':
+      new gl.Activities();
+      break;
+    case 'dashboard:issues':
+    case 'dashboard:merge_requests':
+      new UsersSelect();
+      break;
+    case 'projects:commit:show':
+      new Commit();
+      new gl.Diff();
+      new ZenMode();
+      shortcut_handler = new ShortcutsNavigation();
+      new MiniPipelineGraph({
+        container: '.js-commit-pipeline-graph',
+      }).bindEvents();
+      break;
+    case 'projects:commit:pipelines':
+      new MiniPipelineGraph({
+        container: '.js-commit-pipeline-graph',
+      }).bindEvents();
+      break;
+    case 'projects:commits:show':
+    case 'projects:activity':
+      shortcut_handler = new ShortcutsNavigation();
+      break;
+    case 'projects:show':
+      shortcut_handler = new ShortcutsNavigation();
+      new NotificationsForm();
+      if ($('#tree-slider').length) {
+        new TreeView();
       }
+      if ($('.blob-viewer').length) {
+        new BlobViewer();
+      }
+      break;
+    case 'projects:pipelines:builds':
+    case 'projects:pipelines:failures':
+    case 'projects:pipelines:show':
+      const { controllerAction } = document.querySelector('.js-pipeline-container').dataset;
+      const pipelineStatusUrl = `${document.querySelector('.js-pipeline-tab-link a').getAttribute('href')}/status.json`;
 
-      switch (page) {
-        case 'sessions:new':
-          new UsernameValidator();
-          new ActiveTabMemoizer();
+      new Pipelines({
+        initTabs: true,
+        pipelineStatusUrl,
+        tabsOptions: {
+          action: controllerAction,
+          defaultAction: 'pipelines',
+          parentEl: '.pipelines-tabs',
+        },
+      });
+      break;
+    case 'groups:activity':
+      new gl.Activities();
+      break;
+    case 'groups:show':
+      shortcut_handler = new ShortcutsNavigation();
+      new NotificationsForm();
+      new NotificationsDropdown();
+      new ProjectsList();
+      break;
+    case 'groups:group_members:index':
+      new gl.MemberExpirationDate();
+      new gl.Members();
+      new UsersSelect();
+      break;
+    case 'projects:members:show':
+      new gl.MemberExpirationDate('.js-access-expiration-date-groups');
+      new GroupsSelect();
+      new gl.MemberExpirationDate();
+      new gl.Members();
+      new UsersSelect();
+      break;
+    case 'groups:new':
+    case 'admin:groups:new':
+    case 'groups:create':
+    case 'admin:groups:create':
+      BindInOut.initAll();
+      new Group();
+      new GroupAvatar();
+      break;
+    case 'groups:edit':
+    case 'admin:groups:edit':
+      new GroupAvatar();
+      break;
+    case 'projects:tree:show':
+      shortcut_handler = new ShortcutsNavigation();
+      new TreeView();
+      new BlobViewer();
+      gl.TargetBranchDropDown.bootstrap();
+      break;
+    case 'projects:find_file:show':
+      shortcut_handler = true;
+      break;
+    case 'projects:blob:new':
+      gl.TargetBranchDropDown.bootstrap();
+      break;
+    case 'projects:blob:create':
+      gl.TargetBranchDropDown.bootstrap();
+      break;
+    case 'projects:blob:show':
+      new BlobViewer();
+      gl.TargetBranchDropDown.bootstrap();
+      initBlob();
+      break;
+    case 'projects:blob:edit':
+      gl.TargetBranchDropDown.bootstrap();
+      break;
+    case 'projects:blame:show':
+      initBlob();
+      break;
+    case 'groups:labels:new':
+    case 'groups:labels:edit':
+    case 'projects:labels:new':
+    case 'projects:labels:edit':
+      new Labels();
+      break;
+    case 'projects:labels:index':
+      if ($('.prioritized-labels').length) {
+        new gl.LabelManager();
+      }
+      break;
+    case 'projects:network:show':
+      // Ensure we don't create a particular shortcut handler here. This is
+      // already created, where the network graph is created.
+      shortcut_handler = true;
+      break;
+    case 'projects:forks:new':
+      new ProjectFork();
+      break;
+    case 'projects:artifacts:browse':
+      new BuildArtifacts();
+      break;
+    case 'projects:artifacts:file':
+      new BlobViewer();
+      break;
+    case 'help:index':
+      gl.VersionCheckImage.bindErrorEvent($('img.js-version-status-badge'));
+      break;
+    case 'search:show':
+      new Search();
+      break;
+    case 'projects:repository:show':
+      // Initialize Protected Branch Settings
+      new gl.ProtectedBranchCreate();
+      new gl.ProtectedBranchEditList();
+      // Initialize Protected Tag Settings
+      new ProtectedTagCreate();
+      new ProtectedTagEditList();
+      break;
+    case 'projects:ci_cd:show':
+      new gl.ProjectVariables();
+      break;
+    case 'ci:lints:create':
+    case 'ci:lints:show':
+      new gl.CILintEditor();
+      break;
+    case 'users:show':
+      new UserCallout();
+      break;
+    case 'snippets:show':
+      new LineHighlighter();
+      new BlobViewer();
+      break;
+    case 'import:fogbugz:new_user_map':
+      new UsersSelect();
+      break;
+  }
+  switch (path.first()) {
+    case 'sessions':
+    case 'omniauth_callbacks':
+      if (!gon.u2f) break;
+      gl.u2fAuthenticate = new gl.U2FAuthenticate(
+        $('#js-authenticate-u2f'),
+        '#js-login-u2f-form',
+        gon.u2f,
+        document.querySelector('#js-login-2fa-device'),
+        document.querySelector('.js-2fa-form'),
+      );
+      gl.u2fAuthenticate.start();
+    case 'admin':
+      new Admin();
+      switch (path[1]) {
+        case 'cohorts':
+          new gl.UsagePing();
           break;
-        case 'projects:boards:show':
-        case 'projects:boards:index':
-          shortcut_handler = new ShortcutsNavigation();
+        case 'groups':
           new UsersSelect();
           break;
-        case 'projects:builds:show':
-          new Build();
+        case 'projects':
+          new NamespaceSelects();
           break;
-        case 'projects:merge_requests:index':
-        case 'projects:issues:index':
-          if (gl.FilteredSearchManager) {
-            new gl.FilteredSearchManager(page === 'projects:issues:index' ? 'issues' : 'merge_requests');
+        case 'labels':
+          switch (path[2]) {
+            case 'new':
+            case 'edit':
+              new Labels();
           }
-          Issuable.init();
-          new gl.IssuableBulkActions({
-            prefixId: page === 'projects:merge_requests:index' ? 'merge_request_' : 'issue_',
-          });
-          shortcut_handler = new ShortcutsNavigation();
-          new UsersSelect();
-          break;
-        case 'projects:issues:show':
-          new Issue();
-          shortcut_handler = new ShortcutsIssuable();
-          new ZenMode();
-          break;
-        case 'projects:milestones:show':
-        case 'groups:milestones:show':
-        case 'dashboard:milestones:show':
-          new Milestone();
-          new Sidebar();
-          break;
-        case 'groups:issues':
-        case 'groups:merge_requests':
-          new UsersSelect();
+        case 'abuse_reports':
+          new gl.AbuseReports();
           break;
-        case 'dashboard:todos:index':
-          new gl.Todos();
-          break;
-        case 'dashboard:projects:index':
-        case 'dashboard:projects:starred':
-        case 'explore:projects:index':
-        case 'explore:projects:trending':
-        case 'explore:projects:starred':
-        case 'admin:projects:index':
-          new ProjectsList();
-          break;
-        case 'dashboard:groups:index':
-          new GroupsList();
-          break;
-        case 'explore:groups:index':
-          new GroupsList();
-
-          const landingElement = document.querySelector('.js-explore-groups-landing');
-          if (!landingElement) break;
-          const exploreGroupsLanding = new Landing(
-            landingElement,
-            landingElement.querySelector('.dismiss-button'),
-            'explore_groups_landing_dismissed',
-          );
-          exploreGroupsLanding.toggle();
-          break;
-        case 'projects:milestones:new':
-        case 'projects:milestones:edit':
-        case 'projects:milestones:update':
-        case 'groups:milestones:new':
-        case 'groups:milestones:edit':
-        case 'groups:milestones:update':
-          new ZenMode();
-          new gl.DueDateSelectors();
-          new gl.GLForm($('.milestone-form'));
-          break;
-        case 'projects:compare:show':
-          new gl.Diff();
-          break;
-        case 'projects:branches:index':
-          gl.AjaxLoadingSpinner.init();
-          new DeleteModal();
-          break;
-        case 'projects:issues:new':
-        case 'projects:issues:edit':
-          shortcut_handler = new ShortcutsNavigation();
-          new gl.GLForm($('.issue-form'));
-          new IssuableForm($('.issue-form'));
-          new LabelsSelect();
-          new MilestoneSelect();
-          new gl.IssuableTemplateSelectors();
-          break;
-        case 'projects:merge_requests:new':
-        case 'projects:merge_requests:new_diffs':
-        case 'projects:merge_requests:edit':
-          new gl.Diff();
+      }
+      break;
+    case 'dashboard':
+    case 'root':
+      new UserCallout();
+      break;
+    case 'groups':
+      new GroupName();
+      break;
+    case 'profiles':
+      new NotificationsForm();
+      new NotificationsDropdown();
+      break;
+    case 'projects':
+      new Project();
+      new ProjectAvatar();
+      new GroupName();
+      switch (path[1]) {
+        case 'compare':
+          new CompareAutocomplete();
+          break;
+        case 'edit':
           shortcut_handler = new ShortcutsNavigation();
-          new gl.GLForm($('.merge-request-form'));
-          new IssuableForm($('.merge-request-form'));
-          new LabelsSelect();
-          new MilestoneSelect();
-          new gl.IssuableTemplateSelectors();
-          new AutoWidthDropdownSelect($('.js-target-branch-select')).init();
-          break;
-        case 'projects:tags:new':
-          new ZenMode();
-          new gl.GLForm($('.tag-form'));
-          new RefSelectDropdown($('.js-branch-select'), window.gl.availableRefs);
-          break;
-        case 'projects:releases:edit':
-          new ZenMode();
-          new gl.GLForm($('.release-form'));
-          break;
-        case 'projects:merge_requests:show':
-          new gl.Diff();
-          shortcut_handler = new ShortcutsIssuable(true);
-          new ZenMode();
+          new ProjectNew();
           break;
-        case "projects:merge_requests:diffs":
-          new gl.Diff();
-          new ZenMode();
-          break;
-        case 'dashboard:activity':
-          new gl.Activities();
+        case 'new':
+          new ProjectNew();
           break;
-        case 'dashboard:issues':
-        case 'dashboard:merge_requests':
-          new UsersSelect();
+        case 'show':
+          new Star();
+          new ProjectNew();
+          new ProjectShow();
+          new NotificationsDropdown();
           break;
-        case 'projects:commit:show':
-          new Commit();
-          new gl.Diff();
+        case 'wikis':
+          new gl.Wikis();
+          shortcut_handler = new ShortcutsWiki();
           new ZenMode();
-          shortcut_handler = new ShortcutsNavigation();
-          new MiniPipelineGraph({
-            container: '.js-commit-pipeline-graph',
-          }).bindEvents();
-          break;
-        case 'projects:commit:pipelines':
-          new MiniPipelineGraph({
-            container: '.js-commit-pipeline-graph',
-          }).bindEvents();
+          new gl.GLForm($('.wiki-form'));
           break;
-        case 'projects:commits:show':
-        case 'projects:activity':
+        case 'snippets':
           shortcut_handler = new ShortcutsNavigation();
-          break;
-        case 'projects:show':
-          shortcut_handler = new ShortcutsNavigation();
-          new NotificationsForm();
-          if ($('#tree-slider').length) {
-            new TreeView();
-          }
-          if ($('.blob-viewer').length) {
+          if (path[2] === 'show') {
+            new ZenMode();
+            new LineHighlighter();
             new BlobViewer();
           }
           break;
-        case 'projects:pipelines:builds':
-        case 'projects:pipelines:failures':
-        case 'projects:pipelines:show':
-          const { controllerAction } = document.querySelector('.js-pipeline-container').dataset;
-          const pipelineStatusUrl = `${document.querySelector('.js-pipeline-tab-link a').getAttribute('href')}/status.json`;
-
-          new Pipelines({
-            initTabs: true,
-            pipelineStatusUrl,
-            tabsOptions: {
-              action: controllerAction,
-              defaultAction: 'pipelines',
-              parentEl: '.pipelines-tabs',
-            },
-          });
-          break;
-        case 'groups:activity':
-          new gl.Activities();
-          break;
-        case 'groups:show':
+        case 'labels':
+        case 'graphs':
+        case 'compare':
+        case 'pipelines':
+        case 'forks':
+        case 'milestones':
+        case 'project_members':
+        case 'deploy_keys':
+        case 'builds':
+        case 'hooks':
+        case 'services':
+        case 'protected_branches':
           shortcut_handler = new ShortcutsNavigation();
-          new NotificationsForm();
-          new NotificationsDropdown();
-          new ProjectsList();
-          break;
-        case 'groups:group_members:index':
-          new gl.MemberExpirationDate();
-          new gl.Members();
-          new UsersSelect();
-          break;
-        case 'projects:members:show':
-          new gl.MemberExpirationDate('.js-access-expiration-date-groups');
-          new GroupsSelect();
-          new gl.MemberExpirationDate();
-          new gl.Members();
-          new UsersSelect();
-          break;
-        case 'groups:new':
-        case 'admin:groups:new':
-        case 'groups:create':
-        case 'admin:groups:create':
-          BindInOut.initAll();
-          new Group();
-          new GroupAvatar();
-          break;
-        case 'groups:edit':
-        case 'admin:groups:edit':
-          new GroupAvatar();
-          break;
-        case 'projects:tree:show':
-          shortcut_handler = new ShortcutsNavigation();
-          new TreeView();
-          new BlobViewer();
-          gl.TargetBranchDropDown.bootstrap();
-          break;
-        case 'projects:find_file:show':
-          shortcut_handler = true;
-          break;
-        case 'projects:blob:new':
-          gl.TargetBranchDropDown.bootstrap();
-          break;
-        case 'projects:blob:create':
-          gl.TargetBranchDropDown.bootstrap();
-          break;
-        case 'projects:blob:show':
-          new BlobViewer();
-          gl.TargetBranchDropDown.bootstrap();
-          initBlob();
-          break;
-        case 'projects:blob:edit':
-          gl.TargetBranchDropDown.bootstrap();
-          break;
-        case 'projects:blame:show':
-          initBlob();
-          break;
-        case 'groups:labels:new':
-        case 'groups:labels:edit':
-        case 'projects:labels:new':
-        case 'projects:labels:edit':
-          new Labels();
-          break;
-        case 'projects:labels:index':
-          if ($('.prioritized-labels').length) {
-            new gl.LabelManager();
-          }
-          break;
-        case 'projects:network:show':
-          // Ensure we don't create a particular shortcut handler here. This is
-          // already created, where the network graph is created.
-          shortcut_handler = true;
-          break;
-        case 'projects:forks:new':
-          new ProjectFork();
-          break;
-        case 'projects:artifacts:browse':
-          new BuildArtifacts();
-          break;
-        case 'projects:artifacts:file':
-          new BlobViewer();
-          break;
-        case 'help:index':
-          gl.VersionCheckImage.bindErrorEvent($('img.js-version-status-badge'));
-          break;
-        case 'search:show':
-          new Search();
-          break;
-        case 'projects:repository:show':
-          // Initialize Protected Branch Settings
-          new gl.ProtectedBranchCreate();
-          new gl.ProtectedBranchEditList();
-          // Initialize Protected Tag Settings
-          new ProtectedTagCreate();
-          new ProtectedTagEditList();
-          break;
-        case 'projects:ci_cd:show':
-          new gl.ProjectVariables();
-          break;
-        case 'ci:lints:create':
-        case 'ci:lints:show':
-          new gl.CILintEditor();
-          break;
-        case 'users:show':
-          new UserCallout();
-          break;
-        case 'snippets:show':
-          new LineHighlighter();
-          new BlobViewer();
-          break;
-        case 'import:fogbugz:new_user_map':
-          new UsersSelect();
-          break;
-      }
-      switch (path.first()) {
-        case 'sessions':
-        case 'omniauth_callbacks':
-          if (!gon.u2f) break;
-          gl.u2fAuthenticate = new gl.U2FAuthenticate(
-            $('#js-authenticate-u2f'),
-            '#js-login-u2f-form',
-            gon.u2f,
-            document.querySelector('#js-login-2fa-device'),
-            document.querySelector('.js-2fa-form'),
-          );
-          gl.u2fAuthenticate.start();
-        case 'admin':
-          new Admin();
-          switch (path[1]) {
-            case 'cohorts':
-              new gl.UsagePing();
-              break;
-            case 'groups':
-              new UsersSelect();
-              break;
-            case 'projects':
-              new NamespaceSelects();
-              break;
-            case 'labels':
-              switch (path[2]) {
-                case 'new':
-                case 'edit':
-                  new Labels();
-              }
-            case 'abuse_reports':
-              new gl.AbuseReports();
-              break;
-          }
-          break;
-        case 'dashboard':
-        case 'root':
-          new UserCallout();
-          break;
-        case 'groups':
-          new GroupName();
-          break;
-        case 'profiles':
-          new NotificationsForm();
-          new NotificationsDropdown();
-          break;
-        case 'projects':
-          new Project();
-          new ProjectAvatar();
-          new GroupName();
-          switch (path[1]) {
-            case 'compare':
-              new CompareAutocomplete();
-              break;
-            case 'edit':
-              shortcut_handler = new ShortcutsNavigation();
-              new ProjectNew();
-              break;
-            case 'new':
-              new ProjectNew();
-              break;
-            case 'show':
-              new Star();
-              new ProjectNew();
-              new ProjectShow();
-              new NotificationsDropdown();
-              break;
-            case 'wikis':
-              new gl.Wikis();
-              shortcut_handler = new ShortcutsWiki();
-              new ZenMode();
-              new gl.GLForm($('.wiki-form'));
-              break;
-            case 'snippets':
-              shortcut_handler = new ShortcutsNavigation();
-              if (path[2] === 'show') {
-                new ZenMode();
-                new LineHighlighter();
-                new BlobViewer();
-              }
-              break;
-            case 'labels':
-            case 'graphs':
-            case 'compare':
-            case 'pipelines':
-            case 'forks':
-            case 'milestones':
-            case 'project_members':
-            case 'deploy_keys':
-            case 'builds':
-            case 'hooks':
-            case 'services':
-            case 'protected_branches':
-              shortcut_handler = new ShortcutsNavigation();
-          }
-      }
-      // If we haven't installed a custom shortcut handler, install the default one
-      if (!shortcut_handler) {
-        new Shortcuts();
       }
-    };
+  }
+  // If we haven't installed a custom shortcut handler, install the default one
+  if (!shortcut_handler) {
+    new Shortcuts();
+  }
+};
 
-    Dispatcher.prototype.initSearch = function() {
-      // Only when search form is present
-      if ($('.search').length) {
-        return new gl.SearchAutocomplete();
-      }
-    };
+Dispatcher.prototype.initSearch = function() {
+  // Only when search form is present
+  if ($('.search').length) {
+    return new gl.SearchAutocomplete();
+  }
+};
 
-    Dispatcher.prototype.initFieldErrors = function() {
-      $('.gl-show-field-errors').each((i, form) => {
-        new gl.GlFieldErrors(form);
-      });
-    };
+Dispatcher.prototype.initFieldErrors = function() {
+  $('.gl-show-field-errors').each((i, form) => {
+    new gl.GlFieldErrors(form);
+  });
+};
 
-    return Dispatcher;
-  })();
-}).call(window);
+export default Dispatcher;
diff --git a/spec/javascripts/dispatcher_spec.js b/spec/javascripts/dispatcher_spec.js
new file mode 100644
index 00000000000..c4e4e0f00c7
--- /dev/null
+++ b/spec/javascripts/dispatcher_spec.js
@@ -0,0 +1,5 @@
+import Dispatcher from '~/dispatcher';
+
+fdescribe('Dispatcher', () => {
+  it('does stuff', () => new Dispatcher());
+});
diff --git a/spec/javascripts/test_bundle.js b/spec/javascripts/test_bundle.js
index 0464b5d2329..1abc82dac70 100644
--- a/spec/javascripts/test_bundle.js
+++ b/spec/javascripts/test_bundle.js
@@ -21,6 +21,7 @@ testsContext.keys().forEach(function (path) {
     testsContext(path);
   } catch (err) {
     console.error('[ERROR] Unable to load spec: ', path);
+    console.error(err);
     describe('Test bundle', function () {
       it(`includes '${path}'`, function () {
         expect(err).toBeNull();