Migrated to typescript the most complex reducer in the project

test/short-urls/reducers/shortUrlsList.test.ts

@@ -0,0 +1,189 @@
+import { Mock } from 'ts-mockery';
+import reducer, {
+  LIST_SHORT_URLS,
+  LIST_SHORT_URLS_ERROR,
+  LIST_SHORT_URLS_START,
+  listShortUrls,
+} from '../../../src/short-urls/reducers/shortUrlsList';
+import { SHORT_URL_TAGS_EDITED } from '../../../src/short-urls/reducers/shortUrlTags';
+import { SHORT_URL_DELETED } from '../../../src/short-urls/reducers/shortUrlDeletion';
+import { SHORT_URL_META_EDITED } from '../../../src/short-urls/reducers/shortUrlMeta';
+import { CREATE_VISIT } from '../../../src/visits/reducers/visitCreation';
+import { ShortUrl } from '../../../src/short-urls/data';
+import ShlinkApiClient from '../../../src/utils/services/ShlinkApiClient';
+
+describe('shortUrlsListReducer', () => {
+  describe('reducer', () => {
+    it('returns loading on LIST_SHORT_URLS_START', () =>
+      expect(reducer(undefined, { type: LIST_SHORT_URLS_START } as any)).toEqual({
+        shortUrls: {
+          data: [],
+        },
+        loading: true,
+        error: false,
+      }));
+
+    it('returns short URLs on LIST_SHORT_URLS', () =>
+      expect(reducer(undefined, { type: LIST_SHORT_URLS, shortUrls: { data: [] } } as any)).toEqual({
+        shortUrls: { data: [] },
+        loading: false,
+        error: false,
+      }));
+
+    it('returns error on LIST_SHORT_URLS_ERROR', () =>
+      expect(reducer(undefined, { type: LIST_SHORT_URLS_ERROR } as any)).toEqual({
+        shortUrls: {
+          data: [],
+        },
+        loading: false,
+        error: true,
+      }));
+
+    it('updates tags on matching URL on SHORT_URL_TAGS_EDITED', () => {
+      const shortCode = 'abc123';
+      const tags = [ 'foo', 'bar', 'baz' ];
+      const state = {
+        shortUrls: {
+          data: [
+            Mock.of<ShortUrl>({ shortCode, tags: [] }),
+            Mock.of<ShortUrl>({ shortCode, tags: [], domain: 'example.com' }),
+            Mock.of<ShortUrl>({ shortCode: 'foo', tags: [] }),
+          ],
+        },
+        loading: false,
+        error: false,
+      };
+
+      expect(reducer(state, { type: SHORT_URL_TAGS_EDITED, shortCode, tags, domain: null } as any)).toEqual({
+        shortUrls: {
+          data: [
+            { shortCode, tags },
+            { shortCode, tags: [], domain: 'example.com' },
+            { shortCode: 'foo', tags: [] },
+          ],
+        },
+        loading: false,
+        error: false,
+      });
+    });
+
+    it('updates meta on matching URL on SHORT_URL_META_EDITED', () => {
+      const shortCode = 'abc123';
+      const domain = 'example.com';
+      const meta = {
+        maxVisits: 5,
+        validSince: '2020-05-05',
+      };
+      const state = {
+        shortUrls: {
+          data: [
+            Mock.of<ShortUrl>({ shortCode, meta: { maxVisits: 10 }, domain }),
+            Mock.of<ShortUrl>({ shortCode, meta: { maxVisits: 50 } }),
+            Mock.of<ShortUrl>({ shortCode: 'foo', meta: {} }),
+          ],
+        },
+        loading: false,
+        error: false,
+      };
+
+      expect(reducer(state, { type: SHORT_URL_META_EDITED, shortCode, meta, domain } as any)).toEqual({
+        shortUrls: {
+          data: [
+            { shortCode, meta, domain: 'example.com' },
+            { shortCode, meta: { maxVisits: 50 } },
+            { shortCode: 'foo', meta: {} },
+          ],
+        },
+        loading: false,
+        error: false,
+      });
+    });
+
+    it('removes matching URL on SHORT_URL_DELETED', () => {
+      const shortCode = 'abc123';
+      const state = {
+        shortUrls: {
+          data: [
+            Mock.of<ShortUrl>({ shortCode }),
+            Mock.of<ShortUrl>({ shortCode, domain: 'example.com' }),
+            Mock.of<ShortUrl>({ shortCode: 'foo' }),
+          ],
+        },
+        loading: false,
+        error: false,
+      };
+
+      expect(reducer(state, { type: SHORT_URL_DELETED, shortCode } as any)).toEqual({
+        shortUrls: {
+          data: [{ shortCode, domain: 'example.com' }, { shortCode: 'foo' }],
+        },
+        loading: false,
+        error: false,
+      });
+    });
+
+    it('updates visits count on CREATE_VISIT', () => {
+      const shortCode = 'abc123';
+      const shortUrl = {
+        shortCode,
+        visitsCount: 11,
+      };
+      const state = {
+        shortUrls: {
+          data: [
+            Mock.of<ShortUrl>({ shortCode, domain: 'example.com', visitsCount: 5 }),
+            Mock.of<ShortUrl>({ shortCode, visitsCount: 10 }),
+            Mock.of<ShortUrl>({ shortCode: 'foo', visitsCount: 8 }),
+          ],
+        },
+        loading: false,
+        error: false,
+      };
+
+      expect(reducer(state, { type: CREATE_VISIT, shortUrl } as any)).toEqual({
+        shortUrls: {
+          data: [
+            { shortCode, domain: 'example.com', visitsCount: 5 },
+            { shortCode, visitsCount: 11 },
+            { shortCode: 'foo', visitsCount: 8 },
+          ],
+        },
+        loading: false,
+        error: false,
+      });
+    });
+  });
+
+  describe('listShortUrls', () => {
+    const dispatch = jest.fn();
+    const getState = jest.fn().mockReturnValue({ selectedServer: {} });
+
+    afterEach(jest.clearAllMocks);
+
+    it('dispatches proper actions if API client request succeeds', async () => {
+      const listShortUrlsMock = jest.fn().mockResolvedValue([]);
+      const apiClientMock = Mock.of<ShlinkApiClient>({ listShortUrls: listShortUrlsMock });
+
+      await listShortUrls(() => apiClientMock)()(dispatch, getState);
+
+      expect(dispatch).toHaveBeenCalledTimes(2);
+      expect(dispatch).toHaveBeenNthCalledWith(1, { type: LIST_SHORT_URLS_START });
+      expect(dispatch).toHaveBeenNthCalledWith(2, { type: LIST_SHORT_URLS, shortUrls: [], params: {} });
+
+      expect(listShortUrlsMock).toHaveBeenCalledTimes(1);
+    });
+
+    it('dispatches proper actions if API client request fails', async () => {
+      const listShortUrlsMock = jest.fn().mockRejectedValue(undefined);
+      const apiClientMock = Mock.of<ShlinkApiClient>({ listShortUrls: listShortUrlsMock });
+
+      await listShortUrls(() => apiClientMock)()(dispatch, getState);
+
+      expect(dispatch).toHaveBeenCalledTimes(2);
+      expect(dispatch).toHaveBeenNthCalledWith(1, { type: LIST_SHORT_URLS_START });
+      expect(dispatch).toHaveBeenNthCalledWith(2, { type: LIST_SHORT_URLS_ERROR, params: {} });
+
+      expect(listShortUrlsMock).toHaveBeenCalledTimes(1);
+    });
+  });
+});