61 lines
1.5 KiB
JavaScript
61 lines
1.5 KiB
JavaScript
import { GlButton } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import UploadButton from '~/projects/details/upload_button.vue';
|
|
import { trackFileUploadEvent } from '~/projects/upload_file_experiment_tracking';
|
|
import UploadBlobModal from '~/repository/components/upload_blob_modal.vue';
|
|
|
|
jest.mock('~/projects/upload_file_experiment_tracking');
|
|
|
|
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('tracks the click_upload_modal_trigger event', () => {
|
|
expect(trackFileUploadEvent).toHaveBeenCalledWith('click_upload_modal_trigger');
|
|
});
|
|
|
|
it('opens the modal', () => {
|
|
expect(glModalDirective).toHaveBeenCalledWith(MODAL_ID);
|
|
});
|
|
});
|
|
});
|