reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2024-11-22 01:26:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix lint

Browse Source
This commit is contained in:
Dan Abramov 2015-09-28 03:54:13 +03:00
parent 915ffeee08
commit b2210f161c
4 changed files with 3 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/counter/src/dock/DockMonitor.js
View File

@ -89,6 +89,8 @@ export default class DockMonitor extends Component {
case 'D':
this.props.changePosition();
break;
default:
break;
}
}

2
examples/counter/src/dock/MapProvider.js
View File

@ -2,7 +2,7 @@
// TODO: extract to a separate project.
//
import React, { Children, Component, PropTypes } from 'react';
import { Children, Component, PropTypes } from 'react';
const identity = _ => _;
function mapStore(store, { mapAction = identity, mapState = identity }) {

22
src/connectMonitor.js
View File

@ -1,22 +0,0 @@
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { ActionCreators } from './devTools';
export default function connectMonitor(monitorActionCreators = {}) {
return Monitor => {
function mapStateToProps(state) {
return state;
}
function mapDispatchToProps(dispatch) {
return {
...bindActionCreators(ActionCreators, dispatch),
monitorActions: bindActionCreators(monitorActionCreators, dispatch)
};
}
const ConnectedMonitor = connect(mapStateToProps, mapDispatchToProps)(Monitor);
return DevTools;
};
}

116
test/connectMonitor.spec.js
View File

@ -1,116 +0,0 @@
import expect from 'expect';
import jsdom from 'mocha-jsdom';
import React, { Component } from 'react';
import TestUtils from 'react-addons-test-utils';
import { connectMonitor, devTools } from '../src';
import { createStore } from 'redux';
class MockMonitor extends Component {
render() {
return null;
}
}
function increment() {
return { type: 'INCREMENT' };
}
function mockMonitorReducer(state = 0, action) {
switch (action.type) {
case 'INCREMENT':
return state + 1;
default:
return state;
}
}
describe('connectMonitor', () => {
jsdom();
it('should pass devToolsStore to monitor', () => {
const store = devTools()(createStore)(() => {});
const ConnectedMonitor = connectMonitor()(MockMonitor);
const tree = TestUtils.renderIntoDocument(
<ConnectedMonitor store={store} />
);
const mockMonitor = TestUtils.findRenderedComponentWithType(tree, MockMonitor);
expect(mockMonitor.props.store).toBe(store.devToolsStore);
});
it('should pass props to monitor', () => {
const store = devTools()(createStore)(() => {});
const ConnectedMonitor = connectMonitor()(MockMonitor);
const tree = TestUtils.renderIntoDocument(
<ConnectedMonitor store={store} one={1} two={2}/>
);
const mockMonitor = TestUtils.findRenderedComponentWithType(tree, MockMonitor);
expect(mockMonitor.props.one).toBe(1);
expect(mockMonitor.props.two).toBe(2);
});
it('should subscribe monitor to store updates', () => {
const ConnectedMonitor = connectMonitor()(MockMonitor);
const store = devTools()(createStore)(
(state, action) => {
switch (action.type) {
case 'INC':
return state + 1;
default:
return state;
}
},
0
);
const tree = TestUtils.renderIntoDocument(
<ConnectedMonitor store={store} />
);
store.dispatch({type: 'INC'});
const mockMonitor = TestUtils.findRenderedComponentWithType(tree, MockMonitor);
const currentStateIndex = mockMonitor.props.currentStateIndex;
const computedStates = mockMonitor.props.computedStates;
expect(computedStates[currentStateIndex].state).toBe(1);
});
it('should warn if devTools() not in middleware', () => {
const store = createStore(() => {});
const ConnectedMonitor = connectMonitor()(MockMonitor);
// Force to re-evaluate propType checks on every run
ConnectedMonitor.displayName = Math.random().toString();
const spy = expect.spyOn(console, 'error');
TestUtils.renderIntoDocument(<ConnectedMonitor store={store} />);
spy.restore();
expect(spy.calls).toContain(
/Could not find the DevTools store/,
(call, errMsg) => call.arguments[0].match(errMsg)
);
});
it('should pass monitor state and actions to the monitor', () => {
const store = devTools(mockMonitorReducer)(createStore)(() => {});
const ConnectedMonitor = connectMonitor()(MockMonitor);
const tree = TestUtils.renderIntoDocument(
<ConnectedMonitor store={store} />
);
const mockMonitor = TestUtils.findRenderedComponentWithType(tree, MockMonitor);
expect(mockMonitor.props.monitorState).toBe(0);
});
it('should pass bound monitor actions to monitor', () => {
const ConnectedMonitor = connectMonitor({ increment })(MockMonitor);
const store = devTools(mockMonitorReducer)(createStore)(() => {});
const tree = TestUtils.renderIntoDocument(
<ConnectedMonitor store={store} />
);
const mockMonitor = TestUtils.findRenderedComponentWithType(tree, MockMonitor);
expect(mockMonitor.props.monitorState).toBe(0);
mockMonitor.props.monitorActions.increment();
expect(mockMonitor.props.monitorState).toBe(1);
});
});