Add tests for ActiveDelegate

Author: mjackson

modules/mixins/ActiveDelegate.js

@@ -41,11 +41,23 @@ var ActiveDelegate = {
     };
   },
 
+  propTypes: {
+    initialState: React.PropTypes.object
+  },
+
+  getDefaultProps: function () {
+    return {
+      initialState: {}
+    };
+  },
+
   getInitialState: function () {
+    var initialState = this.props.initialState;
+
     return {
-      activeRoutes: [],
-      activeParams: {},
-      activeQuery: {}
+      activeRoutes: initialState.activeRoutes || [],
+      activeParams: initialState.activeParams || {},
+      activeQuery: initialState.activeQuery || {}
     };
   },
 

modules/mixins/__tests__/ActiveDelegate-test.js

@@ -0,0 +1,102 @@
+var assert = require('assert');
+var React = require('react/addons');
+var ReactTestUtils = React.addons.TestUtils;
+var Route = require('../../components/Route');
+var ActiveDelegate = require('../ActiveDelegate');
+
+describe('ActiveDelegate', function () {
+  var App = React.createClass({
+    mixins: [ ActiveDelegate ],
+    render: function () {
+      return React.DOM.div();
+    }
+  });
+
+  describe('when a route is active', function () {
+    var route;
+    beforeEach(function () {
+      route = Route({ name: 'products', handler: App });
+    });
+
+    describe('and it has no params', function () {
+      var component;
+      beforeEach(function () {
+        component = ReactTestUtils.renderIntoDocument(
+          App({
+            initialState: {
+              activeRoutes: [ route ]
+            }
+          })
+        );
+      });
+
+      afterEach(function () {
+        React.unmountComponentAtNode(component.getDOMNode());
+      });
+
+      it('is active', function () {
+        assert(component.isActive('products'));
+      });
+    });
+
+    describe('and the right params are given', function () {
+      var component;
+      beforeEach(function () {
+        component = ReactTestUtils.renderIntoDocument(
+          App({
+            initialState: {
+              activeRoutes: [ route ],
+              activeParams: { id: '123', show: 'true', variant: 456 },
+              activeQuery: { search: 'abc', limit: 789 }
+            }
+          })
+        );
+      });
+
+      afterEach(function () {
+        React.unmountComponentAtNode(component.getDOMNode());
+      });
+
+      describe('and no query is used', function () {
+        it('is active', function () {
+          assert(component.isActive('products', { id: 123, variant: '456' }));
+        });
+      });
+
+      describe('and a matching query is used', function () {
+        it('is active', function () {
+          assert(component.isActive('products', { id: 123 }, { search: 'abc', limit: '789' }));
+        });
+      });
+
+      describe('but the query does not match', function () {
+        it('is not active', function () {
+          assert(component.isActive('products', { id: 123 }, { search: 'def', limit: '123' }) === false);
+        });
+      });
+    });
+
+    describe('and the wrong params are given', function () {
+      var component;
+      beforeEach(function () {
+        component = ReactTestUtils.renderIntoDocument(
+          App({
+            initialState: {
+              activeRoutes: [ route ],
+              activeParams: { id: 123 }
+            }
+          })
+        );
+      });
+
+      afterEach(function () {
+        React.unmountComponentAtNode(component.getDOMNode());
+      });
+
+      it('is not active', function () {
+        assert(component.isActive('products', { id: 345 }) === false);
+      });
+    });
+  });
+
+});

tests.js

@@ -1,5 +1,6 @@
 require('./modules/components/__tests__/DefaultRoute-test');
 require('./modules/components/__tests__/NotFoundRoute-test');
+require('./modules/mixins/__tests__/ActiveDelegate-test');
 require('./modules/mixins/__tests__/PathDelegate-test');
 require('./modules/mixins/__tests__/PathState-test');
 require('./modules/mixins/__tests__/RouteContainer-test');