summaryrefslogtreecommitdiff
path: root/spec/javascripts/performance_bar/components/performance_bar_app_spec.js
blob: 9ab9ab1c9f432b865f842daacb8f860628e8c6f0 (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
import Vue from 'vue';
import axios from '~/lib/utils/axios_utils';
import performanceBarApp from '~/performance_bar/components/performance_bar_app.vue';
import PerformanceBarService from '~/performance_bar/services/performance_bar_service';
import PerformanceBarStore from '~/performance_bar/stores/performance_bar_store';

import mountComponent from 'spec/helpers/vue_mount_component_helper';
import MockAdapter from 'axios-mock-adapter';

describe('performance bar', () => {
  let mock;
  let vm;

  beforeEach(() => {
    const store = new PerformanceBarStore();

    mock = new MockAdapter(axios);

    mock.onGet('/-/peek/results').reply(
      200,
      {
        data: {
          gc: {
            invokes: 0,
            invoke_time: '0.00',
            use_size: 0,
            total_size: 0,
            total_object: 0,
            gc_time: '0.00',
          },
          host: { hostname: 'web-01' },
        },
      },
      {},
    );

    vm = mountComponent(Vue.extend(performanceBarApp), {
      store,
      env: 'development',
      requestId: '123',
      peekUrl: '/-/peek/results',
      profileUrl: '?lineprofiler=true',
    });
  });

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

  it('sets the class to match the environment', () => {
    expect(vm.$el.getAttribute('class')).toContain('development');
  });

  describe('loadRequestDetails', () => {
    beforeEach(() => {
      spyOn(vm.store, 'addRequest').and.callThrough();
    });

    it('does nothing if the request cannot be tracked', () => {
      spyOn(vm.store, 'canTrackRequest').and.callFake(() => false);

      vm.loadRequestDetails('123', 'https://gitlab.com/');

      expect(vm.store.addRequest).not.toHaveBeenCalled();
    });

    it('adds the request immediately', () => {
      vm.loadRequestDetails('123', 'https://gitlab.com/');

      expect(vm.store.addRequest).toHaveBeenCalledWith(
        '123',
        'https://gitlab.com/',
      );
    });

    it('makes an HTTP request for the request details', () => {
      spyOn(PerformanceBarService, 'fetchRequestDetails').and.callThrough();

      vm.loadRequestDetails('456', 'https://gitlab.com/');

      expect(PerformanceBarService.fetchRequestDetails).toHaveBeenCalledWith(
        '/-/peek/results',
        '456',
      );
    });
  });
});