import MockAdapter from 'axios-mock-adapter'; import axios from '~/lib/utils/axios_utils'; import '~/performance_bar/components/performance_bar_app.vue'; import performanceBar from '~/performance_bar'; import PerformanceBarService from '~/performance_bar/services/performance_bar_service'; describe('performance bar wrapper', () => { let mock; let vm; beforeEach(() => { URL.createObjectURL = jest.fn(); performance.getEntriesByType = jest.fn().mockReturnValue([]); // clear html so that elements from previous tests don't mess with this test document.body.innerHTML = ''; const peekWrapper = document.createElement('div'); peekWrapper.setAttribute('id', 'js-peek'); peekWrapper.setAttribute('data-env', 'development'); peekWrapper.setAttribute('data-request-id', '123'); peekWrapper.setAttribute('data-peek-url', '/-/peek/results'); peekWrapper.setAttribute('data-profile-url', '?lineprofiler=true'); document.body.appendChild(peekWrapper); 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 = performanceBar({ container: '#js-peek' }); }); afterEach(() => { vm.$destroy(); mock.restore(); }); describe('loadRequestDetails', () => { beforeEach(() => { jest.spyOn(vm.store, 'addRequest'); }); it('does nothing if the request cannot be tracked', () => { jest.spyOn(vm.store, 'canTrackRequest').mockImplementation(() => 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', () => { jest.spyOn(PerformanceBarService, 'fetchRequestDetails'); vm.loadRequestDetails('456', 'https://gitlab.com/'); expect(PerformanceBarService.fetchRequestDetails).toHaveBeenCalledWith( '/-/peek/results', '456', ); }); }); });