diff options
Diffstat (limited to 'spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js')
-rw-r--r-- | spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js | 33 |
1 files changed, 32 insertions, 1 deletions
diff --git a/spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js b/spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js index c79880d4766..64bfff3dfa1 100644 --- a/spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js +++ b/spec/frontend/vue_shared/components/filtered_search_bar/filtered_search_bar_root_spec.js @@ -1,5 +1,12 @@ import { shallowMount, mount } from '@vue/test-utils'; -import { GlFilteredSearch, GlButtonGroup, GlButton, GlDropdown, GlDropdownItem } from '@gitlab/ui'; +import { + GlFilteredSearch, + GlButtonGroup, + GlButton, + GlDropdown, + GlDropdownItem, + GlFormCheckbox, +} from '@gitlab/ui'; import FilteredSearchBarRoot from '~/vue_shared/components/filtered_search_bar/filtered_search_bar_root.vue'; import { uniqueTokens } from '~/vue_shared/components/filtered_search_bar/filtered_search_utils'; @@ -30,6 +37,8 @@ const createComponent = ({ recentSearchesStorageKey = 'requirements', tokens = mockAvailableTokens, sortOptions, + showCheckbox = false, + checkboxChecked = false, searchInputPlaceholder = 'Filter requirements', } = {}) => { const mountMethod = shallow ? shallowMount : mount; @@ -40,6 +49,8 @@ const createComponent = ({ recentSearchesStorageKey, tokens, sortOptions, + showCheckbox, + checkboxChecked, searchInputPlaceholder, }, }); @@ -364,6 +375,26 @@ describe('FilteredSearchBarRoot', () => { expect(glFilteredSearchEl.props('historyItems')).toEqual(mockHistoryItems); }); + it('renders checkbox when `showCheckbox` prop is true', async () => { + let wrapperWithCheckbox = createComponent({ + showCheckbox: true, + }); + + expect(wrapperWithCheckbox.find(GlFormCheckbox).exists()).toBe(true); + expect(wrapperWithCheckbox.find(GlFormCheckbox).attributes('checked')).not.toBeDefined(); + + wrapperWithCheckbox.destroy(); + + wrapperWithCheckbox = createComponent({ + showCheckbox: true, + checkboxChecked: true, + }); + + expect(wrapperWithCheckbox.find(GlFormCheckbox).attributes('checked')).toBe('true'); + + wrapperWithCheckbox.destroy(); + }); + it('renders search history items dropdown with formatting done using token symbols', async () => { const wrapperFullMount = createComponent({ sortOptions: mockSortOptions, shallow: false }); wrapperFullMount.vm.recentSearchesStore.addRecentSearch(mockHistoryItems[0]); |