1 files changed, 88 insertions, 0 deletions

diff --git a/spec/frontend/issues/dashboard/utils_spec.js b/spec/frontend/issues/dashboard/utils_spec.js
new file mode 100644
index 00000000000..08d00eee3e3
--- /dev/null
+++ b/spec/frontend/issues/dashboard/utils_spec.js
@@ -0,0 +1,88 @@
+import AxiosMockAdapter from 'axios-mock-adapter';
+import fuzzaldrinPlus from 'fuzzaldrin-plus';
+import { AutocompleteCache } from '~/issues/dashboard/utils';
+import { MAX_LIST_SIZE } from '~/issues/list/constants';
+import axios from '~/lib/utils/axios_utils';
+
+describe('AutocompleteCache', () => {
+  let autocompleteCache;
+  let axiosMock;
+  const cacheName = 'name';
+  const searchProperty = 'property';
+  const url = 'url';
+
+  const data = [
+    { [searchProperty]: 'one' },
+    { [searchProperty]: 'two' },
+    { [searchProperty]: 'three' },
+    { [searchProperty]: 'four' },
+    { [searchProperty]: 'five' },
+    { [searchProperty]: 'six' },
+    { [searchProperty]: 'seven' },
+    { [searchProperty]: 'eight' },
+    { [searchProperty]: 'nine' },
+    { [searchProperty]: 'ten' },
+    { [searchProperty]: 'eleven' },
+    { [searchProperty]: 'twelve' },
+    { [searchProperty]: 'thirteen' },
+    { [searchProperty]: 'fourteen' },
+    { [searchProperty]: 'fifteen' },
+  ];
+
+  beforeEach(() => {
+    autocompleteCache = new AutocompleteCache();
+    axiosMock = new AxiosMockAdapter(axios);
+  });
+
+  afterEach(() => {
+    axiosMock.reset();
+  });
+
+  describe('when there is no cached data', () => {
+    let response;
+
+    beforeEach(async () => {
+      axiosMock.onGet(url).replyOnce(200, data);
+      response = await autocompleteCache.fetch({ url, cacheName, searchProperty });
+    });
+
+    it('fetches items via the API', () => {
+      expect(axiosMock.history.get[0].url).toBe(url);
+    });
+
+    it('returns a maximum of 10 items', () => {
+      expect(response).toHaveLength(MAX_LIST_SIZE);
+    });
+  });
+
+  describe('when there is cached data', () => {
+    let response;
+
+    beforeEach(async () => {
+      axiosMock.onGet(url).replyOnce(200, data);
+      jest.spyOn(fuzzaldrinPlus, 'filter');
+      // Populate cache
+      await autocompleteCache.fetch({ url, cacheName, searchProperty });
+      // Execute filtering on cache data
+      response = await autocompleteCache.fetch({ url, cacheName, searchProperty, search: 'een' });
+    });
+
+    it('returns filtered items based on search characters', () => {
+      expect(response).toEqual([
+        { [searchProperty]: 'fifteen' },
+        { [searchProperty]: 'thirteen' },
+        { [searchProperty]: 'fourteen' },
+        { [searchProperty]: 'eleven' },
+        { [searchProperty]: 'seven' },
+      ]);
+    });
+
+    it('filters using fuzzaldrinPlus', () => {
+      expect(fuzzaldrinPlus.filter).toHaveBeenCalled();
+    });
+
+    it('does not call the API', () => {
+      expect(axiosMock.history.get[1]).toBeUndefined();
+    });
+  });
+});