2022-04-30 10:11:30 +03:00
|
|
|
import { Mock } from 'ts-mockery';
|
|
|
|
import { addDays, formatISO, subDays } from 'date-fns';
|
2022-11-12 19:51:37 +03:00
|
|
|
import {
|
|
|
|
getDomainVisits as getDomainVisitsCreator,
|
2022-04-30 10:19:43 +03:00
|
|
|
DomainVisits,
|
|
|
|
DEFAULT_DOMAIN,
|
2022-11-12 19:51:37 +03:00
|
|
|
domainVisitsReducerCreator,
|
2022-04-30 10:11:30 +03:00
|
|
|
} from '../../../src/visits/reducers/domainVisits';
|
|
|
|
import { rangeOf } from '../../../src/utils/utils';
|
|
|
|
import { Visit } from '../../../src/visits/types';
|
|
|
|
import { ShlinkVisits } from '../../../src/api/types';
|
2022-05-28 11:47:39 +03:00
|
|
|
import { ShlinkApiClient } from '../../../src/api/services/ShlinkApiClient';
|
2022-04-30 10:11:30 +03:00
|
|
|
import { ShlinkState } from '../../../src/container/types';
|
|
|
|
import { formatIsoDate } from '../../../src/utils/helpers/date';
|
|
|
|
import { DateInterval } from '../../../src/utils/dates/types';
|
2022-04-30 10:18:53 +03:00
|
|
|
import { ShortUrl } from '../../../src/short-urls/data';
|
2022-11-08 00:29:15 +03:00
|
|
|
import { createNewVisits } from '../../../src/visits/reducers/visitCreation';
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
describe('domainVisitsReducer', () => {
|
|
|
|
const now = new Date();
|
|
|
|
const visitsMocks = rangeOf(2, () => Mock.all<Visit>());
|
2022-11-12 19:51:37 +03:00
|
|
|
const getDomainVisitsCall = jest.fn();
|
|
|
|
const buildApiClientMock = () => Mock.of<ShlinkApiClient>({ getDomainVisits: getDomainVisitsCall });
|
|
|
|
const creator = getDomainVisitsCreator(buildApiClientMock);
|
|
|
|
const { asyncThunk: getDomainVisits, progressChangedAction, largeAction, fallbackToIntervalAction } = creator;
|
2022-11-12 22:37:04 +03:00
|
|
|
const { reducer, cancelGetVisits: cancelGetDomainVisits } = domainVisitsReducerCreator(creator);
|
2022-11-12 19:51:37 +03:00
|
|
|
|
|
|
|
beforeEach(jest.clearAllMocks);
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
describe('reducer', () => {
|
|
|
|
const buildState = (data: Partial<DomainVisits>) => Mock.of<DomainVisits>(data);
|
|
|
|
|
|
|
|
it('returns loading on GET_DOMAIN_VISITS_START', () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
const { loading } = reducer(buildState({ loading: false }), { type: getDomainVisits.pending.toString() });
|
2022-04-30 10:11:30 +03:00
|
|
|
expect(loading).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('returns loadingLarge on GET_DOMAIN_VISITS_LARGE', () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
const { loadingLarge } = reducer(buildState({ loadingLarge: false }), { type: largeAction.toString() });
|
2022-04-30 10:11:30 +03:00
|
|
|
expect(loadingLarge).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('returns cancelLoad on GET_DOMAIN_VISITS_CANCEL', () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
const { cancelLoad } = reducer(buildState({ cancelLoad: false }), { type: cancelGetDomainVisits.toString() });
|
2022-04-30 10:11:30 +03:00
|
|
|
expect(cancelLoad).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('stops loading and returns error on GET_DOMAIN_VISITS_ERROR', () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
const state = reducer(buildState({ loading: true, error: false }), { type: getDomainVisits.rejected.toString() });
|
2022-04-30 10:11:30 +03:00
|
|
|
const { loading, error } = state;
|
|
|
|
|
|
|
|
expect(loading).toEqual(false);
|
|
|
|
expect(error).toEqual(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('return visits on GET_DOMAIN_VISITS', () => {
|
|
|
|
const actionVisits = [{}, {}];
|
2022-11-12 19:51:37 +03:00
|
|
|
const { loading, error, visits } = reducer(buildState({ loading: true, error: false }), {
|
|
|
|
type: getDomainVisits.fulfilled.toString(),
|
2022-11-12 12:33:52 +03:00
|
|
|
payload: { visits: actionVisits },
|
2022-11-12 19:51:37 +03:00
|
|
|
});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(loading).toEqual(false);
|
|
|
|
expect(error).toEqual(false);
|
|
|
|
expect(visits).toEqual(actionVisits);
|
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
2022-04-30 10:18:53 +03:00
|
|
|
[{ domain: 'foo.com' }, 'foo.com', visitsMocks.length + 1],
|
|
|
|
[{ domain: 'bar.com' }, 'foo.com', visitsMocks.length],
|
|
|
|
[Mock.of<DomainVisits>({ domain: 'foo.com' }), 'foo.com', visitsMocks.length + 1],
|
|
|
|
[Mock.of<DomainVisits>({ domain: DEFAULT_DOMAIN }), null, visitsMocks.length + 1],
|
2022-04-30 10:11:30 +03:00
|
|
|
[
|
|
|
|
Mock.of<DomainVisits>({
|
|
|
|
domain: 'foo.com',
|
|
|
|
query: { endDate: formatIsoDate(subDays(now, 1)) ?? undefined },
|
|
|
|
}),
|
2022-04-30 10:18:53 +03:00
|
|
|
'foo.com',
|
2022-04-30 10:11:30 +03:00
|
|
|
visitsMocks.length,
|
|
|
|
],
|
|
|
|
[
|
|
|
|
Mock.of<DomainVisits>({
|
|
|
|
domain: 'foo.com',
|
|
|
|
query: { startDate: formatIsoDate(addDays(now, 1)) ?? undefined },
|
|
|
|
}),
|
2022-04-30 10:18:53 +03:00
|
|
|
'foo.com',
|
2022-04-30 10:11:30 +03:00
|
|
|
visitsMocks.length,
|
|
|
|
],
|
|
|
|
[
|
|
|
|
Mock.of<DomainVisits>({
|
|
|
|
domain: 'foo.com',
|
|
|
|
query: {
|
|
|
|
startDate: formatIsoDate(subDays(now, 5)) ?? undefined,
|
|
|
|
endDate: formatIsoDate(subDays(now, 2)) ?? undefined,
|
|
|
|
},
|
|
|
|
}),
|
2022-04-30 10:18:53 +03:00
|
|
|
'foo.com',
|
2022-04-30 10:11:30 +03:00
|
|
|
visitsMocks.length,
|
|
|
|
],
|
|
|
|
[
|
|
|
|
Mock.of<DomainVisits>({
|
|
|
|
domain: 'foo.com',
|
|
|
|
query: {
|
|
|
|
startDate: formatIsoDate(subDays(now, 5)) ?? undefined,
|
|
|
|
endDate: formatIsoDate(addDays(now, 3)) ?? undefined,
|
|
|
|
},
|
|
|
|
}),
|
2022-04-30 10:18:53 +03:00
|
|
|
'foo.com',
|
2022-04-30 10:11:30 +03:00
|
|
|
visitsMocks.length + 1,
|
|
|
|
],
|
|
|
|
[
|
|
|
|
Mock.of<DomainVisits>({
|
|
|
|
domain: 'bar.com',
|
|
|
|
query: {
|
|
|
|
startDate: formatIsoDate(subDays(now, 5)) ?? undefined,
|
|
|
|
endDate: formatIsoDate(addDays(now, 3)) ?? undefined,
|
|
|
|
},
|
|
|
|
}),
|
2022-04-30 10:18:53 +03:00
|
|
|
'foo.com',
|
2022-04-30 10:11:30 +03:00
|
|
|
visitsMocks.length,
|
|
|
|
],
|
2022-04-30 10:18:53 +03:00
|
|
|
])('prepends new visits on CREATE_VISIT', (state, shortUrlDomain, expectedVisits) => {
|
|
|
|
const shortUrl = Mock.of<ShortUrl>({ domain: shortUrlDomain });
|
2022-11-12 19:51:37 +03:00
|
|
|
const { visits } = reducer(buildState({ ...state, visits: visitsMocks }), {
|
2022-11-08 00:29:15 +03:00
|
|
|
type: createNewVisits.toString(),
|
2022-11-05 15:01:00 +03:00
|
|
|
payload: { createdVisits: [{ shortUrl, visit: { date: formatIsoDate(now) ?? undefined } }] },
|
2022-11-12 19:51:37 +03:00
|
|
|
});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(visits).toHaveLength(expectedVisits);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('returns new progress on GET_DOMAIN_VISITS_PROGRESS_CHANGED', () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
const state = reducer(undefined, { type: progressChangedAction.toString(), payload: 85 });
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(state).toEqual(expect.objectContaining({ progress: 85 }));
|
|
|
|
});
|
|
|
|
|
|
|
|
it('returns fallbackInterval on GET_DOMAIN_VISITS_FALLBACK_TO_INTERVAL', () => {
|
|
|
|
const fallbackInterval: DateInterval = 'last30Days';
|
2022-11-12 11:01:43 +03:00
|
|
|
const state = reducer(
|
|
|
|
undefined,
|
2022-11-12 19:51:37 +03:00
|
|
|
{ type: fallbackToIntervalAction.toString(), payload: fallbackInterval },
|
2022-11-12 11:01:43 +03:00
|
|
|
);
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(state).toEqual(expect.objectContaining({ fallbackInterval }));
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('getDomainVisits', () => {
|
|
|
|
const dispatchMock = jest.fn();
|
|
|
|
const getState = () => Mock.of<ShlinkState>({
|
|
|
|
domainVisits: { cancelLoad: false },
|
|
|
|
});
|
|
|
|
const domain = 'foo.com';
|
|
|
|
|
|
|
|
it('dispatches start and error when promise is rejected', async () => {
|
2022-11-12 19:51:37 +03:00
|
|
|
getDomainVisitsCall.mockRejectedValue(new Error());
|
2022-04-30 10:11:30 +03:00
|
|
|
|
2022-11-12 19:51:37 +03:00
|
|
|
await getDomainVisits({ domain })(dispatchMock, getState, {});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(dispatchMock).toHaveBeenCalledTimes(2);
|
2022-11-12 19:51:37 +03:00
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
|
|
|
type: getDomainVisits.pending.toString(),
|
|
|
|
}));
|
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(2, expect.objectContaining({
|
|
|
|
type: getDomainVisits.rejected.toString(),
|
|
|
|
}));
|
|
|
|
expect(getDomainVisitsCall).toHaveBeenCalledTimes(1);
|
2022-04-30 10:11:30 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
|
|
|
[undefined],
|
|
|
|
[{}],
|
|
|
|
])('dispatches start and success when promise is resolved', async (query) => {
|
|
|
|
const visits = visitsMocks;
|
2022-11-12 19:51:37 +03:00
|
|
|
getDomainVisitsCall.mockResolvedValue({
|
2022-04-30 10:11:30 +03:00
|
|
|
data: visitsMocks,
|
|
|
|
pagination: {
|
|
|
|
currentPage: 1,
|
|
|
|
pagesCount: 1,
|
|
|
|
totalItems: 1,
|
|
|
|
},
|
2022-11-12 19:51:37 +03:00
|
|
|
});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
2022-11-12 19:51:37 +03:00
|
|
|
await getDomainVisits({ domain, query })(dispatchMock, getState, {});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
|
|
|
expect(dispatchMock).toHaveBeenCalledTimes(2);
|
2022-11-12 19:51:37 +03:00
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
|
|
|
type: getDomainVisits.pending.toString(),
|
|
|
|
}));
|
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(2, expect.objectContaining({
|
|
|
|
type: getDomainVisits.fulfilled.toString(),
|
2022-11-12 12:33:52 +03:00
|
|
|
payload: { visits, domain, query: query ?? {} },
|
2022-11-12 19:51:37 +03:00
|
|
|
}));
|
|
|
|
expect(getDomainVisitsCall).toHaveBeenCalledTimes(1);
|
2022-04-30 10:11:30 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it.each([
|
|
|
|
[
|
|
|
|
[Mock.of<Visit>({ date: formatISO(subDays(new Date(), 20)) })],
|
2022-11-12 19:51:37 +03:00
|
|
|
{ type: fallbackToIntervalAction.toString(), payload: 'last30Days' },
|
|
|
|
3,
|
2022-04-30 10:11:30 +03:00
|
|
|
],
|
|
|
|
[
|
|
|
|
[Mock.of<Visit>({ date: formatISO(subDays(new Date(), 100)) })],
|
2022-11-12 19:51:37 +03:00
|
|
|
{ type: fallbackToIntervalAction.toString(), payload: 'last180Days' },
|
|
|
|
3,
|
2022-04-30 10:11:30 +03:00
|
|
|
],
|
2022-11-12 19:51:37 +03:00
|
|
|
[[], expect.objectContaining({ type: getDomainVisits.fulfilled.toString() }), 2],
|
|
|
|
])('dispatches fallback interval when the list of visits is empty', async (
|
|
|
|
lastVisits,
|
|
|
|
expectedSecondDispatch,
|
|
|
|
expectedDispatchCalls,
|
|
|
|
) => {
|
2022-04-30 10:11:30 +03:00
|
|
|
const buildVisitsResult = (data: Visit[] = []): ShlinkVisits => ({
|
|
|
|
data,
|
|
|
|
pagination: {
|
|
|
|
currentPage: 1,
|
|
|
|
pagesCount: 1,
|
|
|
|
totalItems: 1,
|
|
|
|
},
|
|
|
|
});
|
2022-11-12 19:51:37 +03:00
|
|
|
getDomainVisitsCall
|
2022-04-30 10:11:30 +03:00
|
|
|
.mockResolvedValueOnce(buildVisitsResult())
|
|
|
|
.mockResolvedValueOnce(buildVisitsResult(lastVisits));
|
|
|
|
|
2022-11-12 19:51:37 +03:00
|
|
|
await getDomainVisits({ domain, doIntervalFallback: true })(dispatchMock, getState, {});
|
2022-04-30 10:11:30 +03:00
|
|
|
|
2022-11-12 19:51:37 +03:00
|
|
|
expect(dispatchMock).toHaveBeenCalledTimes(expectedDispatchCalls);
|
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
|
|
|
type: getDomainVisits.pending.toString(),
|
|
|
|
}));
|
2022-04-30 10:11:30 +03:00
|
|
|
expect(dispatchMock).toHaveBeenNthCalledWith(2, expectedSecondDispatch);
|
2022-11-12 19:51:37 +03:00
|
|
|
expect(getDomainVisitsCall).toHaveBeenCalledTimes(2);
|
2022-04-30 10:11:30 +03:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('cancelGetDomainVisits', () => {
|
|
|
|
it('just returns the action with proper type', () =>
|
2022-11-12 19:51:37 +03:00
|
|
|
expect(cancelGetDomainVisits()).toEqual(expect.objectContaining({ type: cancelGetDomainVisits.toString() })));
|
2022-04-30 10:11:30 +03:00
|
|
|
});
|
|
|
|
});
|