BigW Consortium Gitlab

title_spec.js 1.56 KB
Newer Older
1
import Vue from 'vue';
2
import Store from '~/issue_show/stores';
3 4 5 6 7 8 9
import titleComponent from '~/issue_show/components/title.vue';

describe('Title component', () => {
  let vm;

  beforeEach(() => {
    const Component = Vue.extend(titleComponent);
10 11 12 13 14
    const store = new Store({
      titleHtml: '',
      descriptionHtml: '',
      issuableRef: '',
    });
15 16 17 18 19
    vm = new Component({
      propsData: {
        issuableRef: '#1',
        titleHtml: 'Testing <img />',
        titleText: 'Testing',
20
        showForm: false,
21
        formState: store.formState,
22 23 24 25 26 27
      },
    }).$mount();
  });

  it('renders title HTML', () => {
    expect(
Phil Hughes committed
28
      vm.$el.innerHTML.trim(),
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49
    ).toBe('Testing <img>');
  });

  it('updates page title when changing titleHtml', (done) => {
    spyOn(vm, 'setPageTitle');
    vm.titleHtml = 'test';

    Vue.nextTick(() => {
      expect(
        vm.setPageTitle,
      ).toHaveBeenCalled();

      done();
    });
  });

  it('animates title changes', (done) => {
    vm.titleHtml = 'test';

    Vue.nextTick(() => {
      expect(
Phil Hughes committed
50
        vm.$el.classList.contains('issue-realtime-pre-pulse'),
51 52 53 54
      ).toBeTruthy();

      setTimeout(() => {
        expect(
Phil Hughes committed
55
          vm.$el.classList.contains('issue-realtime-trigger-pulse'),
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75
        ).toBeTruthy();

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

  it('updates page title after changing title', (done) => {
    vm.titleHtml = 'changed';
    vm.titleText = 'changed';

    Vue.nextTick(() => {
      expect(
        document.querySelector('title').textContent.trim(),
      ).toContain('changed');

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