Dispatch input eventdouble-click-tokens-editable

2 files changed, 3 insertions, 2 deletions

diff --git a/app/assets/javascripts/filtered_search/filtered_search_visual_tokens.js.es6 b/app/assets/javascripts/filtered_search/filtered_search_visual_tokens.js.es6
index aa06b1ee14e..78b245726ee 100644
--- a/app/assets/javascripts/filtered_search/filtered_search_visual_tokens.js.es6
+++ b/app/assets/javascripts/filtered_search/filtered_search_visual_tokens.js.es6
@@ -166,7 +166,8 @@ class FilteredSearchVisualTokens {
     }
 
     // Opens dropdown
-    input.click();
+    const inputEvent = new Event('input');
+    input.dispatchEvent(inputEvent);
 
     // Adds cursor to input
     input.focus();
diff --git a/spec/features/issues/filtered_search/visual_tokens_spec.rb b/spec/features/issues/filtered_search/visual_tokens_spec.rb
index cab52848578..b62a6d7913d 100644
--- a/spec/features/issues/filtered_search/visual_tokens_spec.rb
+++ b/spec/features/issues/filtered_search/visual_tokens_spec.rb
@@ -8,7 +8,7 @@ describe 'Visual tokens', js: true, feature: true do
   let!(:user_rock) { create(:user, name: 'The Rock', username: 'rock') }
   let!(:milestone_nine) { create(:milestone, title: '9.0', project: project) }
   let!(:milestone_ten) { create(:milestone, title: '10.0', project: project) }
-  let!(:label) { create(:label, project: project, title: 'enhancement') }
+  let!(:label) { create(:label, project: project, title: 'abc') }
   let!(:cc_label) { create(:label, project: project, title: 'Community Contribution') }
 
   let(:filtered_search) { find('.filtered-search') }