55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
|
import { GlButton } from '@gitlab/ui';
|
||
|
|
import { shallowMount } from '@vue/test-utils';
|
||
|
|
import UploadButton from '~/projects/details/upload_button.vue';
|
||
|
|
import UploadBlobModal from '~/repository/components/upload_blob_modal.vue';
|
||
|
|
|
||
|
|
const MODAL_ID = 'details-modal-upload-blob';
|
||
|
|
|
||
|
|
describe('UploadButton', () => {
|
||
|
|
let wrapper;
|
||
|
|
let glModalDirective;
|
||
|
|
|
||
|
|
const createComponent = () => {
|
||
|
|
glModalDirective = jest.fn();
|
||
|
|
|
||
|
|
return shallowMount(UploadButton, {
|
||
|
|
directives: {
|
||
|
|
glModal: {
|
||
|
|
bind(_, { value }) {
|
||
|
|
glModalDirective(value);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
wrapper = createComponent();
|
||
|
|
});
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
wrapper.destroy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('displays an upload button', () => {
|
||
|
|
expect(wrapper.find(GlButton).exists()).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('contains a modal', () => {
|
||
|
|
const modal = wrapper.find(UploadBlobModal);
|
||
|
|
|
||
|
|
expect(modal.exists()).toBe(true);
|
||
|
|
expect(modal.props('modalId')).toBe(MODAL_ID);
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when clickinig the upload file button', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
wrapper.find(GlButton).vm.$emit('click');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('opens the modal', () => {
|
||
|
|
expect(glModalDirective).toHaveBeenCalledWith(MODAL_ID);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|