spec/javascripts/repo/components/repo_editor_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

import Vue from 'vue';
import repoEditor from '~/repo/components/repo_editor.vue';
import RepoStore from '~/repo/stores/repo_store';

describe('RepoEditor', () => {
  function createComponent() {
    const RepoEditor = Vue.extend(repoEditor);

    return new RepoEditor().$mount();
  }

  it('renders an ide container', () => {
    const monacoInstance = jasmine.createSpyObj('monacoInstance', ['onMouseUp', 'onKeyUp', 'setModel', 'updateOptions']);
    const monaco = {
      editor: jasmine.createSpyObj('editor', ['create']),
    };
    RepoStore.monaco = monaco;

    monaco.editor.create.and.returnValue(monacoInstance);
    spyOn(repoEditor.watch, 'blobRaw');

    const vm = createComponent();

    expect(vm.$el.id).toEqual('ide');
  });
});