summaryrefslogtreecommitdiff
path: root/spec/javascripts/jobs/header_spec.js
blob: 0961605ce5c2b8741614883d1481cf25cdc8bc48 (plain)
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import Vue from 'vue';
import headerComponent from '~/jobs/components/header.vue';
import mountComponent from 'spec/helpers/vue_mount_component_helper';

describe('Job details header', () => {
  let HeaderComponent;
  let vm;
  let props;

  beforeEach(() => {
    HeaderComponent = Vue.extend(headerComponent);

    const threeWeeksAgo = new Date();
    threeWeeksAgo.setDate(threeWeeksAgo.getDate() - 21);

    props = {
      job: {
        status: {
          group: 'failed',
          icon: 'ci-status-failed',
          label: 'failed',
          text: 'failed',
          details_path: 'path',
        },
        id: 123,
        created_at: threeWeeksAgo.toISOString(),
        user: {
          web_url: 'path',
          name: 'Foo',
          username: 'foobar',
          email: 'foo@bar.com',
          avatar_url: 'link',
        },
        started: '2018-01-08T09:48:27.319Z',
        new_issue_path: 'path',
      },
      isLoading: false,
    };

    vm = mountComponent(HeaderComponent, props);
  });

  afterEach(() => {
    vm.$destroy();
  });

  describe('triggered job', () => {
    beforeEach(() => {
      vm = mountComponent(HeaderComponent, props);
    });

    it('should render provided job information', () => {
      expect(
        vm.$el.querySelector('.header-main-content').textContent.replace(/\s+/g, ' ').trim(),
      ).toEqual('failed Job #123 triggered 3 weeks ago by Foo');
    });

    it('should render new issue link', () => {
      expect(
        vm.$el.querySelector('.js-new-issue').getAttribute('href'),
      ).toEqual(props.job.new_issue_path);
    });
  });

  describe('created job', () => {
    it('should render created key', () => {
      props.job.started = false;
      vm = mountComponent(HeaderComponent, props);

      expect(
        vm.$el.querySelector('.header-main-content').textContent.replace(/\s+/g, ' ').trim(),
      ).toEqual('failed Job #123 created 3 weeks ago by Foo');
    });
  });
});