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_DELETED } from '../../../src/short-urls/reducers/shortUrlDeletion'; import { CREATE_VISITS } from '../../../src/visits/reducers/visitCreation'; import { ShortUrl } from '../../../src/short-urls/data'; import ShlinkApiClient from '../../../src/api/services/ShlinkApiClient'; import { ShlinkPaginator, ShlinkShortUrlsResponse } from '../../../src/api/types'; import { CREATE_SHORT_URL } from '../../../src/short-urls/reducers/shortUrlCreation'; import { SHORT_URL_EDITED } from '../../../src/short-urls/reducers/shortUrlEdition'; describe('shortUrlsListReducer', () => { const shortCode = 'abc123'; describe('reducer', () => { it('returns loading on LIST_SHORT_URLS_START', () => expect(reducer(undefined, { type: LIST_SHORT_URLS_START } as any)).toEqual({ 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({ loading: false, error: true, })); it('removes matching URL and reduces total on SHORT_URL_DELETED', () => { const state = { shortUrls: Mock.of({ data: [ Mock.of({ shortCode }), Mock.of({ shortCode, domain: 'example.com' }), Mock.of({ shortCode: 'foo' }), ], pagination: Mock.of({ totalItems: 10, }), }), loading: false, error: false, }; expect(reducer(state, { type: SHORT_URL_DELETED, shortCode } as any)).toEqual({ shortUrls: { data: [{ shortCode, domain: 'example.com' }, { shortCode: 'foo' }], pagination: { totalItems: 9 }, }, loading: false, error: false, }); }); const createNewShortUrlVisit = (visitsCount: number) => ({ shortUrl: { shortCode: 'abc123', visitsCount }, }); it.each([ [[createNewShortUrlVisit(11)], 11], [[createNewShortUrlVisit(30)], 30], [[createNewShortUrlVisit(20), createNewShortUrlVisit(40)], 40], [[{}], 10], [[], 10], ])('updates visits count on CREATE_VISITS', (createdVisits, expectedCount) => { const state = { shortUrls: Mock.of({ data: [ Mock.of({ shortCode, domain: 'example.com', visitsCount: 5 }), Mock.of({ shortCode, visitsCount: 10 }), Mock.of({ shortCode: 'foo', visitsCount: 8 }), ], }), loading: false, error: false, }; expect(reducer(state, { type: CREATE_VISITS, createdVisits } as any)).toEqual({ shortUrls: { data: [ { shortCode, domain: 'example.com', visitsCount: 5 }, { shortCode, visitsCount: expectedCount }, { shortCode: 'foo', visitsCount: 8 }, ], }, loading: false, error: false, }); }); it.each([ [ [ Mock.of({ shortCode }), Mock.of({ shortCode, domain: 'example.com' }), Mock.of({ shortCode: 'foo' }), ], [{ shortCode: 'newOne' }, { shortCode }, { shortCode, domain: 'example.com' }, { shortCode: 'foo' }], ], [ [ Mock.of({ shortCode }), Mock.of({ shortCode: 'code' }), Mock.of({ shortCode: 'foo' }), Mock.of({ shortCode: 'bar' }), Mock.of({ shortCode: 'baz' }), ], [{ shortCode: 'newOne' }, { shortCode }, { shortCode: 'code' }, { shortCode: 'foo' }, { shortCode: 'bar' }], ], [ [ Mock.of({ shortCode }), Mock.of({ shortCode: 'code' }), Mock.of({ shortCode: 'foo' }), Mock.of({ shortCode: 'bar' }), Mock.of({ shortCode: 'baz1' }), Mock.of({ shortCode: 'baz2' }), Mock.of({ shortCode: 'baz3' }), ], [{ shortCode: 'newOne' }, { shortCode }, { shortCode: 'code' }, { shortCode: 'foo' }, { shortCode: 'bar' }], ], ])('prepends new short URL and increases total on CREATE_SHORT_URL', (data, expectedData) => { const newShortUrl = Mock.of({ shortCode: 'newOne' }); const state = { shortUrls: Mock.of({ data, pagination: Mock.of({ totalItems: 15, }), }), loading: false, error: false, }; expect(reducer(state, { type: CREATE_SHORT_URL, result: newShortUrl } as any)).toEqual({ shortUrls: { data: expectedData, pagination: { totalItems: 16 }, }, loading: false, error: false, }); }); it.each([ ((): [ShortUrl, ShortUrl[], ShortUrl[]] => { const editedShortUrl = Mock.of({ shortCode: 'notMatching' }); const list = [Mock.of({ shortCode: 'foo' }), Mock.of({ shortCode: 'bar' })]; return [editedShortUrl, list, list]; })(), ((): [ShortUrl, ShortUrl[], ShortUrl[]] => { const editedShortUrl = Mock.of({ shortCode: 'matching', longUrl: 'new_one' }); const list = [ Mock.of({ shortCode: 'matching', longUrl: 'old_one' }), Mock.of({ shortCode: 'bar' }), ]; const expectedList = [editedShortUrl, list[1]]; return [editedShortUrl, list, expectedList]; })(), ])('updates matching short URL on SHORT_URL_EDITED', (editedShortUrl, initialList, expectedList) => { const state = { shortUrls: Mock.of({ data: initialList, pagination: Mock.of({ totalItems: 15, }), }), loading: false, error: false, }; const result = reducer(state, { type: SHORT_URL_EDITED, shortUrl: editedShortUrl } as any); expect(result.shortUrls?.data).toEqual(expectedList); }); }); 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({ 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: [] }); expect(listShortUrlsMock).toHaveBeenCalledTimes(1); }); it('dispatches proper actions if API client request fails', async () => { const listShortUrlsMock = jest.fn().mockRejectedValue(undefined); const apiClientMock = Mock.of({ 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 }); expect(listShortUrlsMock).toHaveBeenCalledTimes(1); }); }); });