Add guard to base token handleInput

app/assets/javascripts/vue_shared/components/filtered_search_bar/tokens/base_token.vue

@@ -148,7 +148,8 @@ export default {
   methods: {
     handleInput: debounce(function debouncedSearch({ data }) {
       this.searchKey = data;
-      if (!this.suggestionsLoading) {
+
+      if (!this.suggestionsLoading && !this.activeTokenValue) {
         this.$emit('fetch-suggestions', data);
       }
     }, DEBOUNCE_DELAY),

spec/frontend/vue_shared/components/filtered_search_bar/tokens/base_token_spec.js

@@ -206,16 +206,39 @@ describe('BaseToken', () => {
     describe('events', () => {
       let wrapperWithNoStubs;
 
+      afterEach(() => {
+        wrapperWithNoStubs.destroy();
+      });
+
+      describe('when activeToken has been selected', () => {
         beforeEach(() => {
           wrapperWithNoStubs = createComponent({
+            props: {
+              ...mockProps,
+              getActiveTokenValue: () => ({ title: '' }),
+              suggestionsLoading: true,
+            },
             stubs: { Portal: true },
           });
         });
+        it('does not emit `fetch-suggestions` event on component after a delay when component emits `input` event', async () => {
+          jest.useFakeTimers();
 
-      afterEach(() => {
-        wrapperWithNoStubs.destroy();
+          wrapperWithNoStubs.find(GlFilteredSearchToken).vm.$emit('input', { data: 'foo' });
+          await wrapperWithNoStubs.vm.$nextTick();
+
+          jest.runAllTimers();
+
+          expect(wrapperWithNoStubs.emitted('fetch-suggestions')).toEqual([['']]);
+        });
       });
 
+      describe('when activeToken has not been selected', () => {
+        beforeEach(() => {
+          wrapperWithNoStubs = createComponent({
+            stubs: { Portal: true },
+          });
+        });
         it('emits `fetch-suggestions` event on component after a delay when component emits `input` event', async () => {
           jest.useFakeTimers();
 
@@ -229,4 +252,5 @@ describe('BaseToken', () => {
         });
       });
     });
+  });
 });