Fix breadcrumb test case

components/breadcrumb/__tests__/__snapshots__/router.test.js.snap

@@ -0,0 +1,170 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`react router react router 3 1`] = `
+<Breadcrumb
+  params={
+    Object {
+      "id": 1,
+    }
+  }
+  prefixCls="ant-breadcrumb"
+  routes={
+    Array [
+      Object {
+        "breadcrumbName": "Home",
+        "childRoutes": Array [
+          Object {
+            "breadcrumbName": "Application List",
+            "childRoutes": Array [
+              Object {
+                "breadcrumbName": "Application:id",
+                "childRoutes": Array [
+                  Object {
+                    "breadcrumbName": "Detail",
+                    "name": "detail",
+                    "path": "detail",
+                  },
+                ],
+                "name": "app",
+                "path": ":id",
+              },
+            ],
+            "name": "apps",
+            "path": "apps",
+          },
+        ],
+        "name": "home",
+        "path": "/",
+      },
+      Object {
+        "breadcrumbName": "Application List",
+        "childRoutes": Array [
+          Object {
+            "breadcrumbName": "Application:id",
+            "childRoutes": Array [
+              Object {
+                "breadcrumbName": "Detail",
+                "name": "detail",
+                "path": "detail",
+              },
+            ],
+            "name": "app",
+            "path": ":id",
+          },
+        ],
+        "name": "apps",
+        "path": "apps",
+      },
+      Object {
+        "breadcrumbName": "Application:id",
+        "childRoutes": Array [
+          Object {
+            "breadcrumbName": "Detail",
+            "name": "detail",
+            "path": "detail",
+          },
+        ],
+        "name": "app",
+        "path": ":id",
+      },
+      Object {
+        "breadcrumbName": "Detail",
+        "name": "detail",
+        "path": "detail",
+      },
+    ]
+  }
+  separator="/"
+>
+  <div
+    className="ant-breadcrumb"
+  >
+    <BreadcrumbItem
+      key="Home"
+      prefixCls="ant-breadcrumb"
+      separator="/"
+    >
+      <span>
+        <span
+          className="ant-breadcrumb-link"
+        >
+          <a
+            href="#/"
+          >
+            Home
+          </a>
+        </span>
+        <span
+          className="ant-breadcrumb-separator"
+        >
+          /
+        </span>
+      </span>
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      key="Application List"
+      prefixCls="ant-breadcrumb"
+      separator="/"
+    >
+      <span>
+        <span
+          className="ant-breadcrumb-link"
+        >
+          <a
+            href="#/apps"
+          >
+            Application List
+          </a>
+        </span>
+        <span
+          className="ant-breadcrumb-separator"
+        >
+          /
+        </span>
+      </span>
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      key="Application:id"
+      prefixCls="ant-breadcrumb"
+      separator="/"
+    >
+      <span>
+        <span
+          className="ant-breadcrumb-link"
+        >
+          <a
+            href="#/apps/1"
+          >
+            Application1
+          </a>
+        </span>
+        <span
+          className="ant-breadcrumb-separator"
+        >
+          /
+        </span>
+      </span>
+    </BreadcrumbItem>
+    <BreadcrumbItem
+      key="Detail"
+      prefixCls="ant-breadcrumb"
+      separator="/"
+    >
+      <span>
+        <span
+          className="ant-breadcrumb-link"
+        >
+          <span>
+            Detail
+          </span>
+        </span>
+        <span
+          className="ant-breadcrumb-separator"
+        >
+          /
+        </span>
+      </span>
+    </BreadcrumbItem>
+  </div>
+</Breadcrumb>
+`;

components/breadcrumb/__tests__/router.test.js

@@ -1,15 +1,15 @@
 import React from 'react';
 import { Route, Switch, Link, withRouter, MemoryRouter } from 'react-router-dom';
-import { Breadcrumb } from 'antd';
+import Breadcrumb from '../index';
 import { mount } from 'enzyme';
 
 const Apps = () => (
-  <ul className="app-list">
+  <ul className='app-list'>
     <li>
-      <Link to="/apps/1">Application1</Link>：<Link to="/apps/1/detail">Detail</Link>
+      <Link to='/apps/1'>Application1</Link>：<Link to='/apps/1/detail'>Detail</Link>
     </li>
     <li>
-      <Link to="/apps/2">Application2</Link>：<Link to="/apps/2/detail">Detail</Link>
+      <Link to='/apps/2'>Application2</Link>：<Link to='/apps/2/detail'>Detail</Link>
     </li>
   </ul>
 );
@@ -36,18 +36,18 @@ const Home = withRouter((props) => {
     );
   });
   const breadcrumbItems = [(
-    <Breadcrumb.Item key="home">
-      <Link to="/">Home</Link>
+    <Breadcrumb.Item key='home'>
+      <Link to='/'>Home</Link>
     </Breadcrumb.Item>
   )].concat(extraBreadcrumbItems);
   return (
-    <div className="demo">
-      <div className="demo-nav">
+    <div className='demo'>
+      <div className='demo-nav'>
         <a onClick={() => history.push('/')}>Home</a>
         <a onClick={() => history.push('/apps')}>Application List</a>
       </div>
       <Switch>
-        <Route path="/apps" component={Apps} />
+        <Route path='/apps' component={Apps} />
         <Route render={() => <span>Home Page</span>} />
       </Switch>
       <Breadcrumb>
@@ -78,4 +78,73 @@ describe('react router', () => {
     expect(wrapper.find('BreadcrumbItem').length).toBe(2);
     expect(wrapper.find('BreadcrumbItem .ant-breadcrumb-link').at(1).text()).toBe('Application List');
   });
+
+  it('react router 3', () => {
+    const routes = [{
+      name: 'home',
+      breadcrumbName: 'Home',
+      path: '/',
+      childRoutes: [
+        {
+          name: 'apps',
+          breadcrumbName: 'Application List',
+          path: 'apps',
+          childRoutes: [
+            {
+              name: 'app',
+              breadcrumbName: 'Application:id',
+              path: ':id',
+              childRoutes: [
+                {
+                  name: 'detail',
+                  breadcrumbName: 'Detail',
+                  path: 'detail',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: 'apps',
+      breadcrumbName: 'Application List',
+      path: 'apps',
+      childRoutes: [
+        {
+          name: 'app',
+          breadcrumbName: 'Application:id',
+          path: ':id',
+          childRoutes: [
+            {
+              name: 'detail',
+              breadcrumbName: 'Detail',
+              path: 'detail',
+            },
+          ],
+        },
+      ],
+    },
+    {
+      name: 'app',
+      breadcrumbName: 'Application:id',
+      path: ':id',
+      childRoutes: [
+        {
+          name: 'detail',
+          breadcrumbName: 'Detail',
+          path: 'detail',
+        },
+      ],
+    },
+    {
+      name: 'detail',
+      breadcrumbName: 'Detail',
+      path: 'detail',
+    }];
+    const wrapper = mount(
+      <Breadcrumb routes={routes} params={{ id: 1 }} />
+    );
+    expect(wrapper).toMatchSnapshot();
+  });
 });