debian-mirror-gitlab/spec/frontend/jobs/components/job_log_controllers_spec.js

209 lines
6.3 KiB
JavaScript
Raw Normal View History

2018-11-20 20:47:30 +05:30
import Vue from 'vue';
import component from '~/jobs/components/job_log_controllers.vue';
import mountComponent from '../../helpers/vue_mount_component_helper';
describe('Job log controllers', () => {
const Component = Vue.extend(component);
let vm;
afterEach(() => {
vm.$destroy();
});
2018-12-05 23:21:45 +05:30
const props = {
rawPath: '/raw',
erasePath: '/erase',
size: 511952,
isScrollTopDisabled: false,
isScrollBottomDisabled: false,
isScrollingDown: true,
isTraceSizeVisible: true,
};
2018-11-20 20:47:30 +05:30
2018-12-05 23:21:45 +05:30
describe('Truncate information', () => {
describe('with isTraceSizeVisible', () => {
beforeEach(() => {
vm = mountComponent(Component, props);
});
2018-12-13 13:39:08 +05:30
2018-12-05 23:21:45 +05:30
it('renders size information', () => {
expect(vm.$el.querySelector('.js-truncated-info').textContent).toContain('499.95 KiB');
2018-11-20 20:47:30 +05:30
});
2018-12-05 23:21:45 +05:30
it('renders link to raw trace', () => {
expect(vm.$el.querySelector('.js-raw-link').getAttribute('href')).toEqual('/raw');
});
2018-11-20 20:47:30 +05:30
});
});
describe('links section', () => {
describe('with raw trace path', () => {
it('renders raw trace link', () => {
2018-12-05 23:21:45 +05:30
vm = mountComponent(Component, props);
2018-11-20 20:47:30 +05:30
2018-12-05 23:21:45 +05:30
expect(vm.$el.querySelector('.js-raw-link-controller').getAttribute('href')).toEqual(
'/raw',
);
2018-11-20 20:47:30 +05:30
});
});
describe('without raw trace path', () => {
it('does not render raw trace link', () => {
vm = mountComponent(Component, {
2018-12-05 23:21:45 +05:30
erasePath: '/erase',
2018-11-20 20:47:30 +05:30
size: 511952,
2018-12-05 23:21:45 +05:30
isScrollTopDisabled: true,
isScrollBottomDisabled: true,
isScrollingDown: false,
isTraceSizeVisible: true,
2018-11-20 20:47:30 +05:30
});
expect(vm.$el.querySelector('.js-raw-link-controller')).toBeNull();
});
});
describe('when is erasable', () => {
beforeEach(() => {
2018-12-05 23:21:45 +05:30
vm = mountComponent(Component, props);
2018-11-20 20:47:30 +05:30
});
2018-12-05 23:21:45 +05:30
it('renders erase job link', () => {
2018-11-20 20:47:30 +05:30
expect(vm.$el.querySelector('.js-erase-link')).not.toBeNull();
});
});
describe('when it is not erasable', () => {
it('does not render erase button', () => {
vm = mountComponent(Component, {
2018-12-05 23:21:45 +05:30
rawPath: '/raw',
2018-11-20 20:47:30 +05:30
size: 511952,
2018-12-05 23:21:45 +05:30
isScrollTopDisabled: true,
isScrollBottomDisabled: true,
isScrollingDown: false,
isTraceSizeVisible: true,
2018-11-20 20:47:30 +05:30
});
expect(vm.$el.querySelector('.js-erase-link')).toBeNull();
});
});
});
describe('scroll buttons', () => {
describe('scroll top button', () => {
describe('when user can scroll top', () => {
beforeEach(() => {
2018-12-05 23:21:45 +05:30
vm = mountComponent(Component, props);
2018-11-20 20:47:30 +05:30
});
it('renders enabled scroll top button', () => {
expect(vm.$el.querySelector('.js-scroll-top').getAttribute('disabled')).toBeNull();
});
it('emits scrollJobLogTop event on click', () => {
2020-03-13 15:44:24 +05:30
jest.spyOn(vm, '$emit').mockImplementation(() => {});
2018-11-20 20:47:30 +05:30
vm.$el.querySelector('.js-scroll-top').click();
expect(vm.$emit).toHaveBeenCalledWith('scrollJobLogTop');
});
});
describe('when user can not scroll top', () => {
beforeEach(() => {
vm = mountComponent(Component, {
2018-12-05 23:21:45 +05:30
rawPath: '/raw',
erasePath: '/erase',
2018-11-20 20:47:30 +05:30
size: 511952,
2018-12-05 23:21:45 +05:30
isScrollTopDisabled: true,
isScrollBottomDisabled: false,
isScrollingDown: false,
isTraceSizeVisible: true,
2018-11-20 20:47:30 +05:30
});
});
it('renders disabled scroll top button', () => {
2018-12-05 23:21:45 +05:30
expect(vm.$el.querySelector('.js-scroll-top').getAttribute('disabled')).toEqual(
'disabled',
);
2018-11-20 20:47:30 +05:30
});
it('does not emit scrollJobLogTop event on click', () => {
2020-03-13 15:44:24 +05:30
jest.spyOn(vm, '$emit').mockImplementation(() => {});
2018-11-20 20:47:30 +05:30
vm.$el.querySelector('.js-scroll-top').click();
expect(vm.$emit).not.toHaveBeenCalledWith('scrollJobLogTop');
});
});
});
describe('scroll bottom button', () => {
describe('when user can scroll bottom', () => {
beforeEach(() => {
2018-12-05 23:21:45 +05:30
vm = mountComponent(Component, props);
2018-11-20 20:47:30 +05:30
});
it('renders enabled scroll bottom button', () => {
expect(vm.$el.querySelector('.js-scroll-bottom').getAttribute('disabled')).toBeNull();
});
it('emits scrollJobLogBottom event on click', () => {
2020-03-13 15:44:24 +05:30
jest.spyOn(vm, '$emit').mockImplementation(() => {});
2018-11-20 20:47:30 +05:30
vm.$el.querySelector('.js-scroll-bottom').click();
expect(vm.$emit).toHaveBeenCalledWith('scrollJobLogBottom');
});
});
describe('when user can not scroll bottom', () => {
beforeEach(() => {
vm = mountComponent(Component, {
2018-12-05 23:21:45 +05:30
rawPath: '/raw',
erasePath: '/erase',
2018-11-20 20:47:30 +05:30
size: 511952,
2018-12-05 23:21:45 +05:30
isScrollTopDisabled: false,
isScrollBottomDisabled: true,
isScrollingDown: false,
isTraceSizeVisible: true,
2018-11-20 20:47:30 +05:30
});
});
it('renders disabled scroll bottom button', () => {
2018-12-05 23:21:45 +05:30
expect(vm.$el.querySelector('.js-scroll-bottom').getAttribute('disabled')).toEqual(
'disabled',
);
2018-11-20 20:47:30 +05:30
});
it('does not emit scrollJobLogBottom event on click', () => {
2020-03-13 15:44:24 +05:30
jest.spyOn(vm, '$emit').mockImplementation(() => {});
2018-11-20 20:47:30 +05:30
vm.$el.querySelector('.js-scroll-bottom').click();
expect(vm.$emit).not.toHaveBeenCalledWith('scrollJobLogBottom');
});
});
2018-12-05 23:21:45 +05:30
describe('while isScrollingDown is true', () => {
it('renders animate class for the scroll down button', () => {
vm = mountComponent(Component, props);
expect(vm.$el.querySelector('.js-scroll-bottom').className).toContain('animate');
});
});
describe('while isScrollingDown is false', () => {
it('does not render animate class for the scroll down button', () => {
vm = mountComponent(Component, {
rawPath: '/raw',
erasePath: '/erase',
size: 511952,
isScrollTopDisabled: true,
isScrollBottomDisabled: false,
isScrollingDown: false,
isTraceSizeVisible: true,
});
2018-12-13 13:39:08 +05:30
2018-12-05 23:21:45 +05:30
expect(vm.$el.querySelector('.js-scroll-bottom').className).not.toContain('animate');
});
});
2018-11-20 20:47:30 +05:30
});
});
});