;
- }
-
- const tree = TestUtils.renderIntoDocument(
-
- {() => (
- ({ string })}>
- {render}
-
- )}
-
- );
-
- const div = TestUtils.findRenderedDOMComponentWithTag(tree, 'div');
- expect(spy.calls.length).toBe(1);
- expect(div.props.string).toBe('');
- store.dispatch({ type: 'APPEND', body: 'a'});
- expect(spy.calls.length).toBe(2);
- store.dispatch({ type: 'APPEND', body: 'b'});
- expect(spy.calls.length).toBe(3);
- store.dispatch({ type: 'APPEND', body: ''});
- expect(spy.calls.length).toBe(3);
- });
-
- it('should recompute the state slice when the select prop changes', () => {
- const store = createStore({
- a: () => 42,
- b: () => 72
- });
-
- function selectA(state) {
- return { result: state.a };
- }
-
- function selectB(state) {
- return { result: state.b };
- }
-
- function render({ result }) {
- return
{result}
;
- }
-
- class Container extends Component {
- constructor() {
- super();
- this.state = { select: selectA };
- }
-
- render() {
- return (
-
- {() =>
-
- {render}
-
- }
-
- );
- }
- }
-
- let tree = TestUtils.renderIntoDocument(
);
- let div = TestUtils.findRenderedDOMComponentWithTag(tree, 'div');
- expect(div.props.children).toBe(42);
-
- tree.setState({ select: selectB });
- expect(div.props.children).toBe(72);
- });
-
- it('should pass dispatch() to the child function', () => {
- const store = createStore({});
-
- const tree = TestUtils.renderIntoDocument(
-
- {() => (
-
- {({ dispatch }) => }
-
- )}
-
- );
-
- const div = TestUtils.findRenderedDOMComponentWithTag(tree, 'div');
- expect(div.props.dispatch).toBe(store.dispatch);
- });
-
- it('should throw an error if select returns anything but a plain object', () => {
- const store = createStore({});
-
- expect(() => {
- TestUtils.renderIntoDocument(
-
- {() => (
- 1}>
- {() => }
-
- )}
-
- );
- }).toThrow(/select/);
-
- expect(() => {
- TestUtils.renderIntoDocument(
-
- {() => (
- 'hey'}>
- {() => }
-
- )}
-
- );
- }).toThrow(/select/);
-
- function AwesomeMap() { }
-
- expect(() => {
- TestUtils.renderIntoDocument(
-
- {() => (
- new AwesomeMap()}>
- {() => }
-
- )}
-
- );
- }).toThrow(/select/);
- });
-
- it('should not setState when renderToString is called on the server', () => {
- const { renderToString } = React;
- const store = createStore(stringBuilder);
-
- class TestComp extends Component {
- componentWillMount() {
- store.dispatch({
- type: 'APPEND',
- body: 'a'
- });
- }
-
- render() {
- return
{this.props.string}
;
- }
- }
-
- const el = (
-
- {() => (
- ({ string })}>
- {({ string }) => }
-
- )}
-
- );
-
- expect(() => renderToString(el)).toNotThrow();
- });
-
- it('should handle dispatch inside componentDidMount', () => {
- const store = createStore(stringBuilder);
-
- class TestComp extends Component {
- componentDidMount() {
- store.dispatch({
- type: 'APPEND',
- body: 'a'
- });
- }
-
- render() {
- return
{this.props.string}
;
- }
- }
-
- const tree = TestUtils.renderIntoDocument(
-
- {() => (
- ({ string })}>
- {({ string }) => }
-
- )}
-
- );
-
- const testComp = TestUtils.findRenderedComponentWithType(tree, TestComp);
- expect(testComp.props.string).toBe('a');
- });
- });
-});
diff --git a/test/components/Provider.spec.js b/test/components/Provider.spec.js
deleted file mode 100644
index 3e3b3c3308..0000000000
--- a/test/components/Provider.spec.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import expect from 'expect';
-import jsdomReact from './jsdomReact';
-import React, { PropTypes, Component } from 'react/addons';
-import { createStore } from '../../src';
-import { Provider } from '../../src/react';
-
-const { TestUtils } = React.addons;
-
-describe('React', () => {
- describe('Provider', () => {
- jsdomReact();
-
- class Child extends Component {
- static contextTypes = {
- store: PropTypes.object.isRequired
- }
-
- render() {
- return
;
- }
- }
-
- it('should add the store to the child context', () => {
- const store = createStore({});
-
- const tree = TestUtils.renderIntoDocument(
-
- {() => }
-
- );
-
- const child = TestUtils.findRenderedComponentWithType(tree, Child);
- expect(child.context.store).toBe(store);
- });
-
- it('should replace just the reducer when receiving a new store in props', () => {
- const store1 = createStore((state = 10) => state + 1);
- const store2 = createStore((state = 10) => state * 2);
- const spy = expect.createSpy(() => {});
-
- class ProviderContainer extends Component {
- state = { store: store1 };
-
- render() {
- return (
-
- {() => }
-
- );
- }
- }
-
- const container = TestUtils.renderIntoDocument(
);
- const child = TestUtils.findRenderedComponentWithType(container, Child);
- expect(child.context.store.getState()).toEqual(11);
-
- child.context.store.subscribe(spy);
- child.context.store.dispatch({});
- expect(spy.calls.length).toEqual(1);
- expect(child.context.store.getState()).toEqual(12);
-
- container.setState({ store: store2 });
- expect(spy.calls.length).toEqual(2);
- expect(child.context.store.getState()).toEqual(24);
-
- child.context.store.dispatch({});
- expect(spy.calls.length).toEqual(3);
- expect(child.context.store.getState()).toEqual(48);
- });
- });
-});
diff --git a/test/components/connect.spec.js b/test/components/connect.spec.js
deleted file mode 100644
index 5b3fee90c2..0000000000
--- a/test/components/connect.spec.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import expect from 'expect';
-import jsdomReact from './jsdomReact';
-import React, { PropTypes, Component } from 'react/addons';
-import { createStore } from '../../src';
-import { connect, Connector } from '../../src/react';
-
-const { TestUtils } = React.addons;
-
-describe('React', () => {
- describe('connect', () => {
- jsdomReact();
-
- // Mock minimal Provider interface
- class Provider extends Component {
- static childContextTypes = {
- store: PropTypes.object.isRequired
- }
-
- getChildContext() {
- return { store: this.props.store };
- }
-
- render() {
- return this.props.children();
- }
- }
-
- it('should wrap the component into Provider', () => {
- const store = createStore(() => ({
- foo: 'bar'
- }));
-
- @connect(state => state)
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- const container = TestUtils.renderIntoDocument(
-
- {() => }
-
- );
- const div = TestUtils.findRenderedDOMComponentWithTag(container, 'div');
- expect(div.props.pass).toEqual('through');
- expect(div.props.foo).toEqual('bar');
- expect(() =>
- TestUtils.findRenderedComponentWithType(container, Connector)
- ).toNotThrow();
- });
-
- it('should handle additional prop changes in addition to slice', () => {
- const store = createStore(() => ({
- foo: 'bar'
- }));
-
- @connect(state => state)
- class ConnectContainer extends Component {
- render() {
- return (
-
- );
- }
- }
-
- class Container extends Component {
- constructor() {
- super();
- this.state = {
- bar: {
- baz: ''
- }
- };
- }
- componentDidMount() {
-
- // Simulate deep object mutation
- this.state.bar.baz = 'through';
- this.setState({
- bar: this.state.bar
- });
- }
- render() {
- return (
-
- {() => }
-
- );
- }
- }
-
- const container = TestUtils.renderIntoDocument(
);
- const div = TestUtils.findRenderedDOMComponentWithTag(container, 'div');
- expect(div.props.foo).toEqual('bar');
- expect(div.props.pass).toEqual('through');
- });
-
- it('should pass the only argument as the select prop down', () => {
- const store = createStore(() => ({
- foo: 'baz',
- bar: 'baz'
- }));
-
- function select({ foo }) {
- return { foo };
- }
-
- @connect(select)
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- const container = TestUtils.renderIntoDocument(
-
- {() => }
-
- );
- const connector = TestUtils.findRenderedComponentWithType(container, Connector);
- expect(connector.props.select({
- foo: 5,
- bar: 7
- })).toEqual({
- foo: 5
- });
- });
-
- it('should set the displayName correctly', () => {
- @connect(state => state)
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- expect(Container.displayName).toBe('Connector(Container)');
- });
-
- it('should expose the wrapped component as DecoratedComponent', () => {
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- const decorator = connect(state => state);
- const decorated = decorator(Container);
-
- expect(decorated.DecoratedComponent).toBe(Container);
- });
- });
-});
diff --git a/test/components/jsdomReact.js b/test/components/jsdomReact.js
deleted file mode 100644
index 0083824baf..0000000000
--- a/test/components/jsdomReact.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import ExecutionEnvironment from 'react/lib/ExecutionEnvironment';
-import jsdom from 'mocha-jsdom';
-
-export default function jsdomReact() {
- jsdom();
- ExecutionEnvironment.canUseDOM = true;
-}
diff --git a/test/components/provide.spec.js b/test/components/provide.spec.js
deleted file mode 100644
index babef47758..0000000000
--- a/test/components/provide.spec.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import expect from 'expect';
-import jsdomReact from './jsdomReact';
-import React, { PropTypes, Component } from 'react/addons';
-import { createStore } from '../../src';
-import { provide, Provider } from '../../src/react';
-
-const { TestUtils } = React.addons;
-
-describe('React', () => {
- describe('provide', () => {
- jsdomReact();
-
- class Child extends Component {
- static contextTypes = {
- store: PropTypes.object.isRequired
- }
-
- render() {
- return
;
- }
- }
-
- it('should wrap the component into Provider', () => {
- const store = createStore({});
-
- @provide(store)
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- const container = TestUtils.renderIntoDocument(
-
- );
- const child = TestUtils.findRenderedComponentWithType(container, Child);
- expect(child.props.pass).toEqual('through');
- expect(() =>
- TestUtils.findRenderedComponentWithType(container, Provider)
- ).toNotThrow();
- expect(child.context.store).toBe(store);
- });
-
- it('sets the displayName correctly', () => {
- @provide(createStore({}))
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- expect(Container.displayName).toBe('Provider(Container)');
- });
-
- it('should expose the wrapped component as DecoratedComponent', () => {
- class Container extends Component {
- render() {
- return
;
- }
- }
-
- const decorator = provide(state => state);
- const decorated = decorator(Container);
-
- expect(decorated.DecoratedComponent).toBe(Container);
- });
- });
-});
diff --git a/test/getDisplayName.spec.js b/test/getDisplayName.spec.js
deleted file mode 100644
index a3a712d345..0000000000
--- a/test/getDisplayName.spec.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import expect from 'expect';
-import { createClass, Component } from 'react';
-import getDisplayName from '../src/utils/getDisplayName';
-
-describe('Utils', () => {
- describe('getDisplayName', () => {
- it('should extract the component class name', () => {
- const names = [
- createClass({ displayName: 'Foo', render() {} }),
- class Bar extends Component {},
- createClass({ render() {} })
- ].map(getDisplayName);
-
- expect(names).toEqual(['Foo', 'Bar', 'Component']);
- });
- });
-});
diff --git a/test/utils/identity.spec.js b/test/utils/identity.spec.js
deleted file mode 100644
index ef48e5593c..0000000000
--- a/test/utils/identity.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import expect from 'expect';
-import identity from '../../src/utils/identity';
-
-describe('Utils', () => {
- describe('identity', () => {
- it('should return the first argument passed to it', () => {
- const test = { a: 1 };
- expect(identity(test, 'test')).toBe(test);
- });
- });
-});
diff --git a/test/utils/shallowEquality.spec.js b/test/utils/shallowEquality.spec.js
deleted file mode 100644
index 7146185bfb..0000000000
--- a/test/utils/shallowEquality.spec.js
+++ /dev/null
@@ -1,133 +0,0 @@
-import expect from 'expect';
-import shallowEqualScalar from '../../src/utils/shallowEqualScalar';
-import shallowEqual from '../../src/utils/shallowEqual';
-
-describe('Utils', () => {
- // More info: https://github.com/gaearon/redux/pull/75#issuecomment-111635748
- describe('shallowEqualScalar', () => {
- it('should return true if both arguments are the same object', () => {
- const o = { a: 1, b: 2 };
- expect(shallowEqualScalar(o, o)).toBe(true);
- });
-
- it('should return false if either argument is null', () => {
- expect(shallowEqualScalar(null, {})).toBe(false);
- expect(shallowEqualScalar({}, null)).toBe(false);
- });
-
- it('should return true if arguments fields are equal', () => {
- expect(
- shallowEqualScalar(
- { a: 1, b: 2, c: undefined },
- { a: 1, b: 2, c: undefined }
- )
- ).toBe(true);
-
- expect(
- shallowEqualScalar(
- { a: 1, b: 2, c: 3 },
- { a: 1, b: 2, c: 3 }
- )
- ).toBe(true);
- });
-
- it('should return false if first argument has too many keys', () => {
- expect(
- shallowEqualScalar(
- { a: 1, b: 2, c: 3 },
- { a: 1, b: 2 }
- )
- ).toBe(false);
- });
-
- it('should return false if second argument has too many keys', () => {
- expect(
- shallowEqualScalar(
- { a: 1, b: 2 },
- { a: 1, b: 2, c: 3 }
- )
- ).toBe(false);
- });
-
- it('should return false if arguments have keys dont have same value', () => {
- expect(
- shallowEqualScalar(
- { a: 1, b: 2 },
- { a: 1, b: 3 }
- )
- ).toBe(false);
- });
-
- it('should return false if arguments have field that are objects', () => {
- const o = {};
- expect(
- shallowEqualScalar(
- { a: 1, b: 2, c: o },
- { a: 1, b: 2, c: o }
- )
- ).toBe(false);
- });
-
- it('should return false if arguments have different keys', () => {
- expect(
- shallowEqualScalar(
- { a: 1, b: 2, c: undefined },
- { a: 1, bb: 2, c: undefined }
- )
- ).toBe(false);
- });
- });
-
- describe('shallowEqual', () => {
- it('should return true if arguments fields are equal', () => {
- expect(
- shallowEqual(
- { a: 1, b: 2, c: undefined },
- { a: 1, b: 2, c: undefined }
- )
- ).toBe(true);
-
- expect(
- shallowEqual(
- { a: 1, b: 2, c: 3 },
- { a: 1, b: 2, c: 3 }
- )
- ).toBe(true);
-
- const o = {};
- expect(
- shallowEqual(
- { a: 1, b: 2, c: o },
- { a: 1, b: 2, c: o }
- )
- ).toBe(true);
- });
-
- it('should return false if first argument has too many keys', () => {
- expect(
- shallowEqual(
- { a: 1, b: 2, c: 3 },
- { a: 1, b: 2 }
- )
- ).toBe(false);
- });
-
- it('should return false if second argument has too many keys', () => {
- expect(
- shallowEqual(
- { a: 1, b: 2 },
- { a: 1, b: 2, c: 3 }
- )
- ).toBe(false);
- });
-
- it('should return false if arguments have different keys', () => {
- expect(
- shallowEqual(
- { a: 1, b: 2, c: undefined },
- { a: 1, bb: 2, c: undefined }
- )
- ).toBe(false);
- });
- });
-});
diff --git a/webpack.config.js b/webpack.config.js
index d7c5f5a61c..a1da852834 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -20,18 +20,7 @@ if (process.env.NODE_ENV === 'production') {
);
}
-var reactExternal = {
- root: 'React',
- commonjs2: 'react',
- commonjs: 'react',
- amd: 'react'
-};
-
module.exports = {
- externals: {
- 'react': reactExternal,
- 'react-native': reactExternal
- },
module: {
loaders: [
{ test: /\.js$/, loaders: ['babel-loader'], exclude: /node_modules/ }