diff options
Diffstat (limited to 'spec/javascripts/filtered_search/dropdown_utils_spec.js')
-rw-r--r-- | spec/javascripts/filtered_search/dropdown_utils_spec.js | 374 |
1 files changed, 0 insertions, 374 deletions
diff --git a/spec/javascripts/filtered_search/dropdown_utils_spec.js b/spec/javascripts/filtered_search/dropdown_utils_spec.js deleted file mode 100644 index 6eda4f391a4..00000000000 --- a/spec/javascripts/filtered_search/dropdown_utils_spec.js +++ /dev/null @@ -1,374 +0,0 @@ -import DropdownUtils from '~/filtered_search/dropdown_utils'; -import FilteredSearchDropdownManager from '~/filtered_search/filtered_search_dropdown_manager'; -import IssuableFilteredSearchTokenKeys from '~/filtered_search/issuable_filtered_search_token_keys'; -import FilteredSearchSpecHelper from '../helpers/filtered_search_spec_helper'; - -describe('Dropdown Utils', () => { - const issueListFixture = 'issues/issue_list.html'; - preloadFixtures(issueListFixture); - - describe('getEscapedText', () => { - it('should return same word when it has no space', () => { - const escaped = DropdownUtils.getEscapedText('textWithoutSpace'); - - expect(escaped).toBe('textWithoutSpace'); - }); - - it('should escape with double quotes', () => { - let escaped = DropdownUtils.getEscapedText('text with space'); - - expect(escaped).toBe('"text with space"'); - - escaped = DropdownUtils.getEscapedText("won't fix"); - - expect(escaped).toBe('"won\'t fix"'); - }); - - it('should escape with single quotes', () => { - const escaped = DropdownUtils.getEscapedText('won"t fix'); - - expect(escaped).toBe("'won\"t fix'"); - }); - - it('should escape with single quotes by default', () => { - const escaped = DropdownUtils.getEscapedText('won"t\' fix'); - - expect(escaped).toBe("'won\"t' fix'"); - }); - }); - - describe('filterWithSymbol', () => { - let input; - const item = { - title: '@root', - }; - - beforeEach(() => { - setFixtures(` - <input type="text" id="test" /> - `); - - input = document.getElementById('test'); - }); - - it('should filter without symbol', () => { - input.value = 'roo'; - - const updatedItem = DropdownUtils.filterWithSymbol('@', input, item); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with symbol', () => { - input.value = '@roo'; - - const updatedItem = DropdownUtils.filterWithSymbol('@', input, item); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - describe('filters multiple word title', () => { - const multipleWordItem = { - title: 'Community Contributions', - }; - - it('should filter with double quote', () => { - input.value = '"'; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with double quote and symbol', () => { - input.value = '~"'; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with double quote and multiple words', () => { - input.value = '"community con'; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with double quote, symbol and multiple words', () => { - input.value = '~"community con'; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with single quote', () => { - input.value = "'"; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with single quote and symbol', () => { - input.value = "~'"; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with single quote and multiple words', () => { - input.value = "'community con"; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should filter with single quote, symbol and multiple words', () => { - input.value = "~'community con"; - - const updatedItem = DropdownUtils.filterWithSymbol('~', input, multipleWordItem); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - }); - }); - - describe('filterHint', () => { - let input; - let allowedKeys; - - beforeEach(() => { - setFixtures(` - <ul class="tokens-container"> - <li class="input-token"> - <input class="filtered-search" type="text" id="test" /> - </li> - </ul> - `); - - input = document.getElementById('test'); - allowedKeys = IssuableFilteredSearchTokenKeys.getKeys(); - }); - - function config() { - return { - input, - allowedKeys, - }; - } - - it('should filter', () => { - input.value = 'l'; - let updatedItem = DropdownUtils.filterHint(config(), { - hint: 'label', - }); - - expect(updatedItem.droplab_hidden).toBe(false); - - input.value = 'o'; - updatedItem = DropdownUtils.filterHint(config(), { - hint: 'label', - }); - - expect(updatedItem.droplab_hidden).toBe(true); - }); - - it('should return droplab_hidden false when item has no hint', () => { - const updatedItem = DropdownUtils.filterHint(config(), {}, ''); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should allow multiple if item.type is array', () => { - input.value = 'label:~first la'; - const updatedItem = DropdownUtils.filterHint(config(), { - hint: 'label', - type: 'array', - }); - - expect(updatedItem.droplab_hidden).toBe(false); - }); - - it('should prevent multiple if item.type is not array', () => { - input.value = 'milestone:~first mile'; - let updatedItem = DropdownUtils.filterHint(config(), { - hint: 'milestone', - }); - - expect(updatedItem.droplab_hidden).toBe(true); - - updatedItem = DropdownUtils.filterHint(config(), { - hint: 'milestone', - type: 'string', - }); - - expect(updatedItem.droplab_hidden).toBe(true); - }); - }); - - describe('setDataValueIfSelected', () => { - beforeEach(() => { - spyOn(FilteredSearchDropdownManager, 'addWordToInput').and.callFake(() => {}); - }); - - it('calls addWordToInput when dataValue exists', () => { - const selected = { - getAttribute: () => 'value', - hasAttribute: () => false, - }; - - DropdownUtils.setDataValueIfSelected(null, '=', selected); - - expect(FilteredSearchDropdownManager.addWordToInput.calls.count()).toEqual(1); - }); - - it('returns true when dataValue exists', () => { - const selected = { - getAttribute: () => 'value', - hasAttribute: () => false, - }; - - const result = DropdownUtils.setDataValueIfSelected(null, '=', selected); - const result2 = DropdownUtils.setDataValueIfSelected(null, '!=', selected); - - expect(result).toBe(true); - expect(result2).toBe(true); - }); - - it('returns false when dataValue does not exist', () => { - const selected = { - getAttribute: () => null, - }; - - const result = DropdownUtils.setDataValueIfSelected(null, '=', selected); - const result2 = DropdownUtils.setDataValueIfSelected(null, '!=', selected); - - expect(result).toBe(false); - expect(result2).toBe(false); - }); - }); - - describe('getInputSelectionPosition', () => { - describe('word with trailing spaces', () => { - const value = 'label:none '; - - it('should return selectionStart when cursor is at the trailing space', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 11, - value, - }); - - expect(left).toBe(11); - expect(right).toBe(11); - }); - - it('should return input when cursor is at the start of input', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 0, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(10); - }); - - it('should return input when cursor is at the middle of input', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 7, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(10); - }); - - it('should return input when cursor is at the end of input', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 10, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(10); - }); - }); - - describe('multiple words', () => { - const value = 'label:~"Community Contribution"'; - - it('should return input when cursor is after the first word', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 17, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(31); - }); - - it('should return input when cursor is before the second word', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 18, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(31); - }); - }); - - describe('incomplete multiple words', () => { - const value = 'label:~"Community Contribution'; - - it('should return entire input when cursor is at the start of input', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 0, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(30); - }); - - it('should return entire input when cursor is at the end of input', () => { - const { left, right } = DropdownUtils.getInputSelectionPosition({ - selectionStart: 30, - value, - }); - - expect(left).toBe(0); - expect(right).toBe(30); - }); - }); - }); - - describe('getSearchQuery', () => { - let authorToken; - - beforeEach(() => { - loadFixtures(issueListFixture); - - authorToken = FilteredSearchSpecHelper.createFilterVisualToken('author', '=', '@user'); - const searchTermToken = FilteredSearchSpecHelper.createSearchVisualToken('search term'); - - const tokensContainer = document.querySelector('.tokens-container'); - tokensContainer.appendChild(searchTermToken); - tokensContainer.appendChild(authorToken); - }); - - it('uses original value if present', () => { - const originalValue = 'original dance'; - const valueContainer = authorToken.querySelector('.value-container'); - valueContainer.dataset.originalValue = originalValue; - - const searchQuery = DropdownUtils.getSearchQuery(); - - expect(searchQuery).toBe(' search term author:=original dance'); - }); - }); -}); |