72 lines
1.9 KiB
JavaScript
72 lines
1.9 KiB
JavaScript
import { GlFilteredSearch } from '@gitlab/ui';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import { OPERATOR_IS_ONLY } from '~/vue_shared/components/filtered_search_bar/constants';
|
|
import JobsFilteredSearch from '~/jobs/components/filtered_search/jobs_filtered_search.vue';
|
|
import { mockFailedSearchToken } from '../../mock_data';
|
|
|
|
describe('Jobs filtered search', () => {
|
|
let wrapper;
|
|
|
|
const findFilteredSearch = () => wrapper.findComponent(GlFilteredSearch);
|
|
const getSearchToken = (type) =>
|
|
findFilteredSearch()
|
|
.props('availableTokens')
|
|
.find((token) => token.type === type);
|
|
|
|
const findStatusToken = () => getSearchToken('status');
|
|
|
|
const createComponent = (props) => {
|
|
wrapper = shallowMount(JobsFilteredSearch, {
|
|
propsData: {
|
|
...props,
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
it('displays filtered search', () => {
|
|
createComponent();
|
|
|
|
expect(findFilteredSearch().exists()).toBe(true);
|
|
});
|
|
|
|
it('displays status token', () => {
|
|
createComponent();
|
|
|
|
expect(findStatusToken()).toMatchObject({
|
|
type: 'status',
|
|
icon: 'status',
|
|
title: 'Status',
|
|
unique: true,
|
|
operators: OPERATOR_IS_ONLY,
|
|
});
|
|
});
|
|
|
|
it('emits filter token to parent component', () => {
|
|
createComponent();
|
|
|
|
findFilteredSearch().vm.$emit('submit', mockFailedSearchToken);
|
|
|
|
expect(wrapper.emitted('filterJobsBySearch')).toEqual([[mockFailedSearchToken]]);
|
|
});
|
|
|
|
it('filtered search value is empty array when no query string is passed', () => {
|
|
createComponent();
|
|
|
|
expect(findFilteredSearch().props('value')).toEqual([]);
|
|
});
|
|
|
|
it('filtered search returns correct data shape when passed query string', () => {
|
|
const value = 'SUCCESS';
|
|
|
|
createComponent({ queryString: { statuses: value } });
|
|
|
|
expect(findFilteredSearch().props('value')).toEqual([
|
|
{ type: 'status', value: { data: value, operator: '=' } },
|
|
]);
|
|
});
|
|
});
|