1 files changed, 112 insertions, 0 deletions
diff --git a/spec/frontend/ide/components/new_dropdown/upload_spec.js b/spec/frontend/ide/components/new_dropdown/upload_spec.js
new file mode 100644
index 00000000000..a418fdeb572
--- /dev/null
+++ b/spec/frontend/ide/components/new_dropdown/upload_spec.js
@@ -0,0 +1,112 @@
+import Vue from 'vue';
+import createComponent from 'helpers/vue_mount_component_helper';
+import upload from '~/ide/components/new_dropdown/upload.vue';
+
+describe('new dropdown upload', () => {
+  let vm;
+
+  beforeEach(() => {
+    const Component = Vue.extend(upload);
+
+    vm = createComponent(Component, {
+      path: '',
+    });
+
+    vm.entryName = 'testing';
+
+    jest.spyOn(vm, '$emit');
+  });
+
+  afterEach(() => {
+    vm.$destroy();
+  });
+
+  describe('openFile', () => {
+    it('calls for each file', () => {
+      const files = ['test', 'test2', 'test3'];
+
+      jest.spyOn(vm, 'readFile').mockImplementation(() => {});
+      jest.spyOn(vm.$refs.fileUpload, 'files', 'get').mockReturnValue(files);
+
+      vm.openFile();
+
+      expect(vm.readFile.mock.calls.length).toBe(3);
+
+      files.forEach((file, i) => {
+        expect(vm.readFile.mock.calls[i]).toEqual([file]);
+      });
+    });
+  });
+
+  describe('readFile', () => {
+    beforeEach(() => {
+      jest.spyOn(FileReader.prototype, 'readAsDataURL').mockImplementation(() => {});
+    });
+
+    it('calls readAsDataURL for all files', () => {
+      const file = {
+        type: 'images/png',
+      };
+
+      vm.readFile(file);
+
+      expect(FileReader.prototype.readAsDataURL).toHaveBeenCalledWith(file);
+    });
+  });
+
+  describe('createFile', () => {
+    const textTarget = {
+      result: 'base64,cGxhaW4gdGV4dA==',
+    };
+    const binaryTarget = {
+      result: 'base64,w4I=',
+    };
+    const textFile = new File(['plain text'], 'textFile');
+
+    const binaryFile = {
+      name: 'binaryFile',
+      type: 'image/png',
+    };
+
+    beforeEach(() => {
+      jest.spyOn(FileReader.prototype, 'readAsText');
+    });
+
+    it('calls readAsText and creates file in plain text (without encoding) if the file content is plain text', done => {
+      const waitForCreate = new Promise(resolve => vm.$on('create', resolve));
+
+      vm.createFile(textTarget, textFile);
+
+      expect(FileReader.prototype.readAsText).toHaveBeenCalledWith(textFile);
+
+      waitForCreate
+        .then(() => {
+          expect(vm.$emit).toHaveBeenCalledWith('create', {
+            name: textFile.name,
+            type: 'blob',
+            content: 'plain text',
+            base64: false,
+            binary: false,
+            rawPath: '',
+          });
+        })
+        .then(done)
+        .catch(done.fail);
+    });
+
+    it('splits content on base64 if binary', () => {
+      vm.createFile(binaryTarget, binaryFile);
+
+      expect(FileReader.prototype.readAsText).not.toHaveBeenCalledWith(textFile);
+
+      expect(vm.$emit).toHaveBeenCalledWith('create', {
+        name: binaryFile.name,
+        type: 'blob',
+        content: binaryTarget.result.split('base64,')[1],
+        base64: true,
+        binary: true,
+        rawPath: binaryTarget.result,
+      });
+    });
+  });
+});