Welcome to mirror list, hosted at ThFree Co, Russian Federation.

delayed_job_mixin_spec.js « mixins « jobs « frontend « spec - gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 1d3845b19bbf6bae339bf2f7537488c769d9dde2 (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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import { shallowMount } from '@vue/test-utils';
import { nextTick } from 'vue';
import delayedJobFixture from 'test_fixtures/jobs/delayed.json';
import delayedJobMixin from '~/jobs/mixins/delayed_job_mixin';

describe('DelayedJobMixin', () => {
  let wrapper;
  const dummyComponent = {
    props: {
      job: {
        type: Object,
        required: true,
      },
    },
    mixins: [delayedJobMixin],
    template: '<div>{{remainingTime}}</div>',
  };

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

  describe('if job is empty object', () => {
    beforeEach(() => {
      wrapper = shallowMount(dummyComponent, {
        propsData: {
          job: {},
        },
      });
    });

    it('sets remaining time to 00:00:00', () => {
      expect(wrapper.text()).toBe('00:00:00');
    });

    it('does not update remaining time after mounting', async () => {
      await nextTick();

      expect(wrapper.text()).toBe('00:00:00');
    });
  });

  describe('in REST component', () => {
    describe('if job is delayed job', () => {
      let remainingTimeInMilliseconds = 42000;

      beforeEach(async () => {
        jest
          .spyOn(Date, 'now')
          .mockImplementation(
            () => new Date(delayedJobFixture.scheduled_at).getTime() - remainingTimeInMilliseconds,
          );

        wrapper = shallowMount(dummyComponent, {
          propsData: {
            job: delayedJobFixture,
          },
        });

        await nextTick();
      });

      it('sets remaining time', () => {
        expect(wrapper.text()).toBe('00:00:42');
      });

      it('updates remaining time', async () => {
        remainingTimeInMilliseconds = 41000;
        jest.advanceTimersByTime(1000);

        await nextTick();
        expect(wrapper.text()).toBe('00:00:41');
      });
    });
  });

  describe('in GraphQL component', () => {
    const mockGraphQlJob = {
      name: 'build_b',
      scheduledAt: new Date(delayedJobFixture.scheduled_at),
      status: {
        icon: 'status_success',
        tooltip: 'passed',
        hasDetails: true,
        detailsPath: '/root/abcd-dag/-/jobs/1515',
        group: 'success',
        action: null,
      },
    };

    describe('if job is delayed job', () => {
      let remainingTimeInMilliseconds = 42000;

      beforeEach(async () => {
        jest
          .spyOn(Date, 'now')
          .mockImplementation(
            () => mockGraphQlJob.scheduledAt.getTime() - remainingTimeInMilliseconds,
          );

        wrapper = shallowMount(dummyComponent, {
          propsData: {
            job: mockGraphQlJob,
          },
        });

        await nextTick();
      });

      it('sets remaining time', () => {
        expect(wrapper.text()).toBe('00:00:42');
      });

      it('updates remaining time', async () => {
        remainingTimeInMilliseconds = 41000;
        jest.advanceTimersByTime(1000);

        await nextTick();
        expect(wrapper.text()).toBe('00:00:41');
      });
    });
  });
});