spec/frontend/ide/components/repo_tabs_spec.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

import { mount, createLocalVue } from '@vue/test-utils';
import Vuex from 'vuex';
import RepoTabs from '~/ide/components/repo_tabs.vue';
import { createStore } from '~/ide/stores';
import { file } from '../helpers';

const localVue = createLocalVue();
localVue.use(Vuex);

describe('RepoTabs', () => {
  let wrapper;
  let store;

  beforeEach(() => {
    store = createStore();
    store.state.openFiles = [file('open1'), file('open2')];

    wrapper = mount(RepoTabs, {
      propsData: {
        files: store.state.openFiles,
        viewer: 'editor',
        activeFile: file('activeFile'),
      },
      store,
      localVue,
    });
  });

  afterEach(() => {
    wrapper.destroy();
  });

  it('renders a list of tabs', (done) => {
    store.state.openFiles[0].active = true;

    wrapper.vm.$nextTick(() => {
      const tabs = [...wrapper.vm.$el.querySelectorAll('.multi-file-tab')];

      expect(tabs.length).toEqual(2);
      expect(tabs[0].parentNode.classList.contains('active')).toEqual(true);
      expect(tabs[1].parentNode.classList.contains('active')).toEqual(false);

      done();
    });
  });
});