redux-devtools/packages/redux-devtools-core/test/app.spec.js
Warren Seymour 5259dee601
fix(redux-devtools-core): don't mutate source object during stringification (#627)
* Add failing test case for stringifyJSON

* Mutate clone of value in stringifyJSON instead of original

Co-authored-by: Nathan Bierema <nbierema@gmail.com>
2020-09-04 18:28:36 -04:00

70 lines
1.8 KiB
JavaScript

import React from 'react';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import { mount } from 'enzyme';
// import { mountToJson } from 'enzyme-to-json';
import App from '../src/app/containers/App';
import api from '../src/app/middlewares/api';
import exportState from '../src/app/middlewares/exportState';
import rootReducer from '../src/app/reducers';
import { DATA_TYPE_KEY } from '../src/app/constants/dataTypes';
import stringifyJSON from '../src/app/utils/stringifyJSON';
let wrapper;
const store = createStore(rootReducer, applyMiddleware(exportState, api));
describe('App container', () => {
beforeAll(() => {
wrapper = mount(
<Provider store={store}>
<App />
</Provider>
);
});
/*
it('should render the App', () => {
expect(mountToJson(wrapper)).toMatchSnapshot();
});
*/
it("should render inspector monitor's wrapper", () => {
expect(wrapper.find('DevtoolsInspector').html()).toBeDefined();
});
it('should contain an empty action list', () => {
expect(
wrapper
.find('ActionList')
.findWhere((n) => {
const { className } = n.props();
return className && className.startsWith('actionListRows-');
})
.html()
).toMatch(/<div class="actionListRows-\d-\d-\d+"><\/div>/);
});
});
describe('stringifyJSON', () => {
it('should not mutate the source object', () => {
const src = {
isTest: true,
[DATA_TYPE_KEY]: 'Test',
};
const result = {
data: {
isTest: true,
},
__serializedType__: 'Test',
};
expect(stringifyJSON(src, true)).toEqual(JSON.stringify(result));
expect(src).toEqual({
isTest: true,
[DATA_TYPE_KEY]: 'Test',
});
});
});