Merge pull request #4 from whatknight/nextprops

Use next props when component will receive props.

Author: jdlehman

dist/switcheroo.min.js

@@ -30,7 +30,7 @@ export default class Switcher extends Component {
     super(props);
 
     var currentPath = this.getLocation();
-    var switchElement = this.getSwitch(currentPath);
+    var switchElement = this.getSwitch(currentPath, props);
     this.state = {
       visibleSwitch: switchElement
     };
@@ -50,8 +50,7 @@ export default class Switcher extends Component {
 
   componentWillReceiveProps(nextProps) {
     var currentPath = this.getLocation();
-    var switchElement = this.getSwitch(currentPath);
-
+    var switchElement = this.getSwitch(currentPath, nextProps);
     this.setState({
       visibleSwitch: switchElement
     });
@@ -78,21 +77,21 @@ export default class Switcher extends Component {
     }
   };
 
-  getSwitch = (path) => {
-    var children = [].concat(this.props.children);
+  getSwitch(path, props) {
+    var children = [].concat(props.children);
     var consistentPath = removeTrailingSlash(path);
     return children.filter(child => {
       var childPaths = [].concat(child.props.path).map(childPath => {
-        return `${removeTrailingSlash(this.props.basePath + childPath)}/?`;
+        return `${removeTrailingSlash(props.basePath + childPath)}/?`;
       });
       var regex = new RegExp(`^${childPaths.join('|')}$`);
       return regex.test(consistentPath);
     })[0] || null;
-  };
+  }
 
   handleRouteChange = (ev) => {
     var currentPath = this.getLocation();
-    var switchElement = this.getSwitch(currentPath);
+    var switchElement = this.getSwitch(currentPath, this.props);
 
     if (typeof this.props.onChange === 'function') {
       this.props.onChange(!!switchElement, currentPath);

src/index.js

@@ -97,42 +97,42 @@ describe('Switcher', function() {
       });
 
       it('gets component with matching path', function() {
-        var swtch = this.switcher.getSwitch('/another');
+        var swtch = this.switcher.getSwitch('/another', this.switcher.props);
         assert.equal(swtch.props.children, 'Another');
       });
 
       it('handles trailing /', function() {
-        var swtch = this.switcher.getSwitch('/another/');
+        var swtch = this.switcher.getSwitch('/another/', this.switcher.props);
         assert.equal(swtch.props.children, 'Another');
       });
 
       it('returns null if there is no matching switch', function() {
-        var swtch = this.switcher.getSwitch('/notHere');
+        var swtch = this.switcher.getSwitch('/notHere', this.switcher.props);
         assert.isNull(swtch);
       });
 
       it('gets first match if duplicate paths', function() {
-        var swtch = this.switcher.getSwitch('/duplicate');
+        var swtch = this.switcher.getSwitch('/duplicate', this.switcher.props);
         assert.equal(swtch.props.children, 'Dup 1');
       });
 
       it('handles paths with wild cards', function() {
-        var swtch = this.switcher.getSwitch('/wildCardPath/something');
-        var swtch2 = this.switcher.getSwitch('/wildCardPath/something/more');
+        var swtch = this.switcher.getSwitch('/wildCardPath/something', this.switcher.props);
+        var swtch2 = this.switcher.getSwitch('/wildCardPath/something/more', this.switcher.props);
         assert.equal(swtch.props.children, 'Wild');
         assert.equal(swtch2.props.children, 'Wild');
       });
 
       it('handles paths with dynamic segments', function() {
-        var swtch = this.switcher.getSwitch('/path/abc123/more');
-        var swtch2 = this.switcher.getSwitch('/path/somethingelse/more');
+        var swtch = this.switcher.getSwitch('/path/abc123/more', this.switcher.props);
+        var swtch2 = this.switcher.getSwitch('/path/somethingelse/more', this.switcher.props);
         assert.equal(swtch.props.children, 'Dynamic');
         assert.equal(swtch2.props.children, 'Dynamic');
       });
 
       it('handles array of paths', function() {
-        var swtch = this.switcher.getSwitch('/arr1');
-        var swtch2 = this.switcher.getSwitch('/arr2/more');
+        var swtch = this.switcher.getSwitch('/arr1', this.switcher.props);
+        var swtch2 = this.switcher.getSwitch('/arr2/more', this.switcher.props);
         assert.equal(swtch.props.children, 'Array');
         assert.equal(swtch2.props.children, 'Array');
       });
@@ -156,7 +156,7 @@ describe('Switcher', function() {
       });
 
       it('gets component with matching path', function() {
-        var swtch = this.switcher.getSwitch('/base/another');
+        var swtch = this.switcher.getSwitch('/base/another', this.switcher.props);
         assert.equal(swtch.props.children, 'Another');
       });
     });