Merge branch...

Merge branch '408682-migrate-glfilteredsearch-to-use-terms-as-tokens-in-app-assets-javascripts-analytics' into 'master'

Draft: Resolve "Migrate GlFilteredSearch to use terms-as-tokens in app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue"

See merge request !121170



Merged-by: Rudy Crespo <rcrespo@gitlab.com>

app/assets/javascripts/analytics/cycle_analytics/components/filter_bar.vue

@@ -146,6 +146,7 @@ export default {
       :search-input-placeholder="__('Filter results')"
       :tokens="tokens"
       :initial-filter-value="initialFilterValue()"
+      terms-as-tokens
       @onFilter="handleFilter"
     />
     <url-sync :query="query" />

spec/frontend/analytics/cycle_analytics/components/filter_bar_spec.js

@@ -119,6 +119,10 @@ describe('Filter bar', () => {
     it('renders FilteredSearchBar component', () => {
       expect(findFilteredSearch().exists()).toBe(true);
     });
+
+    it('passes the `terms-as-tokens` prop', () => {
+      expect(findFilteredSearch().props('termsAsTokens')).toBe(true);
+    });
   });
 
   describe('when the state has data', () => {