59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
import Vue from 'vue';
|
|
import asyncButtonComp from '~/pipelines/components/async_button.vue';
|
|
import eventHub from '~/pipelines/event_hub';
|
|
|
|
describe('Pipelines Async Button', () => {
|
|
let component;
|
|
let AsyncButtonComponent;
|
|
|
|
beforeEach(() => {
|
|
AsyncButtonComponent = Vue.extend(asyncButtonComp);
|
|
|
|
component = new AsyncButtonComponent({
|
|
propsData: {
|
|
endpoint: '/foo',
|
|
title: 'Foo',
|
|
icon: 'fa fa-foo',
|
|
cssClass: 'bar',
|
|
},
|
|
}).$mount();
|
|
});
|
|
|
|
it('should render a button', () => {
|
|
expect(component.$el.tagName).toEqual('BUTTON');
|
|
});
|
|
|
|
it('should render the provided icon', () => {
|
|
expect(component.$el.querySelector('i').getAttribute('class')).toContain('fa fa-foo');
|
|
});
|
|
|
|
it('should render the provided title', () => {
|
|
expect(component.$el.getAttribute('data-original-title')).toContain('Foo');
|
|
expect(component.$el.getAttribute('aria-label')).toContain('Foo');
|
|
});
|
|
|
|
it('should render the provided cssClass', () => {
|
|
expect(component.$el.getAttribute('class')).toContain('bar');
|
|
});
|
|
|
|
describe('With confirm dialog', () => {
|
|
it('should call the service when confimation is positive', () => {
|
|
spyOn(window, 'confirm').and.returnValue(true);
|
|
eventHub.$on('postAction', (endpoint) => {
|
|
expect(endpoint).toEqual('/foo');
|
|
});
|
|
|
|
component = new AsyncButtonComponent({
|
|
propsData: {
|
|
endpoint: '/foo',
|
|
title: 'Foo',
|
|
icon: 'fa fa-foo',
|
|
cssClass: 'bar',
|
|
confirmActionMessage: 'bar',
|
|
},
|
|
}).$mount();
|
|
|
|
component.$el.click();
|
|
});
|
|
});
|
|
});
|