diff options
Diffstat (limited to 'spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js')
-rw-r--r-- | spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js | 95 |
1 files changed, 0 insertions, 95 deletions
diff --git a/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js b/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js deleted file mode 100644 index 88c88d8f16f..00000000000 --- a/spec/frontend/pipelines/tokens/pipeline_tag_name_token_spec.js +++ /dev/null @@ -1,95 +0,0 @@ -import { GlFilteredSearchToken, GlFilteredSearchSuggestion, GlLoadingIcon } from '@gitlab/ui'; -import { shallowMount } from '@vue/test-utils'; -import Api from '~/api'; -import PipelineTagNameToken from '~/pipelines/components/pipelines_list/tokens/pipeline_tag_name_token.vue'; -import { tags, mockTagsAfterMap } from '../mock_data'; - -describe('Pipeline Branch Name Token', () => { - let wrapper; - - const findFilteredSearchToken = () => wrapper.findComponent(GlFilteredSearchToken); - const findAllFilteredSearchSuggestions = () => - wrapper.findAllComponents(GlFilteredSearchSuggestion); - const findLoadingIcon = () => wrapper.findComponent(GlLoadingIcon); - - const stubs = { - GlFilteredSearchToken: { - template: `<div><slot name="suggestions"></slot></div>`, - }, - }; - - const defaultProps = { - config: { - type: 'tag', - icon: 'tag', - title: 'Tag name', - unique: true, - projectId: '21', - disabled: false, - }, - value: { - data: '', - }, - cursorPosition: 'start', - }; - - const createComponent = (options, data) => { - wrapper = shallowMount(PipelineTagNameToken, { - propsData: { - ...defaultProps, - }, - data() { - return { - ...data, - }; - }, - ...options, - }); - }; - - beforeEach(() => { - jest.spyOn(Api, 'tags').mockResolvedValue({ data: tags }); - - createComponent(); - }); - - it('passes config correctly', () => { - expect(findFilteredSearchToken().props('config')).toEqual(defaultProps.config); - }); - - it('fetches and sets project tags', () => { - expect(Api.tags).toHaveBeenCalled(); - - expect(wrapper.vm.tags).toEqual(mockTagsAfterMap); - expect(findLoadingIcon().exists()).toBe(false); - }); - - describe('displays loading icon correctly', () => { - it('shows loading icon', () => { - createComponent({ stubs }, { loading: true }); - - expect(findLoadingIcon().exists()).toBe(true); - }); - - it('does not show loading icon', () => { - createComponent({ stubs }, { loading: false }); - - expect(findLoadingIcon().exists()).toBe(false); - }); - }); - - describe('shows tags correctly', () => { - it('renders all tags', () => { - createComponent({ stubs }, { tags, loading: false }); - - expect(findAllFilteredSearchSuggestions()).toHaveLength(tags.length); - }); - - it('renders only the tag searched for', () => { - const mockTags = ['main-tag']; - createComponent({ stubs }, { tags: mockTags, loading: false }); - - expect(findAllFilteredSearchSuggestions()).toHaveLength(mockTags.length); - }); - }); -}); |