52 lines
1.5 KiB
JavaScript
52 lines
1.5 KiB
JavaScript
import { GlLoadingIcon } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import ReviewTabContainer from '~/add_context_commits_modal/components/review_tab_container.vue';
|
|
import CommitItem from '~/diffs/components/commit_item.vue';
|
|
import getDiffWithCommit from '../../diffs/mock_data/diff_with_commit';
|
|
|
|
describe('ReviewTabContainer', () => {
|
|
let wrapper;
|
|
const { commit } = getDiffWithCommit();
|
|
|
|
const createWrapper = (props = {}) => {
|
|
wrapper = shallowMount(ReviewTabContainer, {
|
|
propsData: {
|
|
tab: 'commits',
|
|
isLoading: false,
|
|
loadingError: false,
|
|
loadingFailedText: 'Failed to load commits',
|
|
commits: [],
|
|
selectedRow: [],
|
|
...props,
|
|
},
|
|
});
|
|
};
|
|
|
|
beforeEach(() => {
|
|
createWrapper();
|
|
});
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
it('shows loading icon when commits are being loaded', () => {
|
|
createWrapper({ isLoading: true });
|
|
expect(wrapper.find(GlLoadingIcon).exists()).toBe(true);
|
|
});
|
|
|
|
it('shows loading error text when API call fails', () => {
|
|
createWrapper({ loadingError: true });
|
|
expect(wrapper.text()).toContain('Failed to load commits');
|
|
});
|
|
|
|
it('shows "No commits present here" when commits are not present', () => {
|
|
expect(wrapper.text()).toContain('No commits present here');
|
|
});
|
|
|
|
it('renders all passed commits as list', () => {
|
|
createWrapper({ commits: [commit] });
|
|
expect(wrapper.findAll(CommitItem).length).toBe(1);
|
|
});
|
|
});
|