More tests

Author: mjackson

modules/components/__tests__/DefaultRoute-test.js

@@ -1,7 +1,10 @@
+var assert = require('assert');
 var expect = require('expect');
 var React = require('react/addons');
 var ReactTestUtils = React.addons.TestUtils;
 var RouteContainer = require('../../mixins/RouteContainer');
+var TransitionHandler = require('../../mixins/TransitionHandler');
+var PathStore = require('../../stores/PathStore');
 var Route = require('../Route');
 var DefaultRoute = require('../DefaultRoute');
 
@@ -57,3 +60,40 @@ describe('A DefaultRoute', function () {
     });
   });
 });
+
+describe('when no child routes match a URL, but the parent\'s path matches', function () {
+  var App = React.createClass({
+    mixins: [ TransitionHandler ],
+    render: function () {
+      return React.DOM.div();
+    }
+  });
+
+  var component, rootRoute, defaultRoute;
+  beforeEach(function () {
+    component = ReactTestUtils.renderIntoDocument(
+      App({ location: 'none' },
+        rootRoute = Route({ name: 'user', path: '/users/:id', handler: App },
+          Route({ name: 'home', path: '/users/:id/home', handler: App }),
+          // Make it the middle sibling to test order independence.
+          defaultRoute = DefaultRoute({ handler: App }),
+          Route({ name: 'news', path: '/users/:id/news', handler: App })
+        )
+      )
+    )
+  });
+
+  afterEach(function () {
+    React.unmountComponentAtNode(component.getDOMNode());
+    // For some reason unmountComponentAtNode doesn't call componentWillUnmount :/
+    PathStore.removeAllChangeListeners();
+  });
+
+  it('matches the default route', function () {
+    var matches = component.match('/users/5');
+    assert(matches);
+    expect(matches.length).toEqual(2);
+    expect(matches[0].route).toBe(rootRoute);
+    expect(matches[1].route).toBe(defaultRoute);
+  });
+});

modules/components/__tests__/NotFoundRoute-test.js

@@ -1,11 +1,14 @@
+var assert = require('assert');
 var expect = require('expect');
 var React = require('react/addons');
 var ReactTestUtils = React.addons.TestUtils;
 var RouteContainer = require('../../mixins/RouteContainer');
+var TransitionHandler = require('../../mixins/TransitionHandler');
+var PathStore = require('../../stores/PathStore');
 var Route = require('../Route');
 var NotFoundRoute = require('../NotFoundRoute');
 
-describe('NotFoundRoute', function () {
+describe('A NotFoundRoute', function () {
   it('has a null path', function () {
     expect(NotFoundRoute({ path: '/' }).props.path).toBe(null);
   });
@@ -57,3 +60,40 @@ describe('NotFoundRoute', function () {
     });
   });
 });
+
+describe('when no child routes match a URL, but the beginning of the parent\'s path matches', function () {
+  var App = React.createClass({
+    mixins: [ TransitionHandler ],
+    render: function () {
+      return React.DOM.div();
+    }
+  });
+
+  var component, rootRoute, notFoundRoute;
+  beforeEach(function () {
+    component = ReactTestUtils.renderIntoDocument(
+      App({ location: 'none' },
+        rootRoute = Route({ name: 'user', path: '/users/:id', handler: App },
+          Route({ name: 'home', path: '/users/:id/home', handler: App }),
+          // Make it the middle sibling to test order independence.
+          notFoundRoute = NotFoundRoute({ handler: App }),
+          Route({ name: 'news', path: '/users/:id/news', handler: App })
+        )
+      )
+    )
+  });
+
+  afterEach(function () {
+    React.unmountComponentAtNode(component.getDOMNode());
+    // For some reason unmountComponentAtNode doesn't call componentWillUnmount :/
+    PathStore.removeAllChangeListeners();
+  });
+
+  it('matches the NotFoundRoute', function () {
+    var matches = component.match('/users/5/not-found');
+    assert(matches);
+    expect(matches.length).toEqual(2);
+    expect(matches[0].route).toBe(rootRoute);
+    expect(matches[1].route).toBe(notFoundRoute);
+  });
+});

modules/mixins/__tests__/AsyncState-test.js

@@ -0,0 +1,53 @@
+var expect = require('expect');
+var React = require('react/addons');
+var ReactTestUtils = React.addons.TestUtils;
+var Promise = require('../../utils/Promise');
+var AsyncState = require('../AsyncState');
+
+describe('AsyncState', function () {
+
+  describe('a component that fetches part of its state asynchronously', function () {
+    var User = React.createClass({
+      mixins: [ AsyncState ],
+      statics: {
+        getInitialAsyncState: function (params, query, setState) {
+          setState({
+            immediateValue: 'immediate'
+          });
+
+          setTimeout(function () {
+            setState({
+              delayedValue: 'delayed'
+            });
+          });
+
+          return {
+            promisedValue: Promise.resolve('promised')
+          };
+        }
+      },
+      render: function () {
+        return null;
+      }
+    });
+
+    var component;
+    beforeEach(function () {
+      component = ReactTestUtils.renderIntoDocument(User());
+    });
+
+    afterEach(function () {
+      React.unmountComponentAtNode(component.getDOMNode());
+    });
+
+    it('resolves all state variables correctly', function (done) {
+      setTimeout(function () {
+        expect(component.state.immediateValue).toEqual('immediate');
+        expect(component.state.delayedValue).toEqual('delayed');
+        expect(component.state.promisedValue).toEqual('promised');
+        done();
+      }, 20);
+    });
+  });
+
+});

modules/stores/PathStore.js

@@ -24,6 +24,10 @@ var PathStore = {
     _events.removeListener(CHANGE_EVENT, listener);
   },
 
+  removeAllChangeListeners: function () {
+    _events.removeAllListeners(CHANGE_EVENT);
+  },
+
   /**
    * Returns the current URL path.
    */