shlink-web-client/test/visits/reducers/shortUrlVisits.test.ts

166 lines
6.2 KiB
TypeScript
Raw Normal View History

import { Mock } from 'ts-mockery';
2018-09-08 09:49:49 +03:00
import reducer, {
getShortUrlVisits,
cancelGetShortUrlVisits,
2018-09-08 09:49:49 +03:00
GET_SHORT_URL_VISITS_START,
GET_SHORT_URL_VISITS_ERROR,
GET_SHORT_URL_VISITS,
GET_SHORT_URL_VISITS_LARGE,
GET_SHORT_URL_VISITS_CANCEL,
GET_SHORT_URL_VISITS_PROGRESS_CHANGED,
ShortUrlVisits,
2018-09-08 09:49:49 +03:00
} from '../../../src/visits/reducers/shortUrlVisits';
import { CREATE_VISITS } from '../../../src/visits/reducers/visitCreation';
import { rangeOf } from '../../../src/utils/utils';
import { Visit } from '../../../src/visits/types';
import { ShlinkVisits } from '../../../src/utils/services/types';
import ShlinkApiClient from '../../../src/utils/services/ShlinkApiClient';
import { ShlinkState } from '../../../src/container/types';
2018-09-08 09:49:49 +03:00
describe('shortUrlVisitsReducer', () => {
const visitsMocks = rangeOf(2, () => Mock.all<Visit>());
2018-09-08 09:49:49 +03:00
describe('reducer', () => {
const buildState = (data: Partial<ShortUrlVisits>) => Mock.of<ShortUrlVisits>(data);
2018-09-08 09:49:49 +03:00
it('returns loading on GET_SHORT_URL_VISITS_START', () => {
const state = reducer(buildState({ loading: false }), { type: GET_SHORT_URL_VISITS_START } as any);
2018-09-08 09:49:49 +03:00
const { loading } = state;
expect(loading).toEqual(true);
});
it('returns loadingLarge on GET_SHORT_URL_VISITS_LARGE', () => {
const state = reducer(buildState({ loadingLarge: false }), { type: GET_SHORT_URL_VISITS_LARGE } as any);
const { loadingLarge } = state;
expect(loadingLarge).toEqual(true);
});
it('returns cancelLoad on GET_SHORT_URL_VISITS_CANCEL', () => {
const state = reducer(buildState({ cancelLoad: false }), { type: GET_SHORT_URL_VISITS_CANCEL } as any);
const { cancelLoad } = state;
expect(cancelLoad).toEqual(true);
});
2018-09-08 09:49:49 +03:00
it('stops loading and returns error on GET_SHORT_URL_VISITS_ERROR', () => {
const state = reducer(buildState({ loading: true, error: false }), { type: GET_SHORT_URL_VISITS_ERROR } as any);
2018-09-08 09:49:49 +03:00
const { loading, error } = state;
expect(loading).toEqual(false);
expect(error).toEqual(true);
});
it('return visits on GET_SHORT_URL_VISITS', () => {
const actionVisits = [{}, {}];
const state = reducer(
buildState({ loading: true, error: false }),
{ type: GET_SHORT_URL_VISITS, visits: actionVisits } as any,
);
2018-09-08 09:49:49 +03:00
const { loading, error, visits } = state;
expect(loading).toEqual(false);
expect(error).toEqual(false);
expect(visits).toEqual(actionVisits);
});
it.each([
[{ shortCode: 'abc123' }, [ ...visitsMocks, {}]],
[{ shortCode: 'def456' }, visitsMocks ],
2020-05-10 20:02:58 +03:00
])('appends a new visit on CREATE_VISIT', (state, expectedVisits) => {
const shortUrl = {
shortCode: 'abc123',
};
const prevState = buildState({
...state,
visits: visitsMocks,
});
const { visits } = reducer(prevState, { type: CREATE_VISITS, createdVisits: [{ shortUrl, visit: {} }] } as any);
expect(visits).toEqual(expectedVisits);
});
it('returns new progress on GET_SHORT_URL_VISITS_PROGRESS_CHANGED', () => {
const state = reducer(undefined, { type: GET_SHORT_URL_VISITS_PROGRESS_CHANGED, progress: 85 } as any);
expect(state).toEqual(expect.objectContaining({ progress: 85 }));
});
2018-09-08 09:49:49 +03:00
});
describe('getShortUrlVisits', () => {
type GetVisitsReturn = Promise<ShlinkVisits> | ((shortCode: string, query: any) => Promise<ShlinkVisits>);
const buildApiClientMock = (returned: GetVisitsReturn) => Mock.of<ShlinkApiClient>({
getShortUrlVisits: jest.fn(typeof returned === 'function' ? returned : async () => returned),
2018-09-08 09:49:49 +03:00
});
2019-04-19 13:41:59 +03:00
const dispatchMock = jest.fn();
const getState = () => Mock.of<ShlinkState>({
shortUrlVisits: Mock.of<ShortUrlVisits>({ cancelLoad: false }),
});
2018-09-08 09:49:49 +03:00
2019-04-19 13:41:59 +03:00
beforeEach(() => dispatchMock.mockReset());
2018-09-08 09:49:49 +03:00
it('dispatches start and error when promise is rejected', async () => {
const ShlinkApiClient = buildApiClientMock(Promise.reject({}));
2018-09-08 09:49:49 +03:00
await getShortUrlVisits(() => ShlinkApiClient)('abc123')(dispatchMock, getState);
2018-09-08 09:49:49 +03:00
2019-04-19 13:41:59 +03:00
expect(dispatchMock).toHaveBeenCalledTimes(2);
expect(dispatchMock).toHaveBeenNthCalledWith(1, { type: GET_SHORT_URL_VISITS_START });
expect(dispatchMock).toHaveBeenNthCalledWith(2, { type: GET_SHORT_URL_VISITS_ERROR });
expect(ShlinkApiClient.getShortUrlVisits).toHaveBeenCalledTimes(1);
2018-09-08 09:49:49 +03:00
});
it.each([
[ undefined, undefined ],
[{}, undefined ],
[{ domain: 'foobar.com' }, 'foobar.com' ],
])('dispatches start and success when promise is resolved', async (query, domain) => {
const visits = visitsMocks;
const shortCode = 'abc123';
2019-01-10 22:05:02 +03:00
const ShlinkApiClient = buildApiClientMock(Promise.resolve({
data: visitsMocks,
2019-01-10 22:05:02 +03:00
pagination: {
currentPage: 1,
pagesCount: 1,
2020-12-08 21:31:09 +03:00
totalItems: 1,
2019-01-10 22:05:02 +03:00
},
}));
2018-09-08 09:49:49 +03:00
await getShortUrlVisits(() => ShlinkApiClient)(shortCode, query)(dispatchMock, getState);
2018-09-08 09:49:49 +03:00
2019-04-19 13:41:59 +03:00
expect(dispatchMock).toHaveBeenCalledTimes(2);
expect(dispatchMock).toHaveBeenNthCalledWith(1, { type: GET_SHORT_URL_VISITS_START });
expect(dispatchMock).toHaveBeenNthCalledWith(2, { type: GET_SHORT_URL_VISITS, visits, shortCode, domain });
2019-04-19 13:41:59 +03:00
expect(ShlinkApiClient.getShortUrlVisits).toHaveBeenCalledTimes(1);
2018-09-08 09:49:49 +03:00
});
2019-01-10 22:05:02 +03:00
2019-01-10 22:11:32 +03:00
it('performs multiple API requests when response contains more pages', async () => {
2019-01-10 22:05:02 +03:00
const expectedRequests = 3;
const ShlinkApiClient = buildApiClientMock(async (_, { page }) =>
2019-01-10 22:05:02 +03:00
Promise.resolve({
data: visitsMocks,
2019-01-10 22:05:02 +03:00
pagination: {
currentPage: page,
pagesCount: expectedRequests,
2020-12-08 21:31:09 +03:00
totalItems: 1,
2019-01-10 22:05:02 +03:00
},
}));
await getShortUrlVisits(() => ShlinkApiClient)('abc123')(dispatchMock, getState);
2019-04-19 13:41:59 +03:00
expect(ShlinkApiClient.getShortUrlVisits).toHaveBeenCalledTimes(expectedRequests);
expect(dispatchMock).toHaveBeenNthCalledWith(3, expect.objectContaining({
visits: [ ...visitsMocks, ...visitsMocks, ...visitsMocks ],
2019-04-19 13:41:59 +03:00
}));
2019-01-10 22:05:02 +03:00
});
2018-09-08 09:49:49 +03:00
});
describe('cancelGetShortUrlVisits', () => {
it('just returns the action with proper type', () =>
expect(cancelGetShortUrlVisits()).toEqual({ type: GET_SHORT_URL_VISITS_CANCEL }));
});
2018-09-08 09:49:49 +03:00
});