debian-mirror-gitlab/spec/frontend/snippets/components/show_spec.js

47 lines
1.3 KiB
JavaScript
Raw Normal View History

2020-04-22 19:07:51 +05:30
import SnippetApp from '~/snippets/components/show.vue';
2020-01-01 13:55:28 +05:30
import SnippetHeader from '~/snippets/components/snippet_header.vue';
2020-03-13 15:44:24 +05:30
import SnippetTitle from '~/snippets/components/snippet_title.vue';
import SnippetBlob from '~/snippets/components/snippet_blob_view.vue';
2020-01-01 13:55:28 +05:30
import { GlLoadingIcon } from '@gitlab/ui';
2020-03-13 15:44:24 +05:30
import { shallowMount } from '@vue/test-utils';
2020-01-01 13:55:28 +05:30
describe('Snippet view app', () => {
let wrapper;
const defaultProps = {
snippetGid: 'gid://gitlab/PersonalSnippet/42',
};
function createComponent({ props = defaultProps, loading = false } = {}) {
const $apollo = {
queries: {
snippet: {
loading,
},
},
};
wrapper = shallowMount(SnippetApp, {
mocks: { $apollo },
propsData: {
...props,
},
});
}
afterEach(() => {
wrapper.destroy();
});
it('renders loader while the query is in flight', () => {
createComponent({ loading: true });
expect(wrapper.find(GlLoadingIcon).exists()).toBe(true);
});
2020-03-13 15:44:24 +05:30
it('renders all components after the query is finished', () => {
2020-01-01 13:55:28 +05:30
createComponent();
expect(wrapper.find(SnippetHeader).exists()).toBe(true);
2020-03-13 15:44:24 +05:30
expect(wrapper.find(SnippetTitle).exists()).toBe(true);
expect(wrapper.find(SnippetBlob).exists()).toBe(true);
2020-01-01 13:55:28 +05:30
});
});