mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-23 09:30:31 +03:00
Migrated shortUrlCreation reducer to RTK
This commit is contained in:
parent
50823003b4
commit
a316366ae9
8 changed files with 80 additions and 83 deletions
|
@ -3,7 +3,6 @@ import { combineReducers } from 'redux';
|
||||||
import { serversReducer } from '../servers/reducers/servers';
|
import { serversReducer } from '../servers/reducers/servers';
|
||||||
import selectedServerReducer from '../servers/reducers/selectedServer';
|
import selectedServerReducer from '../servers/reducers/selectedServer';
|
||||||
import shortUrlsListReducer from '../short-urls/reducers/shortUrlsList';
|
import shortUrlsListReducer from '../short-urls/reducers/shortUrlsList';
|
||||||
import shortUrlCreationReducer from '../short-urls/reducers/shortUrlCreation';
|
|
||||||
import shortUrlDeletionReducer from '../short-urls/reducers/shortUrlDeletion';
|
import shortUrlDeletionReducer from '../short-urls/reducers/shortUrlDeletion';
|
||||||
import shortUrlEditionReducer from '../short-urls/reducers/shortUrlEdition';
|
import shortUrlEditionReducer from '../short-urls/reducers/shortUrlEdition';
|
||||||
import shortUrlVisitsReducer from '../visits/reducers/shortUrlVisits';
|
import shortUrlVisitsReducer from '../visits/reducers/shortUrlVisits';
|
||||||
|
@ -25,7 +24,7 @@ export default (container: IContainer) => combineReducers<ShlinkState>({
|
||||||
servers: serversReducer,
|
servers: serversReducer,
|
||||||
selectedServer: selectedServerReducer,
|
selectedServer: selectedServerReducer,
|
||||||
shortUrlsList: shortUrlsListReducer,
|
shortUrlsList: shortUrlsListReducer,
|
||||||
shortUrlCreationResult: shortUrlCreationReducer,
|
shortUrlCreationResult: container.shortUrlCreationReducer,
|
||||||
shortUrlDeletion: shortUrlDeletionReducer,
|
shortUrlDeletion: shortUrlDeletionReducer,
|
||||||
shortUrlEdition: shortUrlEditionReducer,
|
shortUrlEdition: shortUrlEditionReducer,
|
||||||
shortUrlVisits: shortUrlVisitsReducer,
|
shortUrlVisits: shortUrlVisitsReducer,
|
||||||
|
|
|
@ -1,16 +1,11 @@
|
||||||
import { Action, Dispatch } from 'redux';
|
import { createSlice, PayloadAction } from '@reduxjs/toolkit';
|
||||||
import { GetState } from '../../container/types';
|
|
||||||
import { ShortUrl, ShortUrlData } from '../data';
|
import { ShortUrl, ShortUrlData } from '../data';
|
||||||
import { buildReducer, buildActionCreator } from '../../utils/helpers/redux';
|
import { createAsyncThunk } from '../../utils/helpers/redux';
|
||||||
import { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
|
import { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
|
||||||
import { parseApiError } from '../../api/utils';
|
import { parseApiError } from '../../api/utils';
|
||||||
import { ApiErrorAction } from '../../api/types/actions';
|
|
||||||
import { ProblemDetailsError } from '../../api/types/errors';
|
import { ProblemDetailsError } from '../../api/types/errors';
|
||||||
|
|
||||||
export const CREATE_SHORT_URL_START = 'shlink/createShortUrl/CREATE_SHORT_URL_START';
|
|
||||||
export const CREATE_SHORT_URL_ERROR = 'shlink/createShortUrl/CREATE_SHORT_URL_ERROR';
|
|
||||||
export const CREATE_SHORT_URL = 'shlink/createShortUrl/CREATE_SHORT_URL';
|
export const CREATE_SHORT_URL = 'shlink/createShortUrl/CREATE_SHORT_URL';
|
||||||
export const RESET_CREATE_SHORT_URL = 'shlink/createShortUrl/RESET_CREATE_SHORT_URL';
|
|
||||||
|
|
||||||
export interface ShortUrlCreation {
|
export interface ShortUrlCreation {
|
||||||
result: ShortUrl | null;
|
result: ShortUrl | null;
|
||||||
|
@ -19,9 +14,7 @@ export interface ShortUrlCreation {
|
||||||
errorData?: ProblemDetailsError;
|
errorData?: ProblemDetailsError;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface CreateShortUrlAction extends Action<string> {
|
export type CreateShortUrlAction = PayloadAction<ShortUrl>;
|
||||||
result: ShortUrl;
|
|
||||||
}
|
|
||||||
|
|
||||||
const initialState: ShortUrlCreation = {
|
const initialState: ShortUrlCreation = {
|
||||||
result: null,
|
result: null,
|
||||||
|
@ -29,29 +22,33 @@ const initialState: ShortUrlCreation = {
|
||||||
error: false,
|
error: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
export default buildReducer<ShortUrlCreation, CreateShortUrlAction & ApiErrorAction>({
|
export const shortUrlCreationReducerCreator = (buildShlinkApiClient: ShlinkApiClientBuilder) => {
|
||||||
[CREATE_SHORT_URL_START]: (state) => ({ ...state, saving: true, error: false }),
|
const createShortUrl = createAsyncThunk(CREATE_SHORT_URL, (data: ShortUrlData, { getState }): Promise<ShortUrl> => {
|
||||||
[CREATE_SHORT_URL_ERROR]: (state, { errorData }) => ({ ...state, saving: false, error: true, errorData }),
|
const { createShortUrl: shlinkCreateShortUrl } = buildShlinkApiClient(getState);
|
||||||
[CREATE_SHORT_URL]: (_, { result }) => ({ result, saving: false, error: false }),
|
return shlinkCreateShortUrl(data);
|
||||||
[RESET_CREATE_SHORT_URL]: () => initialState,
|
});
|
||||||
}, initialState);
|
|
||||||
|
|
||||||
export const createShortUrl = (buildShlinkApiClient: ShlinkApiClientBuilder) => (data: ShortUrlData) => async (
|
const { reducer, actions } = createSlice({
|
||||||
dispatch: Dispatch,
|
name: 'shortUrlCreationReducer',
|
||||||
getState: GetState,
|
initialState,
|
||||||
) => {
|
reducers: {
|
||||||
dispatch({ type: CREATE_SHORT_URL_START });
|
resetCreateShortUrl: () => initialState,
|
||||||
const { createShortUrl: shlinkCreateShortUrl } = buildShlinkApiClient(getState);
|
},
|
||||||
|
extraReducers: (builder) => {
|
||||||
|
builder.addCase(createShortUrl.pending, (state) => ({ ...state, saving: true, error: false }));
|
||||||
|
builder.addCase(
|
||||||
|
createShortUrl.rejected,
|
||||||
|
(state, { error }) => ({ ...state, saving: false, error: true, errorData: parseApiError(error) }),
|
||||||
|
);
|
||||||
|
builder.addCase(createShortUrl.fulfilled, (_, { payload: result }) => ({ result, saving: false, error: false }));
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
try {
|
const { resetCreateShortUrl } = actions;
|
||||||
const result = await shlinkCreateShortUrl(data);
|
|
||||||
|
|
||||||
dispatch<CreateShortUrlAction>({ type: CREATE_SHORT_URL, result });
|
return {
|
||||||
} catch (e: any) {
|
reducer,
|
||||||
dispatch<ApiErrorAction>({ type: CREATE_SHORT_URL_ERROR, errorData: parseApiError(e) });
|
createShortUrl,
|
||||||
|
resetCreateShortUrl,
|
||||||
throw e;
|
};
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export const resetCreateShortUrl = buildActionCreator(RESET_CREATE_SHORT_URL);
|
|
||||||
|
|
|
@ -74,13 +74,13 @@ export default buildReducer<ShortUrlsList, ListShortUrlsCombinedAction>({
|
||||||
),
|
),
|
||||||
state,
|
state,
|
||||||
),
|
),
|
||||||
[CREATE_SHORT_URL]: pipe(
|
[`${CREATE_SHORT_URL}/fulfilled`]: pipe( // TODO Do not hardcode action type here
|
||||||
// The only place where the list and the creation form coexist is the overview page.
|
// The only place where the list and the creation form coexist is the overview page.
|
||||||
// There we can assume we are displaying page 1, and therefore, we can safely prepend the new short URL.
|
// There we can assume we are displaying page 1, and therefore, we can safely prepend the new short URL.
|
||||||
// We can also remove the items above the amount that is displayed there.
|
// We can also remove the items above the amount that is displayed there.
|
||||||
(state: ShortUrlsList, { result }: CreateShortUrlAction) => (!state.shortUrls ? state : assocPath(
|
(state: ShortUrlsList, { payload }: CreateShortUrlAction) => (!state.shortUrls ? state : assocPath(
|
||||||
['shortUrls', 'data'],
|
['shortUrls', 'data'],
|
||||||
[result, ...state.shortUrls.data.slice(0, ITEMS_IN_OVERVIEW_PAGE - 1)],
|
[payload, ...state.shortUrls.data.slice(0, ITEMS_IN_OVERVIEW_PAGE - 1)],
|
||||||
state,
|
state,
|
||||||
)),
|
)),
|
||||||
(state: ShortUrlsList) => (!state.shortUrls ? state : assocPath(
|
(state: ShortUrlsList) => (!state.shortUrls ? state : assocPath(
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
import Bottle from 'bottlejs';
|
import Bottle from 'bottlejs';
|
||||||
|
import { prop } from 'ramda';
|
||||||
import { ShortUrlsFilteringBar } from '../ShortUrlsFilteringBar';
|
import { ShortUrlsFilteringBar } from '../ShortUrlsFilteringBar';
|
||||||
import { ShortUrlsList } from '../ShortUrlsList';
|
import { ShortUrlsList } from '../ShortUrlsList';
|
||||||
import { ShortUrlsRow } from '../helpers/ShortUrlsRow';
|
import { ShortUrlsRow } from '../helpers/ShortUrlsRow';
|
||||||
|
@ -7,7 +8,7 @@ import { CreateShortUrl } from '../CreateShortUrl';
|
||||||
import { DeleteShortUrlModal } from '../helpers/DeleteShortUrlModal';
|
import { DeleteShortUrlModal } from '../helpers/DeleteShortUrlModal';
|
||||||
import { CreateShortUrlResult } from '../helpers/CreateShortUrlResult';
|
import { CreateShortUrlResult } from '../helpers/CreateShortUrlResult';
|
||||||
import { listShortUrls } from '../reducers/shortUrlsList';
|
import { listShortUrls } from '../reducers/shortUrlsList';
|
||||||
import { createShortUrl, resetCreateShortUrl } from '../reducers/shortUrlCreation';
|
import { shortUrlCreationReducerCreator } from '../reducers/shortUrlCreation';
|
||||||
import { deleteShortUrl, resetDeleteShortUrl } from '../reducers/shortUrlDeletion';
|
import { deleteShortUrl, resetDeleteShortUrl } from '../reducers/shortUrlDeletion';
|
||||||
import { editShortUrl } from '../reducers/shortUrlEdition';
|
import { editShortUrl } from '../reducers/shortUrlEdition';
|
||||||
import { ConnectDecorator } from '../../container/types';
|
import { ConnectDecorator } from '../../container/types';
|
||||||
|
@ -55,11 +56,15 @@ const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
|
||||||
bottle.serviceFactory('ExportShortUrlsBtn', ExportShortUrlsBtn, 'buildShlinkApiClient', 'ReportExporter');
|
bottle.serviceFactory('ExportShortUrlsBtn', ExportShortUrlsBtn, 'buildShlinkApiClient', 'ReportExporter');
|
||||||
bottle.decorator('ExportShortUrlsBtn', connect(['selectedServer']));
|
bottle.decorator('ExportShortUrlsBtn', connect(['selectedServer']));
|
||||||
|
|
||||||
|
// Reducers
|
||||||
|
bottle.serviceFactory('shortUrlCreationReducerCreator', shortUrlCreationReducerCreator, 'buildShlinkApiClient');
|
||||||
|
bottle.serviceFactory('shortUrlCreationReducer', prop('reducer'), 'shortUrlCreationReducerCreator');
|
||||||
|
|
||||||
// Actions
|
// Actions
|
||||||
bottle.serviceFactory('listShortUrls', listShortUrls, 'buildShlinkApiClient');
|
bottle.serviceFactory('listShortUrls', listShortUrls, 'buildShlinkApiClient');
|
||||||
|
|
||||||
bottle.serviceFactory('createShortUrl', createShortUrl, 'buildShlinkApiClient');
|
bottle.serviceFactory('createShortUrl', prop('createShortUrl'), 'shortUrlCreationReducerCreator');
|
||||||
bottle.serviceFactory('resetCreateShortUrl', () => resetCreateShortUrl);
|
bottle.serviceFactory('resetCreateShortUrl', prop('resetCreateShortUrl'), 'shortUrlCreationReducerCreator');
|
||||||
|
|
||||||
bottle.serviceFactory('deleteShortUrl', deleteShortUrl, 'buildShlinkApiClient');
|
bottle.serviceFactory('deleteShortUrl', deleteShortUrl, 'buildShlinkApiClient');
|
||||||
bottle.serviceFactory('resetDeleteShortUrl', () => resetDeleteShortUrl);
|
bottle.serviceFactory('resetDeleteShortUrl', () => resetDeleteShortUrl);
|
||||||
|
|
|
@ -103,9 +103,9 @@ export default buildReducer<TagsList, TagsCombinedAction>({
|
||||||
...state,
|
...state,
|
||||||
stats: increaseVisitsForTags(calculateVisitsPerTag(payload.createdVisits), state.stats),
|
stats: increaseVisitsForTags(calculateVisitsPerTag(payload.createdVisits), state.stats),
|
||||||
}),
|
}),
|
||||||
[CREATE_SHORT_URL]: ({ tags: stateTags, ...rest }, { result }) => ({
|
[`${CREATE_SHORT_URL}/fulfilled`]: ({ tags: stateTags, ...rest }, { payload }) => ({ // TODO Do not hardcode action type here
|
||||||
...rest,
|
...rest,
|
||||||
tags: stateTags.concat(result.tags.filter((tag) => !stateTags.includes(tag))), // More performant than [ ...new Set(...) ]
|
tags: stateTags.concat(payload.tags.filter((tag) => !stateTags.includes(tag))), // More performant than [ ...new Set(...) ]
|
||||||
}),
|
}),
|
||||||
}, initialState);
|
}, initialState);
|
||||||
|
|
||||||
|
|
|
@ -1,19 +1,19 @@
|
||||||
import { Mock } from 'ts-mockery';
|
import { Mock } from 'ts-mockery';
|
||||||
import reducer, {
|
import {
|
||||||
CREATE_SHORT_URL_START,
|
|
||||||
CREATE_SHORT_URL_ERROR,
|
|
||||||
CREATE_SHORT_URL,
|
|
||||||
RESET_CREATE_SHORT_URL,
|
|
||||||
createShortUrl,
|
|
||||||
resetCreateShortUrl,
|
|
||||||
CreateShortUrlAction,
|
CreateShortUrlAction,
|
||||||
|
shortUrlCreationReducerCreator,
|
||||||
} from '../../../src/short-urls/reducers/shortUrlCreation';
|
} from '../../../src/short-urls/reducers/shortUrlCreation';
|
||||||
import { ShortUrl } from '../../../src/short-urls/data';
|
import { ShortUrl } from '../../../src/short-urls/data';
|
||||||
import { ShlinkApiClient } from '../../../src/api/services/ShlinkApiClient';
|
import { ShlinkApiClient } from '../../../src/api/services/ShlinkApiClient';
|
||||||
import { ShlinkState } from '../../../src/container/types';
|
import { ShlinkState } from '../../../src/container/types';
|
||||||
|
|
||||||
describe('shortUrlCreationReducer', () => {
|
describe('shortUrlCreationReducer', () => {
|
||||||
const shortUrl = Mock.all<ShortUrl>();
|
const shortUrl = Mock.of<ShortUrl>();
|
||||||
|
const createShortUrlCall = jest.fn();
|
||||||
|
const buildShlinkApiClient = () => Mock.of<ShlinkApiClient>({ createShortUrl: createShortUrlCall });
|
||||||
|
const { reducer, createShortUrl, resetCreateShortUrl } = shortUrlCreationReducerCreator(buildShlinkApiClient);
|
||||||
|
|
||||||
|
afterEach(jest.resetAllMocks);
|
||||||
|
|
||||||
describe('reducer', () => {
|
describe('reducer', () => {
|
||||||
const action = (type: string, args: Partial<CreateShortUrlAction> = {}) => Mock.of<CreateShortUrlAction>(
|
const action = (type: string, args: Partial<CreateShortUrlAction> = {}) => Mock.of<CreateShortUrlAction>(
|
||||||
|
@ -21,7 +21,7 @@ describe('shortUrlCreationReducer', () => {
|
||||||
);
|
);
|
||||||
|
|
||||||
it('returns loading on CREATE_SHORT_URL_START', () => {
|
it('returns loading on CREATE_SHORT_URL_START', () => {
|
||||||
expect(reducer(undefined, action(CREATE_SHORT_URL_START))).toEqual({
|
expect(reducer(undefined, action(createShortUrl.pending.toString()))).toEqual({
|
||||||
result: null,
|
result: null,
|
||||||
saving: true,
|
saving: true,
|
||||||
error: false,
|
error: false,
|
||||||
|
@ -29,7 +29,7 @@ describe('shortUrlCreationReducer', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('returns error on CREATE_SHORT_URL_ERROR', () => {
|
it('returns error on CREATE_SHORT_URL_ERROR', () => {
|
||||||
expect(reducer(undefined, action(CREATE_SHORT_URL_ERROR))).toEqual({
|
expect(reducer(undefined, action(createShortUrl.rejected.toString()))).toEqual({
|
||||||
result: null,
|
result: null,
|
||||||
saving: false,
|
saving: false,
|
||||||
error: true,
|
error: true,
|
||||||
|
@ -37,7 +37,7 @@ describe('shortUrlCreationReducer', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('returns result on CREATE_SHORT_URL', () => {
|
it('returns result on CREATE_SHORT_URL', () => {
|
||||||
expect(reducer(undefined, action(CREATE_SHORT_URL, { result: shortUrl }))).toEqual({
|
expect(reducer(undefined, action(createShortUrl.fulfilled.toString(), { payload: shortUrl }))).toEqual({
|
||||||
result: shortUrl,
|
result: shortUrl,
|
||||||
saving: false,
|
saving: false,
|
||||||
error: false,
|
error: false,
|
||||||
|
@ -45,7 +45,7 @@ describe('shortUrlCreationReducer', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
it('returns default state on RESET_CREATE_SHORT_URL', () => {
|
it('returns default state on RESET_CREATE_SHORT_URL', () => {
|
||||||
expect(reducer(undefined, action(RESET_CREATE_SHORT_URL))).toEqual({
|
expect(reducer(undefined, action(resetCreateShortUrl.toString()))).toEqual({
|
||||||
result: null,
|
result: null,
|
||||||
saving: false,
|
saving: false,
|
||||||
error: false,
|
error: false,
|
||||||
|
@ -54,47 +54,43 @@ describe('shortUrlCreationReducer', () => {
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('resetCreateShortUrl', () => {
|
describe('resetCreateShortUrl', () => {
|
||||||
it('returns proper action', () => expect(resetCreateShortUrl()).toEqual({ type: RESET_CREATE_SHORT_URL }));
|
it('returns proper action', () => expect(resetCreateShortUrl()).toEqual({ type: resetCreateShortUrl.toString() }));
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('createShortUrl', () => {
|
describe('createShortUrl', () => {
|
||||||
const createApiClientMock = (result: Promise<ShortUrl>) => Mock.of<ShlinkApiClient>({
|
|
||||||
createShortUrl: jest.fn().mockReturnValue(result),
|
|
||||||
});
|
|
||||||
const dispatch = jest.fn();
|
const dispatch = jest.fn();
|
||||||
const getState = () => Mock.all<ShlinkState>();
|
const getState = () => Mock.all<ShlinkState>();
|
||||||
|
|
||||||
afterEach(jest.resetAllMocks);
|
|
||||||
|
|
||||||
it('calls API on success', async () => {
|
it('calls API on success', async () => {
|
||||||
const apiClientMock = createApiClientMock(Promise.resolve(shortUrl));
|
createShortUrlCall.mockResolvedValue(shortUrl);
|
||||||
const dispatchable = createShortUrl(() => apiClientMock)({ longUrl: 'foo' });
|
await createShortUrl({ longUrl: 'foo' })(dispatch, getState, {});
|
||||||
|
|
||||||
await dispatchable(dispatch, getState);
|
expect(createShortUrlCall).toHaveBeenCalledTimes(1);
|
||||||
|
|
||||||
expect(apiClientMock.createShortUrl).toHaveBeenCalledTimes(1);
|
|
||||||
expect(dispatch).toHaveBeenCalledTimes(2);
|
expect(dispatch).toHaveBeenCalledTimes(2);
|
||||||
expect(dispatch).toHaveBeenNthCalledWith(1, { type: CREATE_SHORT_URL_START });
|
expect(dispatch).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
||||||
expect(dispatch).toHaveBeenNthCalledWith(2, { type: CREATE_SHORT_URL, result: shortUrl });
|
type: createShortUrl.pending.toString(),
|
||||||
|
}));
|
||||||
|
expect(dispatch).toHaveBeenNthCalledWith(2, expect.objectContaining({
|
||||||
|
type: createShortUrl.fulfilled.toString(),
|
||||||
|
payload: shortUrl,
|
||||||
|
}));
|
||||||
});
|
});
|
||||||
|
|
||||||
it('throws on error', async () => {
|
it('throws on error', async () => {
|
||||||
const error = 'Error';
|
const error = new Error('Error message');
|
||||||
const apiClientMock = createApiClientMock(Promise.reject(error));
|
createShortUrlCall.mockRejectedValue(error);
|
||||||
const dispatchable = createShortUrl(() => apiClientMock)({ longUrl: 'foo' });
|
|
||||||
|
|
||||||
expect.assertions(5);
|
await createShortUrl({ longUrl: 'foo' })(dispatch, getState, {});
|
||||||
|
|
||||||
try {
|
expect(createShortUrlCall).toHaveBeenCalledTimes(1);
|
||||||
await dispatchable(dispatch, getState);
|
|
||||||
} catch (e) {
|
|
||||||
expect(e).toEqual(error);
|
|
||||||
}
|
|
||||||
|
|
||||||
expect(apiClientMock.createShortUrl).toHaveBeenCalledTimes(1);
|
|
||||||
expect(dispatch).toHaveBeenCalledTimes(2);
|
expect(dispatch).toHaveBeenCalledTimes(2);
|
||||||
expect(dispatch).toHaveBeenNthCalledWith(1, { type: CREATE_SHORT_URL_START });
|
expect(dispatch).toHaveBeenNthCalledWith(1, expect.objectContaining({
|
||||||
expect(dispatch).toHaveBeenNthCalledWith(2, { type: CREATE_SHORT_URL_ERROR });
|
type: createShortUrl.pending.toString(),
|
||||||
|
}));
|
||||||
|
expect(dispatch).toHaveBeenNthCalledWith(2, expect.objectContaining({
|
||||||
|
type: createShortUrl.rejected.toString(),
|
||||||
|
error: expect.objectContaining({ message: 'Error message' }),
|
||||||
|
}));
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -142,7 +142,7 @@ describe('shortUrlsListReducer', () => {
|
||||||
error: false,
|
error: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
expect(reducer(state, { type: CREATE_SHORT_URL, result: newShortUrl } as any)).toEqual({
|
expect(reducer(state, { type: `${CREATE_SHORT_URL}/fulfilled`, payload: newShortUrl } as any)).toEqual({
|
||||||
shortUrls: {
|
shortUrls: {
|
||||||
data: expectedData,
|
data: expectedData,
|
||||||
pagination: { totalItems: 16 },
|
pagination: { totalItems: 16 },
|
||||||
|
|
|
@ -83,9 +83,9 @@ describe('tagsListReducer', () => {
|
||||||
[['new', 'tag'], ['foo', 'bar', 'baz', 'foo2', 'fo', 'new', 'tag']],
|
[['new', 'tag'], ['foo', 'bar', 'baz', 'foo2', 'fo', 'new', 'tag']],
|
||||||
])('appends new short URL\'s tags to the list of tags on CREATE_SHORT_URL', (shortUrlTags, expectedTags) => {
|
])('appends new short URL\'s tags to the list of tags on CREATE_SHORT_URL', (shortUrlTags, expectedTags) => {
|
||||||
const tags = ['foo', 'bar', 'baz', 'foo2', 'fo'];
|
const tags = ['foo', 'bar', 'baz', 'foo2', 'fo'];
|
||||||
const result = Mock.of<ShortUrl>({ tags: shortUrlTags });
|
const payload = Mock.of<ShortUrl>({ tags: shortUrlTags });
|
||||||
|
|
||||||
expect(reducer(state({ tags }), { type: CREATE_SHORT_URL, result } as any)).toEqual({
|
expect(reducer(state({ tags }), { type: `${CREATE_SHORT_URL}/fulfilled`, payload } as any)).toEqual({
|
||||||
tags: expectedTags,
|
tags: expectedTags,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue