diff options
Diffstat (limited to 'spec/javascripts/build_spec.js')
-rw-r--r-- | spec/javascripts/build_spec.js | 292 |
1 files changed, 0 insertions, 292 deletions
diff --git a/spec/javascripts/build_spec.js b/spec/javascripts/build_spec.js deleted file mode 100644 index 35149611095..00000000000 --- a/spec/javascripts/build_spec.js +++ /dev/null @@ -1,292 +0,0 @@ -/* eslint-disable no-new */ -/* global Build */ -import { bytesToKiB } from '~/lib/utils/number_utils'; -import '~/lib/utils/datetime_utility'; -import '~/lib/utils/url_utility'; -import '~/build'; -import '~/breakpoints'; - -describe('Build', () => { - const BUILD_URL = `${gl.TEST_HOST}/frontend-fixtures/builds-project/-/jobs/1`; - - preloadFixtures('builds/build-with-artifacts.html.raw'); - - beforeEach(() => { - loadFixtures('builds/build-with-artifacts.html.raw'); - }); - - describe('class constructor', () => { - beforeEach(() => { - jasmine.clock().install(); - }); - - afterEach(() => { - jasmine.clock().uninstall(); - }); - - describe('setup', () => { - beforeEach(function () { - this.build = new Build(); - }); - - it('copies build options', function () { - expect(this.build.pageUrl).toBe(BUILD_URL); - expect(this.build.buildStatus).toBe('success'); - expect(this.build.buildStage).toBe('test'); - expect(this.build.state).toBe(''); - }); - - it('only shows the jobs matching the current stage', () => { - 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); - }); - - it('selects the current stage in the build dropdown menu', () => { - expect($('.stage-selection').text()).toBe('test'); - }); - - it('updates the jobs when the build dropdown changes', () => { - $('.stage-item:contains("build")').click(); - - 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); - }); - - it('displays the remove date correctly', () => { - const removeDateElement = document.querySelector('.js-artifacts-remove'); - expect(removeDateElement.innerText.trim()).toBe('1 year remaining'); - }); - }); - - describe('running build', () => { - it('updates the build trace on an interval', function () { - const deferred1 = $.Deferred(); - const deferred2 = $.Deferred(); - const deferred3 = $.Deferred(); - spyOn($, 'ajax').and.returnValues(deferred1.promise(), deferred2.promise(), deferred3.promise()); - spyOn(gl.utils, 'visitUrl'); - - deferred1.resolve({ - html: '<span>Update<span>', - status: 'running', - state: 'newstate', - append: true, - complete: false, - }); - - deferred2.resolve(); - - deferred3.resolve({ - html: '<span>More</span>', - status: 'running', - state: 'finalstate', - append: true, - complete: true, - }); - - this.build = new Build(); - - expect($('#build-trace .js-build-output').text()).toMatch(/Update/); - expect(this.build.state).toBe('newstate'); - - jasmine.clock().tick(4001); - - expect($('#build-trace .js-build-output').text()).toMatch(/UpdateMore/); - expect(this.build.state).toBe('finalstate'); - }); - - it('replaces the entire build trace', () => { - const deferred1 = $.Deferred(); - const deferred2 = $.Deferred(); - const deferred3 = $.Deferred(); - - spyOn($, 'ajax').and.returnValues(deferred1.promise(), deferred2.promise(), deferred3.promise()); - - spyOn(gl.utils, 'visitUrl'); - - deferred1.resolve({ - html: '<span>Update<span>', - status: 'running', - append: false, - complete: false, - }); - - deferred2.resolve(); - - deferred3.resolve({ - html: '<span>Different</span>', - status: 'running', - append: false, - }); - - this.build = new Build(); - - expect($('#build-trace .js-build-output').text()).toMatch(/Update/); - - jasmine.clock().tick(4001); - - expect($('#build-trace .js-build-output').text()).not.toMatch(/Update/); - expect($('#build-trace .js-build-output').text()).toMatch(/Different/); - }); - }); - - describe('truncated information', () => { - describe('when size is less than total', () => { - it('shows information about truncated log', () => { - spyOn(gl.utils, 'visitUrl'); - const deferred = $.Deferred(); - spyOn($, 'ajax').and.returnValue(deferred.promise()); - - deferred.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size: 50, - total: 100, - }); - - this.build = new Build(); - - expect(document.querySelector('.js-truncated-info').classList).not.toContain('hidden'); - }); - - it('shows the size in KiB', () => { - const size = 50; - spyOn(gl.utils, 'visitUrl'); - const deferred = $.Deferred(); - - spyOn($, 'ajax').and.returnValue(deferred.promise()); - deferred.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size, - total: 100, - }); - - this.build = new Build(); - - expect( - document.querySelector('.js-truncated-info-size').textContent.trim(), - ).toEqual(`${bytesToKiB(size)}`); - }); - - it('shows incremented size', () => { - const deferred1 = $.Deferred(); - const deferred2 = $.Deferred(); - const deferred3 = $.Deferred(); - - spyOn($, 'ajax').and.returnValues(deferred1.promise(), deferred2.promise(), deferred3.promise()); - - spyOn(gl.utils, 'visitUrl'); - - deferred1.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size: 50, - total: 100, - }); - - deferred2.resolve(); - - this.build = new Build(); - - expect( - document.querySelector('.js-truncated-info-size').textContent.trim(), - ).toEqual(`${bytesToKiB(50)}`); - - jasmine.clock().tick(4001); - - deferred3.resolve({ - html: '<span>Update</span>', - status: 'success', - append: true, - size: 10, - total: 100, - }); - - expect( - document.querySelector('.js-truncated-info-size').textContent.trim(), - ).toEqual(`${bytesToKiB(60)}`); - }); - - it('renders the raw link', () => { - const deferred = $.Deferred(); - spyOn(gl.utils, 'visitUrl'); - - spyOn($, 'ajax').and.returnValue(deferred.promise()); - deferred.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size: 50, - total: 100, - }); - - this.build = new Build(); - - expect( - document.querySelector('.js-raw-link').textContent.trim(), - ).toContain('Complete Raw'); - }); - }); - - describe('when size is equal than total', () => { - it('does not show the trunctated information', () => { - const deferred = $.Deferred(); - spyOn(gl.utils, 'visitUrl'); - - spyOn($, 'ajax').and.returnValue(deferred.promise()); - deferred.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size: 100, - total: 100, - }); - - this.build = new Build(); - - expect(document.querySelector('.js-truncated-info').classList).toContain('hidden'); - }); - }); - }); - - describe('output trace', () => { - beforeEach(() => { - const deferred = $.Deferred(); - spyOn(gl.utils, 'visitUrl'); - - spyOn($, 'ajax').and.returnValue(deferred.promise()); - deferred.resolve({ - html: '<span>Update</span>', - status: 'success', - append: false, - size: 50, - total: 100, - }); - - this.build = new Build(); - }); - - it('should render trace controls', () => { - const controllers = document.querySelector('.controllers'); - - expect(controllers.querySelector('.js-raw-link-controller')).toBeDefined(); - expect(controllers.querySelector('.js-erase-link')).toBeDefined(); - expect(controllers.querySelector('.js-scroll-up')).toBeDefined(); - expect(controllers.querySelector('.js-scroll-down')).toBeDefined(); - }); - - it('should render received output', () => { - expect( - document.querySelector('.js-build-output').innerHTML, - ).toEqual('<span>Update</span>'); - }); - }); - }); -}); |