mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 17:40:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Created sidebar reducer test

Browse source
This commit is contained in:
Alejandro Celaya 2022-03-11 16:12:54 +01:00
parent c949359d6f
commit f15b803851
4 changed files with 38 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/ShlinkVersionsContainer.tsx
View file

@ -11,7 +11,7 @@ export interface ShlinkVersionsContainerProps {
const ShlinkVersionsContainer = ({ selectedServer, sidebar }: ShlinkVersionsContainerProps) => { const ShlinkVersionsContainer = ({ selectedServer, sidebar }: ShlinkVersionsContainerProps) => {
const classes = classNames('text-center', { const classes = classNames('text-center', {
'shlink-versions-container--with-sidebar': sidebar.hasSidebar, 'shlink-versions-container--with-sidebar': sidebar.sidebarPresent,
}); });
return ( return (

8
src/common/reducers/sidebar.ts
View file

@ -7,19 +7,19 @@ export const SIDEBAR_NOT_PRESENT = 'shlink/common/SIDEBAR_NOT_PRESENT';
/* eslint-enable padding-line-between-statements */ /* eslint-enable padding-line-between-statements */
export interface Sidebar { export interface Sidebar {
hasSidebar: boolean; sidebarPresent: boolean;
} }
type SidebarRenderedAction = Action<string>; type SidebarRenderedAction = Action<string>;
type SidebarNotRenderedAction = Action<string>; type SidebarNotRenderedAction = Action<string>;
const initialState: Sidebar = { const initialState: Sidebar = {
hasSidebar: false, sidebarPresent: false,
}; };
export default buildReducer<Sidebar, SidebarRenderedAction & SidebarNotRenderedAction>({ export default buildReducer<Sidebar, SidebarRenderedAction & SidebarNotRenderedAction>({
[SIDEBAR_PRESENT]: () => ({ hasSidebar: true }), [SIDEBAR_PRESENT]: () => ({ sidebarPresent: true }),
[SIDEBAR_NOT_PRESENT]: () => ({ hasSidebar: false }), [SIDEBAR_NOT_PRESENT]: () => ({ sidebarPresent: false }),
}, initialState); }, initialState);
export const sidebarPresent = buildActionCreator(SIDEBAR_PRESENT); export const sidebarPresent = buildActionCreator(SIDEBAR_PRESENT);

4
test/common/ShlinkVersionsContainer.test.tsx
View file

@ -16,8 +16,8 @@ describe('<ShlinkVersionsContainer />', () => {
afterEach(() => wrapper?.unmount()); afterEach(() => wrapper?.unmount());
it.each([ it.each([
[{ hasSidebar: false }, 'text-center' ], [{ sidebarPresent: false }, 'text-center' ],
[{ hasSidebar: true }, 'text-center shlink-versions-container--with-sidebar' ], [{ sidebarPresent: true }, 'text-center shlink-versions-container--with-sidebar' ],
])('renders proper col classes based on sidebar status', (sidebar, expectedClasses) => { ])('renders proper col classes based on sidebar status', (sidebar, expectedClasses) => {
const wrapper = createWrapper(sidebar); const wrapper = createWrapper(sidebar);

31
test/common/reducer/sidebar.test.ts Normal file
View file

@ -0,0 +1,31 @@
import { Mock } from 'ts-mockery';
import reducer, {
Sidebar,
SIDEBAR_NOT_PRESENT,
SIDEBAR_PRESENT,
sidebarNotPresent,
sidebarPresent,
} from '../../../src/common/reducers/sidebar';
describe('sidebarReducer', () => {
describe('reducer', () => {
it.each([
[ SIDEBAR_PRESENT, { sidebarPresent: true }],
[ SIDEBAR_NOT_PRESENT, { sidebarPresent: false }],
])('returns expected on %s', (type, expected) => {
expect(reducer(Mock.all<Sidebar>(), { type })).toEqual(expected);
});
});
describe('sidebarPresent', () => {
it('returns expected action', () => {
expect(sidebarPresent()).toEqual({ type: SIDEBAR_PRESENT });
});
});
describe('sidebarNotPresent', () => {
it('returns expected action', () => {
expect(sidebarNotPresent()).toEqual({ type: SIDEBAR_NOT_PRESENT });
});
});
});