1 files changed, 63 insertions, 0 deletions
diff --git a/spec/javascripts/repo/components/ide_repo_tree_spec.js b/spec/javascripts/repo/components/ide_repo_tree_spec.js
new file mode 100644
index 00000000000..b6f70f585cd
--- /dev/null
+++ b/spec/javascripts/repo/components/ide_repo_tree_spec.js
@@ -0,0 +1,63 @@
+import Vue from 'vue';
+import store from '~/ide/stores';
+import ideRepoTree from '~/ide/components/ide_repo_tree.vue';
+import { file, resetStore } from '../helpers';
+
+describe('IdeRepoTree', () => {
+  let vm;
+
+  beforeEach(() => {
+    const IdeRepoTree = Vue.extend(ideRepoTree);
+
+    vm = new IdeRepoTree({
+      store,
+      propsData: {
+        treeId: 'abcproject/mybranch',
+      },
+    });
+
+    vm.$store.state.currentBranch = 'master';
+    vm.$store.state.isRoot = true;
+    vm.$store.state.trees['abcproject/mybranch'] = {
+      tree: [file()],
+    };
+
+    vm.$mount();
+  });
+
+  afterEach(() => {
+    vm.$destroy();
+
+    resetStore(vm.$store);
+  });
+
+  it('renders a sidebar', () => {
+    const tbody = vm.$el.querySelector('tbody');
+
+    expect(vm.$el.classList.contains('sidebar-mini')).toBeFalsy();
+    expect(tbody.querySelector('.repo-file-options')).toBeFalsy();
+    expect(tbody.querySelector('.prev-directory')).toBeFalsy();
+    expect(tbody.querySelector('.loading-file')).toBeFalsy();
+    expect(tbody.querySelector('.file')).toBeTruthy();
+  });
+
+  it('renders 5 loading files if tree is loading', (done) => {
+    vm.$store.state.loading = true;
+
+    Vue.nextTick(() => {
+      expect(vm.$el.querySelectorAll('tbody .loading-file').length).toEqual(5);
+
+      done();
+    });
+  });
+
+  it('renders a prev directory if is not root', (done) => {
+    vm.$store.state.isRoot = false;
+
+    Vue.nextTick(() => {
+      expect(vm.$el.querySelector('tbody .prev-directory')).toBeTruthy();
+
+      done();
+    });
+  });
+});