Refactored JS

Added spec

3 files changed, 45 insertions, 36 deletions

diff --git a/app/assets/javascripts/blob/blob_ci_yaml.js.es6 b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
index 62e686b8d9b..37531aaec9b 100644
--- a/app/assets/javascripts/blob/blob_ci_yaml.js.es6
+++ b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
@@ -38,40 +38,4 @@
 
   global.BlobCiYamlSelectors = BlobCiYamlSelectors;
 
-    class BlobDockerfileSelector extends gl.TemplateSelector {
-        requestFile(query) {
-            return Api.dockerfileYml(query.name, this.requestFileSuccess.bind(this));
-        }
-
-        requestFileSuccess(file) {
-            return super.requestFileSuccess(file);
-        }
-    }
-
-    global.BlobDockerfileSelector = BlobDockerfileSelector;
-
-    class BlobDockerfileSelectors {
-        constructor({ editor, $dropdowns } = {}) {
-            this.editor = editor;
-            this.$dropdowns = $dropdowns || $('.js-dockerfile-selector');
-            this.initSelectors();
-        }
-
-        initSelectors() {
-            const editor = this.editor;
-            this.$dropdowns.each((i, dropdown) => {
-                const $dropdown = $(dropdown);
-                return new BlobDockerfileSelector({
-                    editor,
-                    pattern: /(Dockerfile)/,
-                    data: $dropdown.data('data'),
-                    wrapper: $dropdown.closest('.js-dockerfile-selector-wrap'),
-                    dropdown: $dropdown
-                });
-            });
-        }
-    }
-
-    global.BlobDockerfileSelectors = BlobDockerfileSelectors;
-
 })(window.gl || (window.gl = {}));
diff --git a/app/assets/javascripts/blob/blob_dockerfile_selector.js.es6 b/app/assets/javascripts/blob/blob_dockerfile_selector.js.es6
new file mode 100644
index 00000000000..bdf95017613
--- /dev/null
+++ b/app/assets/javascripts/blob/blob_dockerfile_selector.js.es6
@@ -0,0 +1,18 @@
+/* global Api */
+/*= require blob/template_selector */
+
+(() => {
+  const global = window.gl || (window.gl = {});
+
+  class BlobDockerfileSelector extends gl.TemplateSelector {
+    requestFile(query) {
+      return Api.dockerfileYml(query.name, this.requestFileSuccess.bind(this));
+    }
+
+    requestFileSuccess(file) {
+      return super.requestFileSuccess(file);
+    }
+  }
+
+  global.BlobDockerfileSelector = BlobDockerfileSelector;
+})();
diff --git a/app/assets/javascripts/blob/blob_dockerfile_selectors.js.es6 b/app/assets/javascripts/blob/blob_dockerfile_selectors.js.es6
new file mode 100644
index 00000000000..9cee79fa5d5
--- /dev/null
+++ b/app/assets/javascripts/blob/blob_dockerfile_selectors.js.es6
@@ -0,0 +1,27 @@
+(() => {
+  const global = window.gl || (window.gl = {});
+
+  class BlobDockerfileSelectors {
+    constructor({ editor, $dropdowns } = {}) {
+      this.editor = editor;
+      this.$dropdowns = $dropdowns || $('.js-dockerfile-selector');
+      this.initSelectors();
+    }
+
+    initSelectors() {
+      const editor = this.editor;
+      this.$dropdowns.each((i, dropdown) => {
+        const $dropdown = $(dropdown);
+        return new gl.BlobDockerfileSelector({
+          editor,
+          pattern: /(Dockerfile)/,
+          data: $dropdown.data('data'),
+          wrapper: $dropdown.closest('.js-dockerfile-selector-wrap'),
+          dropdown: $dropdown,
+        });
+      });
+    }
+  }
+
+  global.BlobDockerfileSelectors = BlobDockerfileSelectors;
+})();