mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-14 01:15:44 +01:00
use reflow to migrate from flow to typescript
This commit is contained in:
Sebastian Sdorra
362
scm-ui/ui-webapp/src/admin/plugins/modules/plugins.test.ts
Normal file
362
scm-ui/ui-webapp/src/admin/plugins/modules/plugins.test.ts
Normal file
@@ -0,0 +1,362 @@
|
||||
import configureMockStore from 'redux-mock-store';
|
||||
import thunk from 'redux-thunk';
|
||||
import fetchMock from 'fetch-mock';
|
||||
import reducer, {
|
||||
FETCH_PLUGINS,
|
||||
FETCH_PLUGINS_PENDING,
|
||||
FETCH_PLUGINS_SUCCESS,
|
||||
FETCH_PLUGINS_FAILURE,
|
||||
FETCH_PLUGIN,
|
||||
FETCH_PLUGIN_PENDING,
|
||||
FETCH_PLUGIN_SUCCESS,
|
||||
FETCH_PLUGIN_FAILURE,
|
||||
fetchPluginsByLink,
|
||||
fetchPluginsSuccess,
|
||||
getPluginCollection,
|
||||
isFetchPluginsPending,
|
||||
getFetchPluginsFailure,
|
||||
fetchPluginByLink,
|
||||
fetchPluginByName,
|
||||
fetchPluginSuccess,
|
||||
getPlugin,
|
||||
isFetchPluginPending,
|
||||
getFetchPluginFailure,
|
||||
} from './plugins';
|
||||
import { Plugin, PluginCollection } from '@scm-manager/ui-types';
|
||||
|
||||
const groupManagerPlugin: Plugin = {
|
||||
name: 'scm-groupmanager-plugin',
|
||||
bundles: ['/scm/groupmanager-plugin.bundle.js'],
|
||||
type: 'Administration',
|
||||
version: '2.0.0-SNAPSHOT',
|
||||
author: 'Sebastian Sdorra',
|
||||
description: 'Notify a remote webserver whenever a plugin is pushed to.',
|
||||
_links: {
|
||||
self: {
|
||||
href: 'http://localhost:8081/api/v2/ui/plugins/scm-groupmanager-plugin',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const scriptPlugin: Plugin = {
|
||||
name: 'scm-script-plugin',
|
||||
bundles: ['/scm/script-plugin.bundle.js'],
|
||||
type: 'Miscellaneous',
|
||||
version: '2.0.0-SNAPSHOT',
|
||||
author: 'Sebastian Sdorra',
|
||||
description: 'Script support for scm-manager.',
|
||||
_links: {
|
||||
self: {
|
||||
href: 'http://localhost:8081/api/v2/ui/plugins/scm-script-plugin',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const branchwpPlugin: Plugin = {
|
||||
name: 'scm-branchwp-plugin',
|
||||
bundles: ['/scm/branchwp-plugin.bundle.js'],
|
||||
type: 'Miscellaneous',
|
||||
version: '2.0.0-SNAPSHOT',
|
||||
author: 'Sebastian Sdorra',
|
||||
description: 'This plugin adds branch write protection for plugins.',
|
||||
_links: {
|
||||
self: {
|
||||
href: 'http://localhost:8081/api/v2/ui/plugins/scm-branchwp-plugin',
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const pluginCollectionWithNames: PluginCollection = {
|
||||
_links: {
|
||||
self: {
|
||||
href: 'http://localhost:8081/api/v2/ui/plugins',
|
||||
},
|
||||
},
|
||||
_embedded: {
|
||||
plugins: [groupManagerPlugin.name, scriptPlugin.name, branchwpPlugin.name],
|
||||
},
|
||||
};
|
||||
|
||||
const pluginCollection: PluginCollection = {
|
||||
_links: {
|
||||
self: {
|
||||
href: 'http://localhost:8081/api/v2/ui/plugins',
|
||||
},
|
||||
},
|
||||
_embedded: {
|
||||
plugins: [groupManagerPlugin, scriptPlugin, branchwpPlugin],
|
||||
},
|
||||
};
|
||||
|
||||
describe('plugins fetch', () => {
|
||||
const URL = 'ui/plugins';
|
||||
const PLUGINS_URL = '/api/v2/ui/plugins';
|
||||
const mockStore = configureMockStore([thunk]);
|
||||
|
||||
afterEach(() => {
|
||||
fetchMock.reset();
|
||||
fetchMock.restore();
|
||||
});
|
||||
|
||||
it('should successfully fetch plugins from link', () => {
|
||||
fetchMock.getOnce(PLUGINS_URL, pluginCollection);
|
||||
|
||||
const expectedActions = [
|
||||
{
|
||||
type: FETCH_PLUGINS_PENDING,
|
||||
},
|
||||
{
|
||||
type: FETCH_PLUGINS_SUCCESS,
|
||||
payload: pluginCollection,
|
||||
},
|
||||
];
|
||||
|
||||
const store = mockStore({});
|
||||
return store.dispatch(fetchPluginsByLink(URL)).then(() => {
|
||||
expect(store.getActions()).toEqual(expectedActions);
|
||||
});
|
||||
});
|
||||
|
||||
it('should dispatch FETCH_PLUGINS_FAILURE if request fails', () => {
|
||||
fetchMock.getOnce(PLUGINS_URL, {
|
||||
status: 500,
|
||||
});
|
||||
|
||||
const store = mockStore({});
|
||||
return store.dispatch(fetchPluginsByLink(URL)).then(() => {
|
||||
const actions = store.getActions();
|
||||
expect(actions[0].type).toEqual(FETCH_PLUGINS_PENDING);
|
||||
expect(actions[1].type).toEqual(FETCH_PLUGINS_FAILURE);
|
||||
expect(actions[1].payload).toBeDefined();
|
||||
});
|
||||
});
|
||||
|
||||
it('should successfully fetch scm-groupmanager-plugin by name', () => {
|
||||
fetchMock.getOnce(
|
||||
PLUGINS_URL + '/scm-groupmanager-plugin',
|
||||
groupManagerPlugin,
|
||||
);
|
||||
|
||||
const expectedActions = [
|
||||
{
|
||||
type: FETCH_PLUGIN_PENDING,
|
||||
payload: {
|
||||
name: 'scm-groupmanager-plugin',
|
||||
},
|
||||
itemId: 'scm-groupmanager-plugin',
|
||||
},
|
||||
{
|
||||
type: FETCH_PLUGIN_SUCCESS,
|
||||
payload: groupManagerPlugin,
|
||||
itemId: 'scm-groupmanager-plugin',
|
||||
},
|
||||
];
|
||||
|
||||
const store = mockStore({});
|
||||
return store
|
||||
.dispatch(fetchPluginByName(URL, 'scm-groupmanager-plugin'))
|
||||
.then(() => {
|
||||
expect(store.getActions()).toEqual(expectedActions);
|
||||
});
|
||||
});
|
||||
|
||||
it('should dispatch FETCH_PLUGIN_FAILURE, if the request for scm-groupmanager-plugin by name fails', () => {
|
||||
fetchMock.getOnce(PLUGINS_URL + '/scm-groupmanager-plugin', {
|
||||
status: 500,
|
||||
});
|
||||
|
||||
const store = mockStore({});
|
||||
return store
|
||||
.dispatch(fetchPluginByName(URL, 'scm-groupmanager-plugin'))
|
||||
.then(() => {
|
||||
const actions = store.getActions();
|
||||
expect(actions[0].type).toEqual(FETCH_PLUGIN_PENDING);
|
||||
expect(actions[1].type).toEqual(FETCH_PLUGIN_FAILURE);
|
||||
expect(actions[1].payload.name).toBe('scm-groupmanager-plugin');
|
||||
expect(actions[1].payload.error).toBeDefined();
|
||||
expect(actions[1].itemId).toBe('scm-groupmanager-plugin');
|
||||
});
|
||||
});
|
||||
|
||||
it('should successfully fetch scm-groupmanager-plugin', () => {
|
||||
fetchMock.getOnce(
|
||||
'http://localhost:8081/api/v2/ui/plugins/scm-groupmanager-plugin',
|
||||
groupManagerPlugin,
|
||||
);
|
||||
|
||||
const expectedActions = [
|
||||
{
|
||||
type: FETCH_PLUGIN_PENDING,
|
||||
payload: {
|
||||
name: 'scm-groupmanager-plugin',
|
||||
},
|
||||
itemId: 'scm-groupmanager-plugin',
|
||||
},
|
||||
{
|
||||
type: FETCH_PLUGIN_SUCCESS,
|
||||
payload: groupManagerPlugin,
|
||||
itemId: 'scm-groupmanager-plugin',
|
||||
},
|
||||
];
|
||||
|
||||
const store = mockStore({});
|
||||
return store.dispatch(fetchPluginByLink(groupManagerPlugin)).then(() => {
|
||||
expect(store.getActions()).toEqual(expectedActions);
|
||||
});
|
||||
});
|
||||
|
||||
it('should dispatch FETCH_PLUGIN_FAILURE, it the request for scm-groupmanager-plugin fails', () => {
|
||||
fetchMock.getOnce(
|
||||
'http://localhost:8081/api/v2/ui/plugins/scm-groupmanager-plugin',
|
||||
{
|
||||
status: 500,
|
||||
},
|
||||
);
|
||||
|
||||
const store = mockStore({});
|
||||
return store.dispatch(fetchPluginByLink(groupManagerPlugin)).then(() => {
|
||||
const actions = store.getActions();
|
||||
expect(actions[0].type).toEqual(FETCH_PLUGIN_PENDING);
|
||||
expect(actions[1].type).toEqual(FETCH_PLUGIN_FAILURE);
|
||||
expect(actions[1].payload.name).toBe('scm-groupmanager-plugin');
|
||||
expect(actions[1].payload.error).toBeDefined();
|
||||
expect(actions[1].itemId).toBe('scm-groupmanager-plugin');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('plugins reducer', () => {
|
||||
it('should return empty object, if state and action is undefined', () => {
|
||||
expect(reducer()).toEqual({});
|
||||
});
|
||||
|
||||
it('should return the same state, if the action is undefined', () => {
|
||||
const state = {
|
||||
x: true,
|
||||
};
|
||||
expect(reducer(state)).toBe(state);
|
||||
});
|
||||
|
||||
it('should return the same state, if the action is unknown to the reducer', () => {
|
||||
const state = {
|
||||
x: true,
|
||||
};
|
||||
expect(
|
||||
reducer(state, {
|
||||
type: 'EL_SPECIALE',
|
||||
}),
|
||||
).toBe(state);
|
||||
});
|
||||
|
||||
it("should store the plugins by it's type and name on FETCH_PLUGINS_SUCCESS", () => {
|
||||
const newState = reducer({}, fetchPluginsSuccess(pluginCollection));
|
||||
expect(newState.list._embedded.plugins).toEqual([
|
||||
'scm-groupmanager-plugin',
|
||||
'scm-script-plugin',
|
||||
'scm-branchwp-plugin',
|
||||
]);
|
||||
expect(newState.byNames['scm-groupmanager-plugin']).toBe(
|
||||
groupManagerPlugin,
|
||||
);
|
||||
expect(newState.byNames['scm-script-plugin']).toBe(scriptPlugin);
|
||||
expect(newState.byNames['scm-branchwp-plugin']).toBe(branchwpPlugin);
|
||||
});
|
||||
|
||||
it('should store the plugin at byNames', () => {
|
||||
const newState = reducer({}, fetchPluginSuccess(groupManagerPlugin));
|
||||
expect(newState.byNames['scm-groupmanager-plugin']).toBe(
|
||||
groupManagerPlugin,
|
||||
);
|
||||
});
|
||||
});
|
||||
|
||||
describe('plugins selectors', () => {
|
||||
const error = new Error('something went wrong');
|
||||
|
||||
it('should return the plugins collection', () => {
|
||||
const state = {
|
||||
plugins: {
|
||||
list: pluginCollectionWithNames,
|
||||
byNames: {
|
||||
'scm-groupmanager-plugin': groupManagerPlugin,
|
||||
'scm-script-plugin': scriptPlugin,
|
||||
'scm-branchwp-plugin': branchwpPlugin,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const collection = getPluginCollection(state);
|
||||
expect(collection).toEqual(pluginCollection);
|
||||
});
|
||||
|
||||
it('should return true, when fetch plugins is pending', () => {
|
||||
const state = {
|
||||
pending: {
|
||||
[FETCH_PLUGINS]: true,
|
||||
},
|
||||
};
|
||||
expect(isFetchPluginsPending(state)).toEqual(true);
|
||||
});
|
||||
|
||||
it('should return false, when fetch plugins is not pending', () => {
|
||||
expect(isFetchPluginsPending({})).toEqual(false);
|
||||
});
|
||||
|
||||
it('should return error when fetch plugins did fail', () => {
|
||||
const state = {
|
||||
failure: {
|
||||
[FETCH_PLUGINS]: error,
|
||||
},
|
||||
};
|
||||
expect(getFetchPluginsFailure(state)).toEqual(error);
|
||||
});
|
||||
|
||||
it('should return undefined when fetch plugins did not fail', () => {
|
||||
expect(getFetchPluginsFailure({})).toBe(undefined);
|
||||
});
|
||||
|
||||
it('should return the plugin collection', () => {
|
||||
const state = {
|
||||
plugins: {
|
||||
byNames: {
|
||||
'scm-groupmanager-plugin': groupManagerPlugin,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const plugin = getPlugin(state, 'scm-groupmanager-plugin');
|
||||
expect(plugin).toEqual(groupManagerPlugin);
|
||||
});
|
||||
|
||||
it('should return true, when fetch plugin is pending', () => {
|
||||
const state = {
|
||||
pending: {
|
||||
[FETCH_PLUGIN + '/scm-groupmanager-plugin']: true,
|
||||
},
|
||||
};
|
||||
expect(isFetchPluginPending(state, 'scm-groupmanager-plugin')).toEqual(
|
||||
true,
|
||||
);
|
||||
});
|
||||
|
||||
it('should return false, when fetch plugin is not pending', () => {
|
||||
expect(isFetchPluginPending({}, 'scm-groupmanager-plugin')).toEqual(false);
|
||||
});
|
||||
|
||||
it('should return error when fetch plugin did fail', () => {
|
||||
const state = {
|
||||
failure: {
|
||||
[FETCH_PLUGIN + '/scm-groupmanager-plugin']: error,
|
||||
},
|
||||
};
|
||||
expect(getFetchPluginFailure(state, 'scm-groupmanager-plugin')).toEqual(
|
||||
error,
|
||||
);
|
||||
});
|
||||
|
||||
it('should return undefined when fetch plugin did not fail', () => {
|
||||
expect(getFetchPluginFailure({}, 'scm-groupmanager-plugin')).toBe(
|
||||
undefined,
|
||||
);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user