2018-03-09 20:18:59 +00:00
|
|
|
import $ from 'jquery';
|
2018-01-31 09:27:30 +00:00
|
|
|
import MockAdapter from 'axios-mock-adapter';
|
2018-01-30 16:33:23 +00:00
|
|
|
import axios from '~/lib/utils/axios_utils';
|
2017-12-27 14:17:28 +00:00
|
|
|
import { numberToHumanSize } from '~/lib/utils/number_utils';
|
2017-04-18 12:27:10 +00:00
|
|
|
import '~/lib/utils/datetime_utility';
|
2017-10-10 11:06:42 +00:00
|
|
|
import Job from '~/job';
|
2017-04-18 12:27:10 +00:00
|
|
|
import '~/breakpoints';
|
2018-07-10 19:28:14 +00:00
|
|
|
import waitForPromises from 'spec/helpers/wait_for_promises';
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2017-10-10 11:06:42 +00:00
|
|
|
describe('Job', () => {
|
|
|
|
const JOB_URL = `${gl.TEST_HOST}/frontend-fixtures/builds-project/-/jobs/1`;
|
2018-01-30 16:33:23 +00:00
|
|
|
let mock;
|
|
|
|
let response;
|
2018-02-07 12:49:27 +00:00
|
|
|
let job;
|
2018-01-30 16:33:23 +00:00
|
|
|
|
2016-12-31 00:14:33 +00:00
|
|
|
preloadFixtures('builds/build-with-artifacts.html.raw');
|
2016-11-19 21:48:49 +00:00
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
beforeEach(() => {
|
2016-12-31 00:14:33 +00:00
|
|
|
loadFixtures('builds/build-with-artifacts.html.raw');
|
2018-01-30 16:33:23 +00:00
|
|
|
|
2018-04-14 03:49:11 +00:00
|
|
|
spyOnDependency(Job, 'visitUrl');
|
2018-01-30 16:33:23 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
response = {};
|
|
|
|
|
2018-01-31 09:27:30 +00:00
|
|
|
mock = new MockAdapter(axios);
|
2018-01-30 16:33:23 +00:00
|
|
|
|
2018-01-31 09:27:30 +00:00
|
|
|
mock.onGet(new RegExp(`${JOB_URL}/trace.json?(.*)`)).reply(() => [200, response]);
|
2018-01-30 16:33:23 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
mock.restore();
|
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
clearTimeout(job.timeout);
|
2016-11-19 21:48:49 +00:00
|
|
|
});
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2017-03-16 20:13:03 +00:00
|
|
|
describe('class constructor', () => {
|
2016-11-23 20:45:39 +00:00
|
|
|
beforeEach(() => {
|
2016-11-19 21:48:49 +00:00
|
|
|
jasmine.clock().install();
|
|
|
|
});
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2016-11-19 21:48:49 +00:00
|
|
|
afterEach(() => {
|
|
|
|
jasmine.clock().uninstall();
|
2016-09-20 15:50:32 +00:00
|
|
|
});
|
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
describe('setup', () => {
|
2018-02-07 12:49:27 +00:00
|
|
|
beforeEach(function (done) {
|
|
|
|
job = new Job();
|
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-02-07 12:49:27 +00:00
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2016-09-20 15:50:32 +00:00
|
|
|
});
|
|
|
|
|
2016-11-19 21:48:49 +00:00
|
|
|
it('copies build options', function () {
|
2018-02-07 12:49:27 +00:00
|
|
|
expect(job.pagePath).toBe(JOB_URL);
|
|
|
|
expect(job.buildStatus).toBe('success');
|
|
|
|
expect(job.buildStage).toBe('test');
|
|
|
|
expect(job.state).toBe('');
|
2016-09-20 15:50:32 +00:00
|
|
|
});
|
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
it('only shows the jobs matching the current stage', () => {
|
2016-11-19 21:48:49 +00:00
|
|
|
expect($('.build-job[data-stage="build"]').is(':visible')).toBe(false);
|
|
|
|
expect($('.build-job[data-stage="test"]').is(':visible')).toBe(true);
|
|
|
|
expect($('.build-job[data-stage="deploy"]').is(':visible')).toBe(false);
|
|
|
|
});
|
2016-11-18 12:18:49 +00:00
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
it('selects the current stage in the build dropdown menu', () => {
|
2016-11-19 21:48:49 +00:00
|
|
|
expect($('.stage-selection').text()).toBe('test');
|
|
|
|
});
|
2016-11-18 12:18:49 +00:00
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
it('updates the jobs when the build dropdown changes', () => {
|
2016-11-19 21:48:49 +00:00
|
|
|
$('.stage-item:contains("build")').click();
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2016-11-19 21:48:49 +00:00
|
|
|
expect($('.stage-selection').text()).toBe('build');
|
|
|
|
expect($('.build-job[data-stage="build"]').is(':visible')).toBe(true);
|
|
|
|
expect($('.build-job[data-stage="test"]').is(':visible')).toBe(false);
|
|
|
|
expect($('.build-job[data-stage="deploy"]').is(':visible')).toBe(false);
|
|
|
|
});
|
|
|
|
});
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2016-11-23 20:45:39 +00:00
|
|
|
describe('running build', () => {
|
2018-01-30 16:33:23 +00:00
|
|
|
it('updates the build trace on an interval', function (done) {
|
|
|
|
response = {
|
2016-11-19 21:48:49 +00:00
|
|
|
html: '<span>Update<span>',
|
|
|
|
status: 'running',
|
|
|
|
state: 'newstate',
|
|
|
|
append: true,
|
2017-04-07 11:13:23 +00:00
|
|
|
complete: false,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2016-11-19 21:48:49 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect($('#build-trace .js-build-output').text()).toMatch(/Update/);
|
2018-02-07 12:49:27 +00:00
|
|
|
expect(job.state).toBe('newstate');
|
2018-01-30 16:33:23 +00:00
|
|
|
|
|
|
|
response = {
|
|
|
|
html: '<span>More</span>',
|
|
|
|
status: 'running',
|
|
|
|
state: 'finalstate',
|
|
|
|
append: true,
|
|
|
|
complete: true,
|
|
|
|
};
|
|
|
|
})
|
|
|
|
.then(() => jasmine.clock().tick(4001))
|
2018-07-10 19:28:14 +00:00
|
|
|
.then(waitForPromises)
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect($('#build-trace .js-build-output').text()).toMatch(/UpdateMore/);
|
2018-02-07 12:49:27 +00:00
|
|
|
expect(job.state).toBe('finalstate');
|
2018-01-30 16:33:23 +00:00
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2016-09-20 15:50:32 +00:00
|
|
|
});
|
|
|
|
|
2018-01-30 16:33:23 +00:00
|
|
|
it('replaces the entire build trace', (done) => {
|
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update<span>',
|
2016-11-19 21:48:49 +00:00
|
|
|
status: 'running',
|
2017-04-07 11:13:23 +00:00
|
|
|
append: false,
|
|
|
|
complete: false,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2016-09-20 15:50:32 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect($('#build-trace .js-build-output').text()).toMatch(/Update/);
|
|
|
|
|
|
|
|
response = {
|
|
|
|
html: '<span>Different</span>',
|
|
|
|
status: 'running',
|
|
|
|
append: false,
|
|
|
|
};
|
|
|
|
})
|
|
|
|
.then(() => jasmine.clock().tick(4001))
|
2018-07-10 19:28:14 +00:00
|
|
|
.then(waitForPromises)
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect($('#build-trace .js-build-output').text()).not.toMatch(/Update/);
|
|
|
|
expect($('#build-trace .js-build-output').text()).toMatch(/Different/);
|
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2016-11-19 21:48:49 +00:00
|
|
|
});
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
2017-04-18 12:27:10 +00:00
|
|
|
|
2017-05-30 08:43:13 +00:00
|
|
|
describe('truncated information', () => {
|
|
|
|
describe('when size is less than total', () => {
|
2018-01-30 16:33:23 +00:00
|
|
|
it('shows information about truncated log', (done) => {
|
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size: 50,
|
|
|
|
total: 100,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-04-18 12:27:10 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect(document.querySelector('.js-truncated-info').classList).not.toContain('hidden');
|
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
|
|
|
|
2018-01-30 16:33:23 +00:00
|
|
|
it('shows the size in KiB', (done) => {
|
2017-05-30 08:43:13 +00:00
|
|
|
const size = 50;
|
|
|
|
|
2018-01-30 16:33:23 +00:00
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size,
|
|
|
|
total: 100,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-04-18 12:27:10 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect(
|
|
|
|
document.querySelector('.js-truncated-info-size').textContent.trim(),
|
|
|
|
).toEqual(`${numberToHumanSize(size)}`);
|
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
|
|
|
|
2018-01-30 16:33:23 +00:00
|
|
|
it('shows incremented size', (done) => {
|
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size: 50,
|
|
|
|
total: 100,
|
2018-02-07 12:49:27 +00:00
|
|
|
complete: false,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect(
|
|
|
|
document.querySelector('.js-truncated-info-size').textContent.trim(),
|
|
|
|
).toEqual(`${numberToHumanSize(50)}`);
|
|
|
|
|
|
|
|
response = {
|
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: true,
|
|
|
|
size: 10,
|
|
|
|
total: 100,
|
2018-02-07 12:49:27 +00:00
|
|
|
complete: true,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
|
|
|
})
|
|
|
|
.then(() => jasmine.clock().tick(4001))
|
2018-07-10 19:28:14 +00:00
|
|
|
.then(waitForPromises)
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect(
|
|
|
|
document.querySelector('.js-truncated-info-size').textContent.trim(),
|
|
|
|
).toEqual(`${numberToHumanSize(60)}`);
|
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-04-18 12:27:10 +00:00
|
|
|
});
|
|
|
|
|
2017-05-30 08:43:13 +00:00
|
|
|
it('renders the raw link', () => {
|
2018-01-30 16:33:23 +00:00
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size: 50,
|
|
|
|
total: 100,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-04-18 12:27:10 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-04-18 12:27:10 +00:00
|
|
|
|
2017-05-30 08:43:13 +00:00
|
|
|
expect(
|
|
|
|
document.querySelector('.js-raw-link').textContent.trim(),
|
|
|
|
).toContain('Complete Raw');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('when size is equal than total', () => {
|
2018-01-30 16:33:23 +00:00
|
|
|
it('does not show the trunctated information', (done) => {
|
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size: 100,
|
|
|
|
total: 100,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(() => {
|
|
|
|
expect(document.querySelector('.js-truncated-info').classList).toContain('hidden');
|
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('output trace', () => {
|
2018-01-30 16:33:23 +00:00
|
|
|
beforeEach((done) => {
|
|
|
|
response = {
|
2017-05-30 08:43:13 +00:00
|
|
|
html: '<span>Update</span>',
|
|
|
|
status: 'success',
|
|
|
|
append: false,
|
|
|
|
size: 50,
|
|
|
|
total: 100,
|
2018-01-30 16:33:23 +00:00
|
|
|
};
|
2017-05-30 08:43:13 +00:00
|
|
|
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2018-01-30 16:33:23 +00:00
|
|
|
|
2018-07-10 19:28:14 +00:00
|
|
|
waitForPromises()
|
2018-01-30 16:33:23 +00:00
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should render trace controls', () => {
|
|
|
|
const controllers = document.querySelector('.controllers');
|
|
|
|
|
2018-01-30 16:33:23 +00:00
|
|
|
expect(controllers.querySelector('.js-raw-link-controller')).not.toBeNull();
|
|
|
|
expect(controllers.querySelector('.js-scroll-up')).not.toBeNull();
|
|
|
|
expect(controllers.querySelector('.js-scroll-down')).not.toBeNull();
|
2017-05-30 08:43:13 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should render received output', () => {
|
|
|
|
expect(
|
|
|
|
document.querySelector('.js-build-output').innerHTML,
|
|
|
|
).toEqual('<span>Update</span>');
|
2017-04-18 12:27:10 +00:00
|
|
|
});
|
2016-09-20 15:50:32 +00:00
|
|
|
});
|
|
|
|
});
|
2017-09-28 16:24:24 +00:00
|
|
|
|
|
|
|
describe('getBuildTrace', () => {
|
|
|
|
it('should request build trace with state parameter', (done) => {
|
2018-01-30 16:33:23 +00:00
|
|
|
spyOn(axios, 'get').and.callThrough();
|
2018-02-07 12:49:27 +00:00
|
|
|
job = new Job();
|
2017-09-28 16:24:24 +00:00
|
|
|
|
|
|
|
setTimeout(() => {
|
2018-01-30 16:33:23 +00:00
|
|
|
expect(axios.get).toHaveBeenCalledWith(
|
|
|
|
`${JOB_URL}/trace.json`, { params: { state: '' } },
|
2017-09-28 16:24:24 +00:00
|
|
|
);
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
});
|
|
|
|
});
|
2016-11-19 21:48:49 +00:00
|
|
|
});
|