import { Mock } from 'ts-mockery'; import { listShortUrls as listShortUrlsCreator, shortUrlsListReducerCreator, } from '../../../src/short-urls/reducers/shortUrlsList'; import { shortUrlDeleted } from '../../../src/short-urls/reducers/shortUrlDeletion'; import { ShlinkPaginator, ShlinkShortUrlsResponse } from '../../../src/api/types'; import { createShortUrl as createShortUrlCreator } from '../../../src/short-urls/reducers/shortUrlCreation'; import { editShortUrl as editShortUrlCreator } from '../../../src/short-urls/reducers/shortUrlEdition'; import { createNewVisits } from '../../../src/visits/reducers/visitCreation'; import { ShortUrl } from '../../../src/short-urls/data'; import { ShlinkApiClient } from '../../../src/api/services/ShlinkApiClient'; describe('shortUrlsListReducer', () => { const shortCode = 'abc123'; const listShortUrlsMock = jest.fn(); const buildShlinkApiClient = () => Mock.of({ listShortUrls: listShortUrlsMock }); const listShortUrls = listShortUrlsCreator(buildShlinkApiClient); const editShortUrl = editShortUrlCreator(buildShlinkApiClient); const createShortUrl = createShortUrlCreator(buildShlinkApiClient); const { reducer } = shortUrlsListReducerCreator(listShortUrls, editShortUrl, createShortUrl); afterEach(jest.clearAllMocks); describe('reducer', () => { it('returns loading on LIST_SHORT_URLS_START', () => expect(reducer(undefined, { type: listShortUrls.pending.toString() })).toEqual({ loading: true, error: false, })); it('returns short URLs on LIST_SHORT_URLS', () => expect(reducer(undefined, { type: listShortUrls.fulfilled.toString(), payload: { data: [] } })).toEqual({ shortUrls: { data: [] }, loading: false, error: false, })); it('returns error on LIST_SHORT_URLS_ERROR', () => expect(reducer(undefined, { type: listShortUrls.rejected.toString() })).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: shortUrlDeleted.toString(), payload: { shortCode } })).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: createNewVisits.toString(), payload: { createdVisits } })).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: createShortUrl.fulfilled.toString(), payload: newShortUrl })).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: editShortUrl.fulfilled.toString(), payload: editedShortUrl }); expect(result.shortUrls?.data).toEqual(expectedList); }); }); describe('listShortUrls', () => { const dispatch = jest.fn(); const getState = jest.fn().mockReturnValue({ selectedServer: {} }); it('dispatches proper actions if API client request succeeds', async () => { listShortUrlsMock.mockResolvedValue({}); await listShortUrls()(dispatch, getState, {}); expect(dispatch).toHaveBeenCalledTimes(2); expect(dispatch).toHaveBeenNthCalledWith(1, expect.objectContaining({ type: listShortUrls.pending.toString() })); expect(dispatch).toHaveBeenNthCalledWith(2, expect.objectContaining({ type: listShortUrls.fulfilled.toString(), payload: {}, })); expect(listShortUrlsMock).toHaveBeenCalledTimes(1); }); it('dispatches proper actions if API client request fails', async () => { listShortUrlsMock.mockRejectedValue(undefined); await listShortUrls()(dispatch, getState, {}); expect(dispatch).toHaveBeenCalledTimes(2); expect(dispatch).toHaveBeenNthCalledWith(1, expect.objectContaining({ type: listShortUrls.pending.toString() })); expect(dispatch).toHaveBeenNthCalledWith(2, expect.objectContaining({ type: listShortUrls.rejected.toString() })); expect(listShortUrlsMock).toHaveBeenCalledTimes(1); }); }); });