61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
'use strict';
|
|
|
|
import { mount } from 'enzyme';
|
|
import { Map as ImmutableMap } from 'immutable';
|
|
import React from 'react';
|
|
import { IntlProvider } from 'react-intl';
|
|
import { Provider } from 'react-redux';
|
|
import { BrowserRouter, MemoryRouter } from 'react-router-dom';
|
|
import renderer from 'react-test-renderer';
|
|
import configureMockStore from 'redux-mock-store';
|
|
import thunk from 'redux-thunk';
|
|
|
|
import rootReducer from 'soapbox/reducers';
|
|
|
|
export const rootState = rootReducer(undefined, {});
|
|
export const getState = () => rootState;
|
|
|
|
// Mock Redux
|
|
// https://redux.js.org/recipes/writing-tests/
|
|
const middlewares = [thunk];
|
|
export const mockStore = configureMockStore(middlewares);
|
|
|
|
// Create test component with i18n and Redux store, etc
|
|
export const createComponent = (children, props = {}) => {
|
|
props = ImmutableMap({
|
|
locale: 'en',
|
|
store: mockStore(rootState),
|
|
}).merge(props);
|
|
|
|
return renderer.create(
|
|
<Provider store={props.get('store')}>
|
|
<IntlProvider locale={props.get('locale')}>
|
|
<BrowserRouter>
|
|
{children}
|
|
</BrowserRouter>
|
|
</IntlProvider>
|
|
</Provider>,
|
|
);
|
|
};
|
|
|
|
export const createShallowComponent = (children, props = {}, routerProps = {}) => {
|
|
props = ImmutableMap({
|
|
locale: 'en',
|
|
store: mockStore(rootReducer(ImmutableMap(), {})),
|
|
}).merge(props);
|
|
|
|
return mount(
|
|
<Provider store={props.get('store')}>
|
|
<IntlProvider locale={props.get('locale')}>
|
|
<MemoryRouter {...routerProps}>
|
|
{children}
|
|
</MemoryRouter>
|
|
</IntlProvider>
|
|
</Provider>,
|
|
);
|
|
};
|
|
|
|
// Apply actions to the state, one at a time
|
|
export const applyActions = (state, actions, reducer) => {
|
|
return actions.reduce((state, action) => reducer(state, action), state);
|
|
};
|