diff --git a/app/assets/javascripts/work_items/components/work_item_description_template_listbox.vue b/app/assets/javascripts/work_items/components/work_item_description_template_listbox.vue index ccfd6654a47aaaeb333b23b616b83f69c4f67b20..93b55cfbed58a08e6cd588362767d861044a024b 100644 --- a/app/assets/javascripts/work_items/components/work_item_description_template_listbox.vue +++ b/app/assets/javascripts/work_items/components/work_item_description_template_listbox.vue @@ -74,7 +74,9 @@ export default { }, items() { return this.descriptionTemplates - .filter(({ name }) => (this.searchTerm ? name.includes(this.searchTerm) : true)) + .filter(({ name }) => + this.searchTerm ? name.toLowerCase().includes(this.searchTerm.toLowerCase()) : true, + ) .reduce((groups, current) => { const idx = groups.findIndex((group) => group.text === current.category); if (idx > -1) { diff --git a/spec/frontend/work_items/components/work_item_description_template_listbox_spec.js b/spec/frontend/work_items/components/work_item_description_template_listbox_spec.js index 4b26fe114221e6aa3c6dca9ae0b3aef847348c6b..9f7eed634f8061e66dabd733c757909c690653ff 100644 --- a/spec/frontend/work_items/components/work_item_description_template_listbox_spec.js +++ b/spec/frontend/work_items/components/work_item_description_template_listbox_spec.js @@ -29,7 +29,7 @@ const mockTemplatesList = [ projectId: 3, }, { - name: 'template 4', + name: 'Bug', __typename: 'WorkItemDescriptionTemplate', category: 'GROUP C', projectId: 4, @@ -162,9 +162,9 @@ describe('WorkItemDescriptionTemplateListbox', () => { expect(text).toContain('GROUP C'); }); - it('allows searching to narrow down results', async () => { - // only matches 'template 4' - findListbox().vm.$emit('search', '4'); + it('allows case insensitive searching to narrow down results', async () => { + // only matches 'Bug' + findListbox().vm.$emit('search', 'bug'); await nextTick(); expect(findListbox().props('items')).toHaveLength(1); });