spec/javascripts/diff_notes/components/diff_note_avatars_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 Vue from 'vue';
import DiffNoteAvatars from '~/diff_notes/components/diff_note_avatars.vue';
import DiscussionModel from '~/diff_notes/models/discussion';
import { createNote } from '../mock_data';

describe('diff_note_avatars', () => {
  let vm;
  let notes;
  let discussion;

  beforeEach(() => {
    notes = jasmine.createSpyObj('notes', ['onAddDiffNote']);
    const Component = Vue.extend(DiffNoteAvatars);

    const discussionId = '1234abcd';
    discussion = new DiscussionModel(discussionId);
    discussion.createNote(createNote());

    window.CommentsStore.state = {
      [discussionId]: discussion,
    };

    vm = new Component({
      propsData: {
        discussionId: discussion.id,
      },
    }).$mount();
  });

  afterEach(() => {
    vm.$destroy();
    delete window.CommentsStore.state;
  });

  it('includes discussion ID in class name', () => {
    expect(vm.$el.classList).toContain(`js-diff-avatars-${discussion.id}`);
  });

  describe('avatars', () => {
    it('shown by default', () => {
      expect(vm.showCollapseButton).toBe(false);
      expect(vm.$el.querySelector('.diff-notes-collapse')).toBe(null);
      expect(vm.$el.querySelector('.diff-comment-avatar')).toBeTruthy();
    });
  });
});