test: add some route SSR tests

Author: streamich

src/route/__story__/StoryRouteTruncateRoute.tsx

@@ -4,7 +4,7 @@ import {Router, Route} from '..';
 
 const StoryRouteTruncateRoute = () =>
   <div>
-    <Router route='/api/users/43f23f-23f34f43r.json'>
+    <Router route='/api/users/123.json'>
       <Route match='/api'>
         <Route match='/users'>
           <Route match={/.*/}>{(result) =>
@@ -17,7 +17,7 @@ const StoryRouteTruncateRoute = () =>
     <hr />
 
     <pre style={{fontFamily: 'monospace'}}>{`
-<Router route='/api/users/43f23f-23f34f43r.json'>
+<Router route='/api/users/132.json'>
   <Route match='/api'>
     <Route match='/users'>
       <Route match={/.*/}>{(result) =>

src/route/__tests__/index.test-server.tsx

@@ -0,0 +1,51 @@
+import {createElement as h} from 'react';
+import {renderToStaticMarkup} from 'react-dom/server';
+import {expect} from 'chai';
+import {Router, Route} from '..';
+
+describe('route SSR', () => {
+  it('renders without crashing', () => {
+    const html = renderToStaticMarkup(
+      <Router route='/foo/bar'>
+        <Route>
+          <span>baz</span>
+        </Route>
+      </Router>
+    );
+
+    expect(html).to.equal('<span>baz</span>');
+  });
+
+  it('renders matching routes', () => {
+    const html = renderToStaticMarkup(
+      <Router route='/foo/bar'>
+        <Route>
+          <span>1</span>
+        </Route>
+        <Route match='/baz'>
+          <span>2</span>
+        </Route>
+        <Route match='/foo'>
+          <span>3</span>
+        </Route>
+        <Route match='/foo/bar'>
+          <span>4</span>
+        </Route>
+      </Router>
+    );
+
+    expect(html).to.equal('<div><span>1</span></div>');
+  });
+
+  it('matches partial step', () => {
+    const html = renderToStaticMarkup(
+      <Router route='/foo/bar'>
+        <Route match='/foo/b'>
+          <span>1</span>
+        </Route>
+      </Router>
+    );
+
+    expect(html).to.equal('<span>1</span>');
+  });
+});

src/route/index.ts

@@ -18,6 +18,7 @@ export class Router extends Component<IRouteProviderProps, any> {
   };
 
   renderProvider (route) {
+    const {children} = this.props;
     this.matches = 0;
 
     const element = h(Provider, {
@@ -28,7 +29,7 @@ export class Router extends Component<IRouteProviderProps, any> {
         getMathces: () => this.matches,
         parent: this.props.parent
       }
-    }, this.props.children);
+    }, Array.isArray(children) ? h('div', null, children) : children);
 
     return element;
   }
@@ -41,7 +42,7 @@ export class Router extends Component<IRouteProviderProps, any> {
       return this.renderProvider(route);
     }
 
-    return h(LocationSensor, {}, (value) => this.renderProvider(value.pathname));
+    return h(LocationSensor, null, ({pathname}) => this.renderProvider(pathname));
   }
 }