From f6b1e942e380a4e8a6eb621ab31e6f4190ee098c Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Fri, 17 Mar 2017 18:56:30 +0800
Subject: [PATCH] Jest 19 (#5361)

* Upgeade to jest 19

* Use jest.spyOn
---
 .../__snapshots__/index.test.js.snap          |    2 +
 .../__tests__/__snapshots__/demo.test.js.snap |   38 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  265 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   93 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  203 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   12 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  994 ++-
 .../breadcrumb/__tests__/Breadcrumb.test.js   |   20 +-
 .../__snapshots__/Breadcrumb.test.js.snap     |   11 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  132 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  299 +-
 .../__snapshots__/index.test.js.snap          |    8 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 2764 ++++---
 .../__tests__/__snapshots__/demo.test.js.snap |  161 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  124 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  163 +-
 .../__snapshots__/index.test.js.snap          |  107 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  240 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  342 +-
 .../__snapshots__/RangePicker.test.js.snap    | 1499 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  500 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  102 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 1613 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  466 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  210 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  287 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  582 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 1005 ++-
 .../__tests__/__snapshots__/demo.test.js.snap |  287 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   28 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   62 +-
 components/modal/__tests__/comfirm.test.js    |   16 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   56 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  360 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   76 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   84 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  382 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  476 +-
 .../__snapshots__/radio.test.js.snap          |   14 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  501 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  500 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  574 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  167 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  815 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   58 +-
 .../__snapshots__/Table.filter.test.js.snap   |  185 +-
 .../Table.pagination.test.js.snap             |   65 +-
 .../Table.rowSelection.test.js.snap           |   14 +-
 .../__snapshots__/Table.sorter.test.js.snap   |   23 +-
 .../__snapshots__/Table.test.js.snap          |   71 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 6751 +++++++++++------
 .../__tests__/__snapshots__/demo.test.js.snap |  567 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  204 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  106 +-
 .../__snapshots__/index.test.js.snap          |    5 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  220 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   62 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  552 +-
 .../__snapshots__/index.test.js.snap          |  131 +-
 .../__tests__/__snapshots__/list.test.js.snap |   80 +-
 .../__snapshots__/search.test.js.snap         |   38 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   68 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  543 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  247 +-
 package.json                                  |    2 +-
 tests/__snapshots__/index.test.js.snap        |    2 +
 66 files changed, 17581 insertions(+), 9053 deletions(-)

diff --git a/components/__tests__/__snapshots__/index.test.js.snap b/components/__tests__/__snapshots__/index.test.js.snap
index 07b595e24a..e2261c093e 100644
--- a/components/__tests__/__snapshots__/index.test.js.snap
+++ b/components/__tests__/__snapshots__/index.test.js.snap
@@ -1,3 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`antd exports modules correctly 1`] = `
 Array [
   "Affix",
diff --git a/components/affix/__tests__/__snapshots__/demo.test.js.snap b/components/affix/__tests__/__snapshots__/demo.test.js.snap
index 53ebc4e375..9a694a8d88 100644
--- a/components/affix/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/affix/__tests__/__snapshots__/demo.test.js.snap
@@ -1,11 +1,15 @@
-exports[`test renders ./components/affix/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/affix/demo/basic.md correctly 1`] = `
 <div>
   <div>
     <div
-      class="">
+      class=""
+    >
       <button
         class="ant-btn ant-btn-primary"
-        type="button">
+        type="button"
+      >
         <span>
           Affix top
         </span>
@@ -15,10 +19,12 @@ exports[`test renders ./components/affix/demo/basic.md correctly 1`] = `
   <br />
   <div>
     <div
-      class="">
+      class=""
+    >
       <button
         class="ant-btn ant-btn-primary"
-        type="button">
+        type="button"
+      >
         <span>
           Affix bottom
         </span>
@@ -28,13 +34,15 @@ exports[`test renders ./components/affix/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/affix/demo/on-change.md correctly 1`] = `
+exports[`renders ./components/affix/demo/on-change.md correctly 1`] = `
 <div>
   <div
-    class="">
+    class=""
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         120px to affix top
       </span>
@@ -43,17 +51,21 @@ exports[`test renders ./components/affix/demo/on-change.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/affix/demo/target.md correctly 1`] = `
+exports[`renders ./components/affix/demo/target.md correctly 1`] = `
 <div
-  class="scrollable-container">
+  class="scrollable-container"
+>
   <div
-    class="background">
+    class="background"
+  >
     <div>
       <div
-        class="">
+        class=""
+      >
         <button
           class="ant-btn ant-btn-primary"
-          type="button">
+          type="button"
+        >
           <span>
             Fixed at the top of container
           </span>
diff --git a/components/alert/__tests__/__snapshots__/demo.test.js.snap b/components/alert/__tests__/__snapshots__/demo.test.js.snap
index db424d06fc..0406835d75 100644
--- a/components/alert/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/alert/__tests__/__snapshots__/demo.test.js.snap
@@ -1,308 +1,393 @@
-exports[`test renders ./components/alert/demo/banner.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-warning ant-alert-banner"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-exclamation-circle ant-alert-icon" />
+      class="anticon anticon-exclamation-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <br />
   <div
     class="ant-alert ant-alert-warning ant-alert-banner"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-exclamation-circle ant-alert-icon" />
+      class="anticon anticon-exclamation-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Very long warning text warning text text text text text text text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
     <a
-      class="ant-alert-close-icon">
+      class="ant-alert-close-icon"
+    >
       <i
-        class="anticon anticon-cross" />
+        class="anticon anticon-cross"
+      />
     </a>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/basic.md correctly 1`] = `
+exports[`renders ./components/alert/demo/basic.md correctly 1`] = `
 <div
   class="ant-alert ant-alert-success ant-alert-no-icon"
-  data-show="true">
+  data-show="true"
+>
   <span
-    class="ant-alert-message">
+    class="ant-alert-message"
+  >
     Success Text
   </span>
   <span
-    class="ant-alert-description" />
+    class="ant-alert-description"
+  />
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/closable.md correctly 1`] = `
+exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-warning ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning Text Warning Text Warning TextW arning Text Warning Text Warning TextWarning Text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
     <a
-      class="ant-alert-close-icon">
+      class="ant-alert-close-icon"
+    >
       <i
-        class="anticon anticon-cross" />
+        class="anticon anticon-cross"
+      />
     </a>
   </div>
   <div
     class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Error Text
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Error Description Error Description Error Description Error Description Error Description Error Description
     </span>
     <a
-      class="ant-alert-close-icon">
+      class="ant-alert-close-icon"
+    >
       <i
-        class="anticon anticon-cross" />
+        class="anticon anticon-cross"
+      />
     </a>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/close-text.md correctly 1`] = `
+exports[`renders ./components/alert/demo/close-text.md correctly 1`] = `
 <div
   class="ant-alert ant-alert-info ant-alert-no-icon"
-  data-show="true">
+  data-show="true"
+>
   <span
-    class="ant-alert-message">
+    class="ant-alert-message"
+  >
     Info Text
   </span>
   <span
-    class="ant-alert-description" />
+    class="ant-alert-description"
+  />
   <a
-    class="ant-alert-close-icon">
+    class="ant-alert-close-icon"
+  >
     Close Now
   </a>
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/description.md correctly 1`] = `
+exports[`renders ./components/alert/demo/description.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-success ant-alert-with-description ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Success Text
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Success Description Success Description Success Description
     </span>
   </div>
   <div
     class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Info Text
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Info Description Info Description Info Description Info Description
     </span>
   </div>
   <div
     class="ant-alert ant-alert-warning ant-alert-with-description ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning Text
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Warning Description Warning Description Warning Description Warning Description
     </span>
   </div>
   <div
     class="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Error Text
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Error Description Error Description Error Description Error Description
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/icon.md correctly 1`] = `
+exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-success"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-check-circle ant-alert-icon" />
+      class="anticon anticon-check-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Success Tips
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-info"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-info-circle ant-alert-icon" />
+      class="anticon anticon-info-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Informational Notes
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-warning"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-exclamation-circle ant-alert-icon" />
+      class="anticon anticon-exclamation-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-error"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-cross-circle ant-alert-icon" />
+      class="anticon anticon-cross-circle ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Error
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-success ant-alert-with-description"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-check-circle-o ant-alert-icon" />
+      class="anticon anticon-check-circle-o ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       success tips
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Detailed description and advices about successful copywriting.
     </span>
   </div>
   <div
     class="ant-alert ant-alert-info ant-alert-with-description"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-info-circle-o ant-alert-icon" />
+      class="anticon anticon-info-circle-o ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Informational Notes
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       Additional description and informations about copywriting.
     </span>
   </div>
   <div
     class="ant-alert ant-alert-warning ant-alert-with-description"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-exclamation-circle-o ant-alert-icon" />
+      class="anticon anticon-exclamation-circle-o ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       This is a warning notice about copywriting.
     </span>
   </div>
   <div
     class="ant-alert ant-alert-error ant-alert-with-description"
-    data-show="true">
+    data-show="true"
+  >
     <i
-      class="anticon anticon-cross-circle-o ant-alert-icon" />
+      class="anticon anticon-cross-circle-o ant-alert-icon"
+    />
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Error
     </span>
     <span
-      class="ant-alert-description">
+      class="ant-alert-description"
+    >
       This is an error message about copywriting.
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/alert/demo/style.md correctly 1`] = `
+exports[`renders ./components/alert/demo/style.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-success ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Success Text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-info ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Info Text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-warning ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Warning Text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
     class="ant-alert ant-alert-error ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Error Text
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
 </div>
 `;
diff --git a/components/anchor/__tests__/__snapshots__/demo.test.js.snap b/components/anchor/__tests__/__snapshots__/demo.test.js.snap
index a24189ed32..d5c69537aa 100644
--- a/components/anchor/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/anchor/__tests__/__snapshots__/demo.test.js.snap
@@ -1,57 +1,74 @@
-exports[`test renders ./components/anchor/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/anchor/demo/basic.md correctly 1`] = `
 <div>
   <div
-    class="">
+    class=""
+  >
     <div
-      class="ant-anchor-wrapper">
+      class="ant-anchor-wrapper"
+    >
       <div
-        class="ant-anchor">
+        class="ant-anchor"
+      >
         <div
-          class="ant-anchor-ink">
+          class="ant-anchor-ink"
+        >
           <span
-            class="ant-anchor-ink-ball animated" />
+            class="ant-anchor-ink-ball animated"
+          />
         </div>
         <div
-          class="ant-anchor-link">
+          class="ant-anchor-link"
+        >
           <a
             class="ant-anchor-link-title"
             href="#components-anchor-demo-basic"
-            title="Basic demo">
+            title="Basic demo"
+          >
             Basic demo
           </a>
         </div>
         <div
-          class="ant-anchor-link">
+          class="ant-anchor-link"
+        >
           <a
             class="ant-anchor-link-title"
             href="#components-anchor-demo-fixed"
-            title="Fixed demo">
+            title="Fixed demo"
+          >
             Fixed demo
           </a>
         </div>
         <div
-          class="ant-anchor-link">
+          class="ant-anchor-link"
+        >
           <a
             class="ant-anchor-link-title"
             href="#API"
-            title="API">
+            title="API"
+          >
             API
           </a>
           <div
-            class="ant-anchor-link">
+            class="ant-anchor-link"
+          >
             <a
               class="ant-anchor-link-title"
               href="#Anchor-Props"
-              title="Anchor Props">
+              title="Anchor Props"
+            >
               Anchor Props
             </a>
           </div>
           <div
-            class="ant-anchor-link">
+            class="ant-anchor-link"
+          >
             <a
               class="ant-anchor-link-title"
               href="#Link-Props"
-              title="Link Props">
+              title="Link Props"
+            >
               Link Props
             </a>
           </div>
@@ -62,57 +79,71 @@ exports[`test renders ./components/anchor/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/anchor/demo/fixed.md correctly 1`] = `
+exports[`renders ./components/anchor/demo/fixed.md correctly 1`] = `
 <div
-  class="ant-anchor-wrapper">
+  class="ant-anchor-wrapper"
+>
   <div
-    class="ant-anchor fixed">
+    class="ant-anchor fixed"
+  >
     <div
-      class="ant-anchor-ink">
+      class="ant-anchor-ink"
+    >
       <span
-        class="ant-anchor-ink-ball animated" />
+        class="ant-anchor-ink-ball animated"
+      />
     </div>
     <div
-      class="ant-anchor-link">
+      class="ant-anchor-link"
+    >
       <a
         class="ant-anchor-link-title"
         href="#components-anchor-demo-basic"
-        title="Basic demo">
+        title="Basic demo"
+      >
         Basic demo
       </a>
     </div>
     <div
-      class="ant-anchor-link">
+      class="ant-anchor-link"
+    >
       <a
         class="ant-anchor-link-title"
         href="#components-anchor-demo-fixed"
-        title="Fixed demo">
+        title="Fixed demo"
+      >
         Fixed demo
       </a>
     </div>
     <div
-      class="ant-anchor-link">
+      class="ant-anchor-link"
+    >
       <a
         class="ant-anchor-link-title"
         href="#API"
-        title="API">
+        title="API"
+      >
         API
       </a>
       <div
-        class="ant-anchor-link">
+        class="ant-anchor-link"
+      >
         <a
           class="ant-anchor-link-title"
           href="#Anchor-Props"
-          title="Anchor Props">
+          title="Anchor Props"
+        >
           Anchor Props
         </a>
       </div>
       <div
-        class="ant-anchor-link">
+        class="ant-anchor-link"
+      >
         <a
           class="ant-anchor-link-title"
           href="#Link-Props"
-          title="Link Props">
+          title="Link Props"
+        >
           Link Props
         </a>
       </div>
diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index 013d635821..5030187c7f 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -1,32 +1,42 @@
-exports[`test renders ./components/auto-complete/demo/antd.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
 <div
   class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;height:50px;">
+  style="width:200px;height:50px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         input here
       </div>
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <textarea
               class="ant-input ant-select-search__field"
-              style="height:50px;" />
+              style="height:50px;"
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -36,43 +46,52 @@ exports[`test renders ./components/auto-complete/demo/antd.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/auto-complete/demo/basic.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
 <div
   class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         input here
       </div>
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-input ant-input ant-select-search__field"
               type="text"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -82,54 +101,67 @@ exports[`test renders ./components/auto-complete/demo/basic.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
 <div
   class="certain-category-search-wrapper"
-  style="width:250px;">
+  style="width:250px;"
+>
   <div
     class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:100%;">
+    style="width:100%;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
       aria-haspopup="true"
       class="ant-select-selection
                 ant-select-selection--single"
-      role="combobox">
+      role="combobox"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection__placeholder"
           style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           input here
         </div>
         <ul>
           <li
-            class="ant-select-search ant-select-search--inline">
+            class="ant-select-search ant-select-search--inline"
+          >
             <div
-              class="ant-select-search__field__wrap">
+              class="ant-select-search__field__wrap"
+            >
               <span
-                class="ant-input-preSuffix-wrapper">
+                class="ant-input-preSuffix-wrapper"
+              >
                 <input
                   class="ant-input ant-input ant-select-search__field"
                   type="text"
-                  value="" />
+                  value=""
+                />
                 <span
-                  class="ant-input-suffix">
+                  class="ant-input-suffix"
+                >
                   <i
-                    class="anticon anticon-search certain-category-icon" />
+                    class="anticon anticon-search certain-category-icon"
+                  />
                 </span>
               </span>
               <span
-                class="ant-select-search__field__mirror">
+                class="ant-select-search__field__mirror"
+              >
                  
               </span>
             </div>
@@ -139,7 +171,8 @@ exports[`test renders ./components/auto-complete/demo/certain-category.md correc
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
@@ -147,36 +180,44 @@ exports[`test renders ./components/auto-complete/demo/certain-category.md correc
 </div>
 `;
 
-exports[`test renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
 <div
   class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         try to type \`b\`
       </div>
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-input ant-input ant-select-search__field"
               type="text"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -186,43 +227,52 @@ exports[`test renders ./components/auto-complete/demo/non-case-sensitive.md corr
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/auto-complete/demo/options.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
 <div
   class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         input here
       </div>
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-input ant-input ant-select-search__field"
               type="text"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -232,58 +282,72 @@ exports[`test renders ./components/auto-complete/demo/options.md correctly 1`] =
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
 <div
   class="global-search-wrapper"
-  style="width:300px;">
+  style="width:300px;"
+>
   <div
     class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:100%;">
+    style="width:100%;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
       aria-haspopup="true"
       class="ant-select-selection
                 ant-select-selection--single"
-      role="combobox">
+      role="combobox"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection__placeholder"
           style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           input here
         </div>
         <ul>
           <li
-            class="ant-select-search ant-select-search--inline">
+            class="ant-select-search ant-select-search--inline"
+          >
             <div
-              class="ant-select-search__field__wrap">
+              class="ant-select-search__field__wrap"
+            >
               <span
-                class="ant-input-preSuffix-wrapper">
+                class="ant-input-preSuffix-wrapper"
+              >
                 <input
                   class="ant-input ant-input ant-select-search__field"
                   type="text"
-                  value="" />
+                  value=""
+                />
                 <span
-                  class="ant-input-suffix">
+                  class="ant-input-suffix"
+                >
                   <button
                     class="ant-btn ant-btn-primary ant-btn-lg search-btn"
-                    type="button">
+                    type="button"
+                  >
                     <i
-                      class="anticon anticon-search" />
+                      class="anticon anticon-search"
+                    />
                   </button>
                 </span>
               </span>
               <span
-                class="ant-select-search__field__mirror">
+                class="ant-select-search__field__mirror"
+              >
                  
               </span>
             </div>
@@ -293,7 +357,8 @@ exports[`test renders ./components/auto-complete/demo/uncertain-category.md corr
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
diff --git a/components/back-top/__tests__/__snapshots__/demo.test.js.snap b/components/back-top/__tests__/__snapshots__/demo.test.js.snap
index 97b6b6e477..adf28b38fd 100644
--- a/components/back-top/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/back-top/__tests__/__snapshots__/demo.test.js.snap
@@ -1,19 +1,23 @@
-exports[`test renders ./components/back-top/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/back-top/demo/basic.md correctly 1`] = `
 <div>
   Scroll down to see the bottom-right
   <strong
-    style="color:rgba(64, 64, 64, 0.6);">
+    style="color:rgba(64, 64, 64, 0.6);"
+  >
      gray 
   </strong>
   button.
 </div>
 `;
 
-exports[`test renders ./components/back-top/demo/custom.md correctly 1`] = `
+exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
 <div>
   Scroll down to see the bottom-right
   <strong
-    style="color:#57c5f7;">
+    style="color:#57c5f7;"
+  >
      blue 
   </strong>
   button.
diff --git a/components/badge/__tests__/__snapshots__/demo.test.js.snap b/components/badge/__tests__/__snapshots__/demo.test.js.snap
index b45c15ae19..8c3c3a3ef3 100644
--- a/components/badge/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/badge/__tests__/__snapshots__/demo.test.js.snap
@@ -1,135 +1,171 @@
-exports[`test renders ./components/badge/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
 <div>
   <span
     class="ant-badge"
-    title="5">
+    title="5"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
+        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="current">
+          class="current"
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
@@ -137,349 +173,438 @@ exports[`test renders ./components/badge/demo/basic.md correctly 1`] = `
   </span>
   <span
     class="ant-badge"
-    title="0">
+    title="0"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       0
     </sup>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/badge/demo/change.md correctly 1`] = `
+exports[`renders ./components/badge/demo/change.md correctly 1`] = `
 <div>
   <div>
     <span
       class="ant-badge"
-      title="5">
+      title="5"
+    >
       <a
         class="head-example"
-        href="#" />
+        href="#"
+      />
       <sup
         class="ant-scroll-number ant-badge-count"
-        data-show="true">
+        data-show="true"
+      >
         <span
           class="ant-scroll-number-only"
-          style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
+          style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
+        >
           <p
-            class="">
+            class=""
+          >
             0
           </p>
           <p
-            class="">
+            class=""
+          >
             1
           </p>
           <p
-            class="">
+            class=""
+          >
             2
           </p>
           <p
-            class="">
+            class=""
+          >
             3
           </p>
           <p
-            class="">
+            class=""
+          >
             4
           </p>
           <p
-            class="">
+            class=""
+          >
             5
           </p>
           <p
-            class="">
+            class=""
+          >
             6
           </p>
           <p
-            class="">
+            class=""
+          >
             7
           </p>
           <p
-            class="">
+            class=""
+          >
             8
           </p>
           <p
-            class="">
+            class=""
+          >
             9
           </p>
           <p
-            class="">
+            class=""
+          >
             0
           </p>
           <p
-            class="">
+            class=""
+          >
             1
           </p>
           <p
-            class="">
+            class=""
+          >
             2
           </p>
           <p
-            class="">
+            class=""
+          >
             3
           </p>
           <p
-            class="">
+            class=""
+          >
             4
           </p>
           <p
-            class="current">
+            class="current"
+          >
             5
           </p>
           <p
-            class="">
+            class=""
+          >
             6
           </p>
           <p
-            class="">
+            class=""
+          >
             7
           </p>
           <p
-            class="">
+            class=""
+          >
             8
           </p>
           <p
-            class="">
+            class=""
+          >
             9
           </p>
           <p
-            class="">
+            class=""
+          >
             0
           </p>
           <p
-            class="">
+            class=""
+          >
             1
           </p>
           <p
-            class="">
+            class=""
+          >
             2
           </p>
           <p
-            class="">
+            class=""
+          >
             3
           </p>
           <p
-            class="">
+            class=""
+          >
             4
           </p>
           <p
-            class="">
+            class=""
+          >
             5
           </p>
           <p
-            class="">
+            class=""
+          >
             6
           </p>
           <p
-            class="">
+            class=""
+          >
             7
           </p>
           <p
-            class="">
+            class=""
+          >
             8
           </p>
           <p
-            class="">
+            class=""
+          >
             9
           </p>
         </span>
       </sup>
     </span>
     <div
-      class="ant-btn-group">
+      class="ant-btn-group"
+    >
       <button
         class="ant-btn"
-        type="button">
+        type="button"
+      >
         <i
-          class="anticon anticon-minus" />
+          class="anticon anticon-minus"
+        />
       </button>
       <button
         class="ant-btn"
-        type="button">
+        type="button"
+      >
         <i
-          class="anticon anticon-plus" />
+          class="anticon anticon-plus"
+        />
       </button>
     </div>
   </div>
   <div
-    style="margin-top:10px;">
+    style="margin-top:10px;"
+  >
     <span
-      class="ant-badge">
+      class="ant-badge"
+    >
       <a
         class="head-example"
-        href="#" />
+        href="#"
+      />
       <sup
         class="ant-scroll-number ant-badge-dot"
-        data-show="true" />
+        data-show="true"
+      />
     </span>
     <span
       class="ant-switch"
-      tabindex="0">
+      tabindex="0"
+    >
       <span
-        class="ant-switch-inner" />
+        class="ant-switch-inner"
+      />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/badge/demo/dot.md correctly 1`] = `
+exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
 <div>
   <span
-    class="ant-badge">
+    class="ant-badge"
+  >
     <i
-      class="anticon anticon-notification" />
+      class="anticon anticon-notification"
+    />
     <sup
       class="ant-scroll-number ant-badge-dot"
-      data-show="true" />
+      data-show="true"
+    />
   </span>
   <span
-    class="ant-badge">
+    class="ant-badge"
+  >
     <a
-      href="#">
+      href="#"
+    >
       Link something
     </a>
     <sup
       class="ant-scroll-number ant-badge-dot"
-      data-show="true" />
+      data-show="true"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/badge/demo/link.md correctly 1`] = `
+exports[`renders ./components/badge/demo/link.md correctly 1`] = `
 <a
-  href="#">
+  href="#"
+>
   <span
     class="ant-badge"
-    title="5">
+    title="5"
+  >
     <span
-      class="head-example" />
+      class="head-example"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
+        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="current">
+          class="current"
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
@@ -488,259 +613,323 @@ exports[`test renders ./components/badge/demo/link.md correctly 1`] = `
 </a>
 `;
 
-exports[`test renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
+exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-not-a-wrapper"
-    title="25">
+    title="25"
+  >
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1200%);transform:translateY(-1200%);">
+        style="transition:none;-webkit-transform:translateY(-1200%);transform:translateY(-1200%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="current">
+          class="current"
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);">
+        style="transition:none;-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="current">
+          class="current"
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
@@ -748,132 +937,165 @@ exports[`test renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
   </span>
   <span
     class="ant-badge ant-badge-not-a-wrapper"
-    title="4">
+    title="4"
+  >
     <sup
       class="ant-scroll-number ant-badge-count"
       data-show="true"
-      style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset;">
+      style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset;"
+    >
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1400%);transform:translateY(-1400%);">
+        style="transition:none;-webkit-transform:translateY(-1400%);transform:translateY(-1400%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="current">
+          class="current"
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
@@ -881,273 +1103,340 @@ exports[`test renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
   </span>
   <span
     class="ant-badge ant-badge-not-a-wrapper"
-    title="109">
+    title="109"
+  >
     <sup
       class="ant-scroll-number ant-badge-count"
       data-show="true"
-      style="background-color:#87d068;">
+      style="background-color:#87d068;"
+    >
       99+
     </sup>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/badge/demo/overflow.md correctly 1`] = `
+exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
 <div>
   <span
     class="ant-badge"
-    title="99">
+    title="99"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1900%);transform:translateY(-1900%);">
+        style="transition:none;-webkit-transform:translateY(-1900%);transform:translateY(-1900%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="current">
+          class="current"
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
       <span
         class="ant-scroll-number-only"
-        style="transition:none;-webkit-transform:translateY(-1900%);transform:translateY(-1900%);">
+        style="transition:none;-webkit-transform:translateY(-1900%);transform:translateY(-1900%);"
+      >
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="current">
+          class="current"
+        >
           9
         </p>
         <p
-          class="">
+          class=""
+        >
           0
         </p>
         <p
-          class="">
+          class=""
+        >
           1
         </p>
         <p
-          class="">
+          class=""
+        >
           2
         </p>
         <p
-          class="">
+          class=""
+        >
           3
         </p>
         <p
-          class="">
+          class=""
+        >
           4
         </p>
         <p
-          class="">
+          class=""
+        >
           5
         </p>
         <p
-          class="">
+          class=""
+        >
           6
         </p>
         <p
-          class="">
+          class=""
+        >
           7
         </p>
         <p
-          class="">
+          class=""
+        >
           8
         </p>
         <p
-          class="">
+          class=""
+        >
           9
         </p>
       </span>
@@ -1155,127 +1444,166 @@ exports[`test renders ./components/badge/demo/overflow.md correctly 1`] = `
   </span>
   <span
     class="ant-badge"
-    title="100">
+    title="100"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       99+
     </sup>
   </span>
   <span
     class="ant-badge"
-    title="99">
+    title="99"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       10+
     </sup>
   </span>
   <span
     class="ant-badge"
-    title="1000">
+    title="1000"
+  >
     <a
       class="head-example"
-      href="#" />
+      href="#"
+    />
     <sup
       class="ant-scroll-number ant-badge-count"
-      data-show="true">
+      data-show="true"
+    >
       999+
     </sup>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/badge/demo/status.md correctly 1`] = `
+exports[`renders ./components/badge/demo/status.md correctly 1`] = `
 <div>
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-success" />
+      class="ant-badge-status-dot ant-badge-status-success"
+    />
     <span
-      class="ant-badge-status-text" />
+      class="ant-badge-status-text"
+    />
   </span>
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-error" />
+      class="ant-badge-status-dot ant-badge-status-error"
+    />
     <span
-      class="ant-badge-status-text" />
+      class="ant-badge-status-text"
+    />
   </span>
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-default" />
+      class="ant-badge-status-dot ant-badge-status-default"
+    />
     <span
-      class="ant-badge-status-text" />
+      class="ant-badge-status-text"
+    />
   </span>
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-processing" />
+      class="ant-badge-status-dot ant-badge-status-processing"
+    />
     <span
-      class="ant-badge-status-text" />
+      class="ant-badge-status-text"
+    />
   </span>
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-warning" />
+      class="ant-badge-status-dot ant-badge-status-warning"
+    />
     <span
-      class="ant-badge-status-text" />
+      class="ant-badge-status-text"
+    />
   </span>
   <br />
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-success" />
+      class="ant-badge-status-dot ant-badge-status-success"
+    />
     <span
-      class="ant-badge-status-text">
+      class="ant-badge-status-text"
+    >
       Success
     </span>
   </span>
   <br />
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-error" />
+      class="ant-badge-status-dot ant-badge-status-error"
+    />
     <span
-      class="ant-badge-status-text">
+      class="ant-badge-status-text"
+    >
       Error
     </span>
   </span>
   <br />
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-default" />
+      class="ant-badge-status-dot ant-badge-status-default"
+    />
     <span
-      class="ant-badge-status-text">
+      class="ant-badge-status-text"
+    >
       Default
     </span>
   </span>
   <br />
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-processing" />
+      class="ant-badge-status-dot ant-badge-status-processing"
+    />
     <span
-      class="ant-badge-status-text">
+      class="ant-badge-status-text"
+    >
       Processing
     </span>
   </span>
   <br />
   <span
-    class="ant-badge ant-badge-status ant-badge-not-a-wrapper">
+    class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
+  >
     <span
-      class="ant-badge-status-dot ant-badge-status-warning" />
+      class="ant-badge-status-dot ant-badge-status-warning"
+    />
     <span
-      class="ant-badge-status-text">
+      class="ant-badge-status-text"
+    >
       Warning
     </span>
   </span>
diff --git a/components/breadcrumb/__tests__/Breadcrumb.test.js b/components/breadcrumb/__tests__/Breadcrumb.test.js
index 72100017c6..5fd4a62dad 100644
--- a/components/breadcrumb/__tests__/Breadcrumb.test.js
+++ b/components/breadcrumb/__tests__/Breadcrumb.test.js
@@ -4,18 +4,25 @@ import { renderToJson } from 'enzyme-to-json';
 import Breadcrumb from '../index';
 
 describe('Breadcrumb', () => {
+  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+  afterEach(() => {
+    errorSpy.mockReset();
+  });
+
+  afterAll(() => {
+    errorSpy.mockRestore();
+  });
+
   it('warns on non-Breadcrumb.Item children', () => {
     const MyCom = () => <div>foo</div>;
-    spyOn(console, 'error');
     mount(
       <Breadcrumb>
         <MyCom />
       </Breadcrumb>
     );
-    // eslint-disable-next-line
-    expect(console.error.calls.count()).toBe(1);
-    // eslint-disable-next-line
-    expect(console.error.calls.argsFor(0)[0]).toContain(
+    expect(errorSpy.mock.calls).toHaveLength(1);
+    expect(errorSpy.mock.calls[0][0]).toMatch(
       'Breadcrumb only accepts Breadcrumb.Item as it\'s children'
     );
   });
@@ -29,8 +36,7 @@ describe('Breadcrumb', () => {
         {undefined}
       </Breadcrumb>
     );
-    // eslint-disable-next-line
-    expect(console.error.calls).toBe(undefined);
+    expect(errorSpy).not.toHaveBeenCalled();
     expect(renderToJson(wrapper)).toMatchSnapshot();
   });
 });
diff --git a/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap b/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap
index 7c7f770a4a..12573bcc9f 100644
--- a/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap
+++ b/components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap
@@ -1,13 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Breadcrumb should allow Breadcrumb.Item is null or undefined 1`] = `
 <div
-  class="ant-breadcrumb">
+  class="ant-breadcrumb"
+>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       Home
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
diff --git a/components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap b/components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
index d9cc070be7..f32c2f04e5 100644
--- a/components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
@@ -1,65 +1,81 @@
-exports[`test renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
 <div
-  class="ant-breadcrumb">
+  class="ant-breadcrumb"
+>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       Home
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       <a
-        href="">
+        href=""
+      >
         Application Center
       </a>
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       <a
-        href="">
+        href=""
+      >
         Application List
       </a>
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       An Application
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = `
+exports[`renders ./components/breadcrumb/demo/router.md correctly 1`] = `
 <div>
   <div
-    class="demo-nav">
+    class="demo-nav"
+  >
     <a
-      href="#/">
+      href="#/"
+    >
       Home
     </a>
     <a
-      href="#/apps">
+      href="#/apps"
+    >
       Application List
     </a>
   </div>
@@ -67,25 +83,31 @@ exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = `
   <div
     class="ant-alert ant-alert-info ant-alert-no-icon"
     data-show="true"
-    style="margin:16px 0;">
+    style="margin:16px 0;"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       Click the navigation above to switch:
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
-    class="ant-breadcrumb">
+    class="ant-breadcrumb"
+  >
     <span>
       <span
-        class="ant-breadcrumb-link">
+        class="ant-breadcrumb-link"
+      >
         <span>
           Home
         </span>
       </span>
       <span
-        class="ant-breadcrumb-separator">
+        class="ant-breadcrumb-separator"
+      >
         /
       </span>
     </span>
@@ -93,91 +115,109 @@ exports[`test renders ./components/breadcrumb/demo/router.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
+exports[`renders ./components/breadcrumb/demo/separator.md correctly 1`] = `
 <div
-  class="ant-breadcrumb">
+  class="ant-breadcrumb"
+>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       Home
     </span>
     <span
-      class="ant-breadcrumb-separator">
-      >
+      class="ant-breadcrumb-separator"
+    >
+      &gt;
     </span>
   </span>
   <span>
     <a
       class="ant-breadcrumb-link"
-      href="">
+      href=""
+    >
       Application Center
     </a>
     <span
-      class="ant-breadcrumb-separator">
-      >
+      class="ant-breadcrumb-separator"
+    >
+      &gt;
     </span>
   </span>
   <span>
     <a
       class="ant-breadcrumb-link"
-      href="">
+      href=""
+    >
       Application List
     </a>
     <span
-      class="ant-breadcrumb-separator">
-      >
+      class="ant-breadcrumb-separator"
+    >
+      &gt;
     </span>
   </span>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       An Application
     </span>
     <span
-      class="ant-breadcrumb-separator">
-      >
+      class="ant-breadcrumb-separator"
+    >
+      &gt;
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
+exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
 <div
-  class="ant-breadcrumb">
+  class="ant-breadcrumb"
+>
   <span>
     <a
       class="ant-breadcrumb-link"
-      href="">
+      href=""
+    >
       <i
-        class="anticon anticon-home" />
+        class="anticon anticon-home"
+      />
     </a>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
   <span>
     <a
       class="ant-breadcrumb-link"
-      href="">
+      href=""
+    >
       <i
-        class="anticon anticon-user" />
+        class="anticon anticon-user"
+      />
       <span>
         Application List
       </span>
     </a>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
   <span>
     <span
-      class="ant-breadcrumb-link">
+      class="ant-breadcrumb-link"
+    >
       Application
     </span>
     <span
-      class="ant-breadcrumb-separator">
+      class="ant-breadcrumb-separator"
+    >
       /
     </span>
   </span>
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index 25b7df6310..5962bdb9be 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -1,29 +1,35 @@
-exports[`test renders ./components/button/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/button/demo/basic.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Primary
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Default
     </span>
   </button>
   <button
     class="ant-btn ant-btn-dashed"
-    type="button">
+    type="button"
+  >
     <span>
       Dashed
     </span>
   </button>
   <button
     class="ant-btn ant-btn-danger"
-    type="button">
+    type="button"
+  >
     <span>
       Danger
     </span>
@@ -31,34 +37,39 @@ exports[`test renders ./components/button/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
+exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
 <div>
   <h4>
     Basic
   </h4>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Cancel
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         OK
       </span>
     </button>
   </div>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         L
       </span>
@@ -66,7 +77,8 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
     <button
       class="ant-btn"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         M
       </span>
@@ -74,38 +86,44 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
     <button
       class="ant-btn"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         R
       </span>
     </button>
   </div>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         L
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         M
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         M
       </span>
     </button>
     <button
       class="ant-btn ant-btn-dashed"
-      type="button">
+      type="button"
+    >
       <span>
         R
       </span>
@@ -115,49 +133,60 @@ exports[`test renders ./components/button/demo/button-group.md correctly 1`] = `
     With Icon
   </h4>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-left" />
+        class="anticon anticon-left"
+      />
       <span>
         Go back
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Go forward
       </span>
       <i
-        class="anticon anticon-right" />
+        class="anticon anticon-right"
+      />
     </button>
   </div>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-cloud" />
+        class="anticon anticon-cloud"
+      />
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-cloud-download" />
+        class="anticon anticon-cloud-download"
+      />
     </button>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Primary
     </span>
@@ -165,7 +194,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <button
     class="ant-btn ant-btn-primary"
     disabled=""
-    type="button">
+    type="button"
+  >
     <span>
       Primary(disabled)
     </span>
@@ -173,7 +203,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <br />
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Default
     </span>
@@ -181,7 +212,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <button
     class="ant-btn"
     disabled=""
-    type="button">
+    type="button"
+  >
     <span>
       Default(disabled)
     </span>
@@ -189,7 +221,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <br />
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Ghost
     </span>
@@ -197,7 +230,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <button
     class="ant-btn"
     disabled=""
-    type="button">
+    type="button"
+  >
     <span>
       Ghost(disabled)
     </span>
@@ -205,7 +239,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-btn-dashed"
-    type="button">
+    type="button"
+  >
     <span>
       Dashed
     </span>
@@ -213,7 +248,8 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
   <button
     class="ant-btn ant-btn-dashed"
     disabled=""
-    type="button">
+    type="button"
+  >
     <span>
       Dashed(disabled)
     </span>
@@ -221,26 +257,30 @@ exports[`test renders ./components/button/demo/disabled.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/button/demo/ghost.md correctly 1`] = `
+exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
 <div
-  style="background:rgb(190, 200, 200);padding:26px 16px 16px;">
+  style="background:rgb(190, 200, 200);padding:26px 16px 16px;"
+>
   <button
     class="ant-btn ant-btn-primary ant-btn-background-ghost"
-    type="button">
+    type="button"
+  >
     <span>
       Primary Ghost
     </span>
   </button>
   <button
     class="ant-btn ant-btn-background-ghost"
-    type="button">
+    type="button"
+  >
     <span>
       Default Ghost
     </span>
   </button>
   <button
     class="ant-btn ant-btn-dashed ant-btn-background-ghost"
-    type="button">
+    type="button"
+  >
     <span>
       Dashed Ghost
     </span>
@@ -248,34 +288,42 @@ exports[`test renders ./components/button/demo/ghost.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/button/demo/icon.md correctly 1`] = `
+exports[`renders ./components/button/demo/icon.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
   </button>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
     <span>
       Search
     </span>
   </button>
   <button
     class="ant-btn ant-btn-circle ant-btn-icon-only"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
     <span>
       Search
     </span>
@@ -283,30 +331,38 @@ exports[`test renders ./components/button/demo/icon.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-btn-circle ant-btn-icon-only"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
     <span>
       Search
     </span>
   </button>
   <button
     class="ant-btn ant-btn-dashed ant-btn-circle ant-btn-icon-only"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
   </button>
   <button
     class="ant-btn ant-btn-dashed"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-search" />
+      class="anticon anticon-search"
+    />
     <span>
       Search
     </span>
@@ -314,22 +370,26 @@ exports[`test renders ./components/button/demo/icon.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/button/demo/loading.md correctly 1`] = `
+exports[`renders ./components/button/demo/loading.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary ant-btn-loading"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-spin anticon-loading" />
+      class="anticon anticon-spin anticon-loading"
+    />
     <span>
       Loading
     </span>
   </button>
   <button
     class="ant-btn ant-btn-primary ant-btn-sm ant-btn-loading"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-spin anticon-loading" />
+      class="anticon anticon-spin anticon-loading"
+    />
     <span>
       Loading
     </span>
@@ -337,113 +397,138 @@ exports[`test renders ./components/button/demo/loading.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Click me!
     </span>
   </button>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-poweroff" />
+      class="anticon anticon-poweroff"
+    />
     <span>
       Click me!
     </span>
   </button>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
-      Won\'t show loading
+      Won't show loading
     </span>
   </button>
   <br />
   <button
     class="ant-btn ant-btn-circle ant-btn-loading"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-spin anticon-loading" />
+      class="anticon anticon-spin anticon-loading"
+    />
   </button>
   <button
     class="ant-btn ant-btn-primary ant-btn-circle ant-btn-loading"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-spin anticon-loading" />
+      class="anticon anticon-spin anticon-loading"
+    />
   </button>
 </div>
 `;
 
-exports[`test renders ./components/button/demo/multiple.md correctly 1`] = `
+exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       primary
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       secondary
     </span>
   </button>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       more 
     </span>
     <i
-      class="anticon anticon-down" />
+      class="anticon anticon-down"
+    />
   </button>
 </div>
 `;
 
-exports[`test renders ./components/button/demo/size.md correctly 1`] = `
+exports[`renders ./components/button/demo/size.md correctly 1`] = `
 <div>
   <div
-    class="ant-radio-group">
+    class="ant-radio-group"
+  >
     <label
-      class="ant-radio-button-wrapper">
+      class="ant-radio-button-wrapper"
+    >
       <span
-        class="ant-radio-button">
+        class="ant-radio-button"
+      >
         <input
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Large
       </span>
     </label>
     <label
-      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+    >
       <span
-        class="ant-radio-button ant-radio-button-checked">
+        class="ant-radio-button ant-radio-button-checked"
+      >
         <input
           checked=""
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Default
       </span>
     </label>
     <label
-      class="ant-radio-button-wrapper">
+      class="ant-radio-button-wrapper"
+    >
       <span
-        class="ant-radio-button">
+        class="ant-radio-button"
+      >
         <input
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Small
@@ -454,46 +539,56 @@ exports[`test renders ./components/button/demo/size.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-btn-primary ant-btn-circle ant-btn-icon-only"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-download" />
+      class="anticon anticon-download"
+    />
   </button>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <i
-      class="anticon anticon-download" />
+      class="anticon anticon-download"
+    />
     <span>
       Download
     </span>
   </button>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Normal
     </span>
   </button>
   <br />
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-left" />
+        class="anticon anticon-left"
+      />
       <span>
         Backward
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Forward
       </span>
       <i
-        class="anticon anticon-right" />
+        class="anticon anticon-right"
+      />
     </button>
   </div>
 </div>
diff --git a/components/button/__tests__/__snapshots__/index.test.js.snap b/components/button/__tests__/__snapshots__/index.test.js.snap
index e9c1b2ac20..241cda8c8d 100644
--- a/components/button/__tests__/__snapshots__/index.test.js.snap
+++ b/components/button/__tests__/__snapshots__/index.test.js.snap
@@ -1,7 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Button renders Chinese characters correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     按 钮
   </span>
@@ -11,7 +14,8 @@ exports[`Button renders Chinese characters correctly 1`] = `
 exports[`Button renders correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     Follow
   </span>
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 786d6c7857..8b2c1a013b 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -1,10 +1,15 @@
-exports[`test renders ./components/calendar/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
 <div
-  class=" ant-fullcalendar-fullscreen">
+  class=" ant-fullcalendar-fullscreen"
+>
   <div
-    class="ant-fullcalendar-header">
+    class="ant-fullcalendar-header"
+  >
     <div
-      class="ant-fullcalendar-year-select ant-select ant-select-enabled">
+      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -12,26 +17,31 @@ exports[`test renders ./components/calendar/demo/basic.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="2016年">
+            title="2016年"
+          >
             2016年
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
     <div
-      class="ant-fullcalendar-month-select ant-select ant-select-enabled">
+      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -39,50 +49,63 @@ exports[`test renders ./components/calendar/demo/basic.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="11月">
+            title="11月"
+          >
             11月
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
     <div
-      class="ant-radio-group ant-radio-group-default">
+      class="ant-radio-group ant-radio-group-default"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           月
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           年
@@ -92,687 +115,880 @@ exports[`test renders ./components/calendar/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-fullcalendar-calendar-body">
+      class="ant-fullcalendar-calendar-body"
+    >
       <table
         cellspacing="0"
         class="ant-fullcalendar-table"
-        role="grid">
+        role="grid"
+      >
         <thead>
           <tr
-            role="row">
+            role="row"
+          >
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周一">
+              title="周一"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 一
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周二">
+              title="周二"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 二
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周三">
+              title="周三"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 三
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周四">
+              title="周四"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 四
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周五">
+              title="周五"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 五
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周六">
+              title="周六"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 六
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周日">
+              title="周日"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 日
               </span>
             </th>
           </tr>
         </thead>
         <tbody
-          class="ant-fullcalendar-tbody">
+          class="ant-fullcalendar-tbody"
+        >
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
               role="gridcell"
-              title="2016-10-31">
+              title="2016-10-31"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   31
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-1">
+              title="2016-11-1"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   01
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-2">
+              title="2016-11-2"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   02
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-3">
+              title="2016-11-3"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   03
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-4">
+              title="2016-11-4"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   04
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-5">
+              title="2016-11-5"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   05
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-6">
+              title="2016-11-6"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   06
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-7">
+              title="2016-11-7"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   07
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-8">
+              title="2016-11-8"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   08
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-9">
+              title="2016-11-9"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   09
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-10">
+              title="2016-11-10"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   10
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-11">
+              title="2016-11-11"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   11
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-12">
+              title="2016-11-12"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   12
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-13">
+              title="2016-11-13"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   13
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-14">
+              title="2016-11-14"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   14
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-15">
+              title="2016-11-15"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   15
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-16">
+              title="2016-11-16"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   16
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-17">
+              title="2016-11-17"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   17
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-18">
+              title="2016-11-18"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   18
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-19">
+              title="2016-11-19"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   19
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-20">
+              title="2016-11-20"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   20
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
           <tr
             class="ant-fullcalendar-current-week"
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-21">
+              title="2016-11-21"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   21
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
               role="gridcell"
-              title="2016-11-22">
+              title="2016-11-22"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   22
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-23">
+              title="2016-11-23"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   23
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-24">
+              title="2016-11-24"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   24
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-25">
+              title="2016-11-25"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   25
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-26">
+              title="2016-11-26"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   26
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-27">
+              title="2016-11-27"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   27
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-28">
+              title="2016-11-28"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   28
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-29">
+              title="2016-11-29"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   29
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-30">
+              title="2016-11-30"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   30
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-1">
+              title="2016-12-1"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   01
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-2">
+              title="2016-12-2"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   02
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-3">
+              title="2016-12-3"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   03
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-4">
+              title="2016-12-4"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   04
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-5">
+              title="2016-12-5"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   05
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-6">
+              title="2016-12-6"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   06
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-7">
+              title="2016-12-7"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   07
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-8">
+              title="2016-12-8"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   08
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-9">
+              title="2016-12-9"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   09
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-10">
+              title="2016-12-10"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   10
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-11">
+              title="2016-12-11"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   11
                 </div>
                 <div
-                  class="ant-fullcalendar-content" />
+                  class="ant-fullcalendar-content"
+                />
               </div>
             </td>
           </tr>
@@ -783,15 +999,19 @@ exports[`test renders ./components/calendar/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/calendar/demo/card.md correctly 1`] = `
+exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
 <div
-  style="width:290px;border:1px solid #d9d9d9;border-radius:4px;">
+  style="width:290px;border:1px solid #d9d9d9;border-radius:4px;"
+>
   <div
-    class="">
+    class=""
+  >
     <div
-      class="ant-fullcalendar-header">
+      class="ant-fullcalendar-header"
+    >
       <div
-        class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled">
+        class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -799,26 +1019,31 @@ exports[`test renders ./components/calendar/demo/card.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="2016年">
+              title="2016年"
+            >
               2016年
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <div
-        class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled">
+        class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -826,50 +1051,63 @@ exports[`test renders ./components/calendar/demo/card.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="11月">
+              title="11月"
+            >
               11月
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <div
-        class="ant-radio-group ant-radio-group-small">
+        class="ant-radio-group ant-radio-group-small"
+      >
         <label
-          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+        >
           <span
-            class="ant-radio-button ant-radio-button-checked">
+            class="ant-radio-button ant-radio-button-checked"
+          >
             <input
               checked=""
               class="ant-radio-button-input"
-              type="radio" />
+              type="radio"
+            />
             <span
-              class="ant-radio-button-inner" />
+              class="ant-radio-button-inner"
+            />
           </span>
           <span>
             月
           </span>
         </label>
         <label
-          class="ant-radio-button-wrapper">
+          class="ant-radio-button-wrapper"
+        >
           <span
-            class="ant-radio-button">
+            class="ant-radio-button"
+          >
             <input
               class="ant-radio-button-input"
-              type="radio" />
+              type="radio"
+            />
             <span
-              class="ant-radio-button-inner" />
+              class="ant-radio-button-inner"
+            />
           </span>
           <span>
             年
@@ -879,687 +1117,880 @@ exports[`test renders ./components/calendar/demo/card.md correctly 1`] = `
     </div>
     <div
       class="ant-fullcalendar ant-fullcalendar-full"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-fullcalendar-calendar-body">
+        class="ant-fullcalendar-calendar-body"
+      >
         <table
           cellspacing="0"
           class="ant-fullcalendar-table"
-          role="grid">
+          role="grid"
+        >
           <thead>
             <tr
-              role="row">
+              role="row"
+            >
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周一">
+                title="周一"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   一
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周二">
+                title="周二"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   二
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周三">
+                title="周三"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   三
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周四">
+                title="周四"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   四
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周五">
+                title="周五"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   五
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周六">
+                title="周六"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   六
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周日">
+                title="周日"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   日
                 </span>
               </th>
             </tr>
           </thead>
           <tbody
-            class="ant-fullcalendar-tbody">
+            class="ant-fullcalendar-tbody"
+          >
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-10-31">
+                title="2016-10-31"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     31
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-1">
+                title="2016-11-1"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     01
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-2">
+                title="2016-11-2"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     02
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-3">
+                title="2016-11-3"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     03
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-4">
+                title="2016-11-4"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     04
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-5">
+                title="2016-11-5"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     05
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-6">
+                title="2016-11-6"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     06
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-7">
+                title="2016-11-7"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     07
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-8">
+                title="2016-11-8"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     08
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-9">
+                title="2016-11-9"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     09
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-10">
+                title="2016-11-10"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     10
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-11">
+                title="2016-11-11"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     11
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-12">
+                title="2016-11-12"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     12
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-13">
+                title="2016-11-13"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     13
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-14">
+                title="2016-11-14"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     14
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-15">
+                title="2016-11-15"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     15
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-16">
+                title="2016-11-16"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     16
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-17">
+                title="2016-11-17"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     17
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-18">
+                title="2016-11-18"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     18
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-19">
+                title="2016-11-19"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     19
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-20">
+                title="2016-11-20"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     20
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
               class="ant-fullcalendar-current-week"
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-21">
+                title="2016-11-21"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     21
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
                 role="gridcell"
-                title="2016-11-22">
+                title="2016-11-22"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     22
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-23">
+                title="2016-11-23"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     23
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-24">
+                title="2016-11-24"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     24
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-25">
+                title="2016-11-25"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     25
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-26">
+                title="2016-11-26"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     26
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-27">
+                title="2016-11-27"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     27
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-28">
+                title="2016-11-28"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     28
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-29">
+                title="2016-11-29"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     29
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2016-11-30">
+                title="2016-11-30"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     30
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-1">
+                title="2016-12-1"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     01
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-2">
+                title="2016-12-2"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     02
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-3">
+                title="2016-12-3"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     03
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-4">
+                title="2016-12-4"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     04
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-5">
+                title="2016-12-5"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     05
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-6">
+                title="2016-12-6"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     06
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-7">
+                title="2016-12-7"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     07
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-8">
+                title="2016-12-8"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     08
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-9">
+                title="2016-12-9"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     09
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-10">
+                title="2016-12-10"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     10
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2016-12-11">
+                title="2016-12-11"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     11
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
@@ -1571,13 +2002,16 @@ exports[`test renders ./components/calendar/demo/card.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
+exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
 <div
-  class=" ant-fullcalendar-fullscreen">
+  class=" ant-fullcalendar-fullscreen"
+>
   <div
-    class="ant-fullcalendar-header">
+    class="ant-fullcalendar-header"
+  >
     <div
-      class="ant-fullcalendar-year-select ant-select ant-select-enabled">
+      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -1585,26 +2019,31 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="2016年">
+            title="2016年"
+          >
             2016年
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
     <div
-      class="ant-fullcalendar-month-select ant-select ant-select-enabled">
+      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -1612,50 +2051,63 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="11月">
+            title="11月"
+          >
             11月
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
     <div
-      class="ant-radio-group ant-radio-group-default">
+      class="ant-radio-group ant-radio-group-default"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           月
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           年
@@ -1665,248 +2117,316 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
   </div>
   <div
     class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-fullcalendar-calendar-body">
+      class="ant-fullcalendar-calendar-body"
+    >
       <table
         cellspacing="0"
         class="ant-fullcalendar-table"
-        role="grid">
+        role="grid"
+      >
         <thead>
           <tr
-            role="row">
+            role="row"
+          >
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周一">
+              title="周一"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 一
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周二">
+              title="周二"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 二
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周三">
+              title="周三"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 三
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周四">
+              title="周四"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 四
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周五">
+              title="周五"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 五
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周六">
+              title="周六"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 六
               </span>
             </th>
             <th
               class="ant-fullcalendar-column-header"
               role="columnheader"
-              title="周日">
+              title="周日"
+            >
               <span
-                class="ant-fullcalendar-column-header-inner">
+                class="ant-fullcalendar-column-header-inner"
+              >
                 日
               </span>
             </th>
           </tr>
         </thead>
         <tbody
-          class="ant-fullcalendar-tbody">
+          class="ant-fullcalendar-tbody"
+        >
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
               role="gridcell"
-              title="2016-10-31">
+              title="2016-10-31"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   31
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-1">
+              title="2016-11-1"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   01
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-2">
+              title="2016-11-2"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   02
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-3">
+              title="2016-11-3"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   03
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-4">
+              title="2016-11-4"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   04
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-5">
+              title="2016-11-5"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   05
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-6">
+              title="2016-11-6"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   06
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-7">
+              title="2016-11-7"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   07
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-8">
+              title="2016-11-8"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   08
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events">
+                    class="events"
+                  >
                     <li>
                       <span
-                        class="event-warning">
+                        class="event-warning"
+                      >
                         ●
                       </span>
                       This is warning event.
                     </li>
                     <li>
                       <span
-                        class="event-normal">
+                        class="event-normal"
+                      >
                         ●
                       </span>
                       This is usual event.
@@ -1918,51 +2438,64 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-9">
+              title="2016-11-9"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   09
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-10">
+              title="2016-11-10"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   10
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events">
+                    class="events"
+                  >
                     <li>
                       <span
-                        class="event-warning">
+                        class="event-warning"
+                      >
                         ●
                       </span>
                       This is warning event.
                     </li>
                     <li>
                       <span
-                        class="event-normal">
+                        class="event-normal"
+                      >
                         ●
                       </span>
                       This is usual event.
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event.
@@ -1974,126 +2507,158 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-11">
+              title="2016-11-11"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   11
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-12">
+              title="2016-11-12"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   12
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-13">
+              title="2016-11-13"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   13
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-14">
+              title="2016-11-14"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   14
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-15">
+              title="2016-11-15"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   15
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events">
+                    class="events"
+                  >
                     <li>
                       <span
-                        class="event-warning">
+                        class="event-warning"
+                      >
                         ●
                       </span>
                       This is warning event
                     </li>
                     <li>
                       <span
-                        class="event-normal">
+                        class="event-normal"
+                      >
                         ●
                       </span>
                       This is very long usual event。。....
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event 1.
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event 2.
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event 3.
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event 4.
@@ -2105,411 +2670,531 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-16">
+              title="2016-11-16"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   16
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-17">
+              title="2016-11-17"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   17
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-18">
+              title="2016-11-18"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   18
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-19">
+              title="2016-11-19"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   19
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-20">
+              title="2016-11-20"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   20
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
           </tr>
           <tr
             class="ant-fullcalendar-current-week"
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-21">
+              title="2016-11-21"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   21
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
               role="gridcell"
-              title="2016-11-22">
+              title="2016-11-22"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   22
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-23">
+              title="2016-11-23"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   23
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-24">
+              title="2016-11-24"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   24
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-25">
+              title="2016-11-25"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   25
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-26">
+              title="2016-11-26"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   26
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-27">
+              title="2016-11-27"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   27
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-28">
+              title="2016-11-28"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   28
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-29">
+              title="2016-11-29"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   29
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell"
               role="gridcell"
-              title="2016-11-30">
+              title="2016-11-30"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   30
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-1">
+              title="2016-12-1"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   01
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-2">
+              title="2016-12-2"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   02
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-3">
+              title="2016-12-3"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   03
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-4">
+              title="2016-12-4"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   04
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
           </tr>
           <tr
-            role="row">
+            role="row"
+          >
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-5">
+              title="2016-12-5"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   05
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-6">
+              title="2016-12-6"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   06
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-7">
+              title="2016-12-7"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   07
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-8">
+              title="2016-12-8"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   08
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events">
+                    class="events"
+                  >
                     <li>
                       <span
-                        class="event-warning">
+                        class="event-warning"
+                      >
                         ●
                       </span>
                       This is warning event.
                     </li>
                     <li>
                       <span
-                        class="event-normal">
+                        class="event-normal"
+                      >
                         ●
                       </span>
                       This is usual event.
@@ -2521,51 +3206,64 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-9">
+              title="2016-12-9"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   09
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-10">
+              title="2016-12-10"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   10
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events">
+                    class="events"
+                  >
                     <li>
                       <span
-                        class="event-warning">
+                        class="event-warning"
+                      >
                         ●
                       </span>
                       This is warning event.
                     </li>
                     <li>
                       <span
-                        class="event-normal">
+                        class="event-normal"
+                      >
                         ●
                       </span>
                       This is usual event.
                     </li>
                     <li>
                       <span
-                        class="event-error">
+                        class="event-error"
+                      >
                         ●
                       </span>
                       This is error event.
@@ -2577,17 +3275,22 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
             <td
               class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
               role="gridcell"
-              title="2016-12-11">
+              title="2016-12-11"
+            >
               <div
-                class="ant-fullcalendar-date">
+                class="ant-fullcalendar-date"
+              >
                 <div
-                  class="ant-fullcalendar-value">
+                  class="ant-fullcalendar-value"
+                >
                   11
                 </div>
                 <div
-                  class="ant-fullcalendar-content">
+                  class="ant-fullcalendar-content"
+                >
                   <ul
-                    class="events" />
+                    class="events"
+                  />
                 </div>
               </div>
             </td>
@@ -2599,24 +3302,30 @@ exports[`test renders ./components/calendar/demo/notice-calendar.md correctly 1`
 </div>
 `;
 
-exports[`test renders ./components/calendar/demo/select.md correctly 1`] = `
+exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
 <div>
   <div
     class="ant-alert ant-alert-info ant-alert-no-icon"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-alert-message">
+      class="ant-alert-message"
+    >
       You selected date: 2017-01-25
     </span>
     <span
-      class="ant-alert-description" />
+      class="ant-alert-description"
+    />
   </div>
   <div
-    class=" ant-fullcalendar-fullscreen">
+    class=" ant-fullcalendar-fullscreen"
+  >
     <div
-      class="ant-fullcalendar-header">
+      class="ant-fullcalendar-header"
+    >
       <div
-        class="ant-fullcalendar-year-select ant-select ant-select-enabled">
+        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -2624,26 +3333,31 @@ exports[`test renders ./components/calendar/demo/select.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="2017年">
+              title="2017年"
+            >
               2017年
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <div
-        class="ant-fullcalendar-month-select ant-select ant-select-enabled">
+        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -2651,50 +3365,63 @@ exports[`test renders ./components/calendar/demo/select.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="1月">
+              title="1月"
+            >
               1月
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <div
-        class="ant-radio-group ant-radio-group-default">
+        class="ant-radio-group ant-radio-group-default"
+      >
         <label
-          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+        >
           <span
-            class="ant-radio-button ant-radio-button-checked">
+            class="ant-radio-button ant-radio-button-checked"
+          >
             <input
               checked=""
               class="ant-radio-button-input"
-              type="radio" />
+              type="radio"
+            />
             <span
-              class="ant-radio-button-inner" />
+              class="ant-radio-button-inner"
+            />
           </span>
           <span>
             月
           </span>
         </label>
         <label
-          class="ant-radio-button-wrapper">
+          class="ant-radio-button-wrapper"
+        >
           <span
-            class="ant-radio-button">
+            class="ant-radio-button"
+          >
             <input
               class="ant-radio-button-input"
-              type="radio" />
+              type="radio"
+            />
             <span
-              class="ant-radio-button-inner" />
+              class="ant-radio-button-inner"
+            />
           </span>
           <span>
             年
@@ -2704,686 +3431,879 @@ exports[`test renders ./components/calendar/demo/select.md correctly 1`] = `
     </div>
     <div
       class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-fullcalendar-calendar-body">
+        class="ant-fullcalendar-calendar-body"
+      >
         <table
           cellspacing="0"
           class="ant-fullcalendar-table"
-          role="grid">
+          role="grid"
+        >
           <thead>
             <tr
-              role="row">
+              role="row"
+            >
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周一">
+                title="周一"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   一
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周二">
+                title="周二"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   二
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周三">
+                title="周三"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   三
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周四">
+                title="周四"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   四
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周五">
+                title="周五"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   五
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周六">
+                title="周六"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   六
                 </span>
               </th>
               <th
                 class="ant-fullcalendar-column-header"
                 role="columnheader"
-                title="周日">
+                title="周日"
+              >
                 <span
-                  class="ant-fullcalendar-column-header-inner">
+                  class="ant-fullcalendar-column-header-inner"
+                >
                   日
                 </span>
               </th>
             </tr>
           </thead>
           <tbody
-            class="ant-fullcalendar-tbody">
+            class="ant-fullcalendar-tbody"
+          >
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-26">
+                title="2016-12-26"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     26
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-27">
+                title="2016-12-27"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     27
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-28">
+                title="2016-12-28"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     28
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-29">
+                title="2016-12-29"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     29
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-30">
+                title="2016-12-30"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     30
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                 role="gridcell"
-                title="2016-12-31">
+                title="2016-12-31"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     31
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-1">
+                title="2017-1-1"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     01
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-2">
+                title="2017-1-2"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     02
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-3">
+                title="2017-1-3"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     03
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-4">
+                title="2017-1-4"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     04
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-5">
+                title="2017-1-5"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     05
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-6">
+                title="2017-1-6"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     06
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-7">
+                title="2017-1-7"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     07
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-8">
+                title="2017-1-8"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     08
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-9">
+                title="2017-1-9"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     09
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-10">
+                title="2017-1-10"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     10
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-11">
+                title="2017-1-11"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     11
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-12">
+                title="2017-1-12"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     12
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-13">
+                title="2017-1-13"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     13
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-14">
+                title="2017-1-14"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     14
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-15">
+                title="2017-1-15"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     15
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-16">
+                title="2017-1-16"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     16
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-17">
+                title="2017-1-17"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     17
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-18">
+                title="2017-1-18"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     18
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-19">
+                title="2017-1-19"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     19
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-20">
+                title="2017-1-20"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     20
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-21">
+                title="2017-1-21"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     21
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-22">
+                title="2017-1-22"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     22
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-23">
+                title="2017-1-23"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     23
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-24">
+                title="2017-1-24"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     24
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-selected-day"
                 role="gridcell"
-                title="2017-1-25">
+                title="2017-1-25"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     25
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-26">
+                title="2017-1-26"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     26
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-27">
+                title="2017-1-27"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     27
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-28">
+                title="2017-1-28"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     28
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-29">
+                title="2017-1-29"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     29
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
             <tr
-              role="row">
+              role="row"
+            >
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-30">
+                title="2017-1-30"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     30
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell"
                 role="gridcell"
-                title="2017-1-31">
+                title="2017-1-31"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     31
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2017-2-1">
+                title="2017-2-1"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     01
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2017-2-2">
+                title="2017-2-2"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     02
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2017-2-3">
+                title="2017-2-3"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     03
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2017-2-4">
+                title="2017-2-4"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     04
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
               <td
                 class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                 role="gridcell"
-                title="2017-2-5">
+                title="2017-2-5"
+              >
                 <div
-                  class="ant-fullcalendar-date">
+                  class="ant-fullcalendar-date"
+                >
                   <div
-                    class="ant-fullcalendar-value">
+                    class="ant-fullcalendar-value"
+                  >
                     05
                   </div>
                   <div
-                    class="ant-fullcalendar-content" />
+                    class="ant-fullcalendar-content"
+                  />
                 </div>
               </td>
             </tr>
diff --git a/components/card/__tests__/__snapshots__/demo.test.js.snap b/components/card/__tests__/__snapshots__/demo.test.js.snap
index 4ec20d8c7d..25dcebe5df 100644
--- a/components/card/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/card/__tests__/__snapshots__/demo.test.js.snap
@@ -1,23 +1,31 @@
-exports[`test renders ./components/card/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/card/demo/basic.md correctly 1`] = `
 <div
   class="ant-card ant-card-bordered"
-  style="width:300px;">
+  style="width:300px;"
+>
   <div
-    class="ant-card-head">
+    class="ant-card-head"
+  >
     <h3
-      class="ant-card-head-title">
+      class="ant-card-head-title"
+    >
       Card title
     </h3>
   </div>
   <div
-    class="ant-card-extra">
+    class="ant-card-extra"
+  >
     <a
-      href="#">
+      href="#"
+    >
       More
     </a>
   </div>
   <div
-    class="ant-card-body">
+    class="ant-card-body"
+  >
     <p>
       Card content
     </p>
@@ -31,21 +39,26 @@ exports[`test renders ./components/card/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/card/demo/border-less.md correctly 1`] = `
+exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
 <div
-  style="background:#ECECEC;padding:30px;">
+  style="background:#ECECEC;padding:30px;"
+>
   <div
     class="ant-card"
-    style="width:300px;">
+    style="width:300px;"
+  >
     <div
-      class="ant-card-head">
+      class="ant-card-head"
+    >
       <h3
-        class="ant-card-head-title">
+        class="ant-card-head-title"
+      >
         Card title
       </h3>
     </div>
     <div
-      class="ant-card-body">
+      class="ant-card-body"
+    >
       <p>
         Card content
       </p>
@@ -60,58 +73,75 @@ exports[`test renders ./components/card/demo/border-less.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/card/demo/grid.md correctly 1`] = `
+exports[`renders ./components/card/demo/grid.md correctly 1`] = `
 <div
-  style="background:#ECECEC;padding:30px;">
+  style="background:#ECECEC;padding:30px;"
+>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       <div
-        class="ant-card">
+        class="ant-card"
+      >
         <div
-          class="ant-card-head">
+          class="ant-card-head"
+        >
           <h3
-            class="ant-card-head-title">
+            class="ant-card-head-title"
+          >
             Card title
           </h3>
         </div>
         <div
-          class="ant-card-body">
+          class="ant-card-body"
+        >
           Card content
         </div>
       </div>
     </div>
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       <div
-        class="ant-card">
+        class="ant-card"
+      >
         <div
-          class="ant-card-head">
+          class="ant-card-head"
+        >
           <h3
-            class="ant-card-head-title">
+            class="ant-card-head-title"
+          >
             Card title
           </h3>
         </div>
         <div
-          class="ant-card-body">
+          class="ant-card-body"
+        >
           Card content
         </div>
       </div>
     </div>
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       <div
-        class="ant-card">
+        class="ant-card"
+      >
         <div
-          class="ant-card-head">
+          class="ant-card-head"
+        >
           <h3
-            class="ant-card-head-title">
+            class="ant-card-head-title"
+          >
             Card title
           </h3>
         </div>
         <div
-          class="ant-card-body">
+          class="ant-card-body"
+        >
           Card content
         </div>
       </div>
@@ -120,79 +150,98 @@ exports[`test renders ./components/card/demo/grid.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/card/demo/loading.md correctly 1`] = `
+exports[`renders ./components/card/demo/loading.md correctly 1`] = `
 <div
   class="ant-card ant-card-loading ant-card-bordered"
-  style="width:34%;">
+  style="width:34%;"
+>
   <div
-    class="ant-card-head">
+    class="ant-card-head"
+  >
     <h3
-      class="ant-card-head-title">
+      class="ant-card-head-title"
+    >
       Card title
     </h3>
   </div>
   <div
-    class="ant-card-body">
+    class="ant-card-body"
+  >
     <div>
       <p
         class="ant-card-loading-block"
-        style="width:94%;" />
+        style="width:94%;"
+      />
       <p>
         <span
           class="ant-card-loading-block"
-          style="width:28%;" />
+          style="width:28%;"
+        />
         <span
           class="ant-card-loading-block"
-          style="width:62%;" />
+          style="width:62%;"
+        />
       </p>
       <p>
         <span
           class="ant-card-loading-block"
-          style="width:22%;" />
+          style="width:22%;"
+        />
         <span
           class="ant-card-loading-block"
-          style="width:66%;" />
+          style="width:66%;"
+        />
       </p>
       <p>
         <span
           class="ant-card-loading-block"
-          style="width:56%;" />
+          style="width:56%;"
+        />
         <span
           class="ant-card-loading-block"
-          style="width:39%;" />
+          style="width:39%;"
+        />
       </p>
       <p>
         <span
           class="ant-card-loading-block"
-          style="width:21%;" />
+          style="width:21%;"
+        />
         <span
           class="ant-card-loading-block"
-          style="width:15%;" />
+          style="width:15%;"
+        />
         <span
           class="ant-card-loading-block"
-          style="width:40%;" />
+          style="width:40%;"
+        />
       </p>
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/card/demo/no-padding.md correctly 1`] = `
+exports[`renders ./components/card/demo/no-padding.md correctly 1`] = `
 <div
   class="ant-card ant-card-bordered"
-  style="width:240px;">
+  style="width:240px;"
+>
   <div
     class="ant-card-body"
-    style="padding:0;">
+    style="padding:0;"
+  >
     <div
-      class="custom-image">
+      class="custom-image"
+    >
       <img
         alt="example"
         src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png"
-        width="100%" />
+        width="100%"
+      />
     </div>
     <div
-      class="custom-card">
+      class="custom-card"
+    >
       <h3>
         Europe Street beat
       </h3>
@@ -204,12 +253,14 @@ exports[`test renders ./components/card/demo/no-padding.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/card/demo/simple.md correctly 1`] = `
+exports[`renders ./components/card/demo/simple.md correctly 1`] = `
 <div
   class="ant-card ant-card-bordered"
-  style="width:300px;">
+  style="width:300px;"
+>
   <div
-    class="ant-card-body">
+    class="ant-card-body"
+  >
     <p>
       Card content
     </p>
diff --git a/components/carousel/__tests__/__snapshots__/demo.test.js.snap b/components/carousel/__tests__/__snapshots__/demo.test.js.snap
index 4377d2bc22..87ee818a72 100644
--- a/components/carousel/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/carousel/__tests__/__snapshots__/demo.test.js.snap
@@ -1,15 +1,22 @@
-exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
 <div
-  class="ant-carousel">
+  class="ant-carousel"
+>
   <div
-    class="slick-initialized slick-slider">
+    class="slick-initialized slick-slider"
+  >
     <div
-      class="slick-list">
+      class="slick-list"
+    >
       <div
-        class="slick-track">
+        class="slick-track"
+      >
         <div
           class="slick-slide slick-cloned"
-          data-index="-1">
+          data-index="-1"
+        >
           <h3>
             4
           </h3>
@@ -18,7 +25,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
           class="slick-slide slick-active slick-cloned"
           data-index="0"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             1
           </h3>
@@ -27,7 +35,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="1"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             2
           </h3>
@@ -36,7 +45,8 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="2"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             3
           </h3>
@@ -45,14 +55,16 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="3"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             4
           </h3>
         </div>
         <div
           class="slick-slide slick-active slick-cloned"
-          data-index="4">
+          data-index="4"
+        >
           <h3>
             1
           </h3>
@@ -63,18 +75,23 @@ exports[`test renders ./components/carousel/demo/autoplay.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
+exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
 <div
-  class="ant-carousel">
+  class="ant-carousel"
+>
   <div
-    class="slick-initialized slick-slider">
+    class="slick-initialized slick-slider"
+  >
     <div
-      class="slick-list">
+      class="slick-list"
+    >
       <div
-        class="slick-track">
+        class="slick-track"
+      >
         <div
           class="slick-slide slick-cloned"
-          data-index="-1">
+          data-index="-1"
+        >
           <h3>
             4
           </h3>
@@ -83,7 +100,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
           class="slick-slide slick-active slick-cloned"
           data-index="0"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             1
           </h3>
@@ -92,7 +110,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="1"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             2
           </h3>
@@ -101,7 +120,8 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="2"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             3
           </h3>
@@ -110,14 +130,16 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="3"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             4
           </h3>
         </div>
         <div
           class="slick-slide slick-active slick-cloned"
-          data-index="4">
+          data-index="4"
+        >
           <h3>
             1
           </h3>
@@ -128,20 +150,25 @@ exports[`test renders ./components/carousel/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
+exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
 <div
-  class="ant-carousel">
+  class="ant-carousel"
+>
   <div
-    class="slick-initialized slick-slider">
+    class="slick-initialized slick-slider"
+  >
     <div
-      class="slick-list">
+      class="slick-list"
+    >
       <div
-        class="slick-track">
+        class="slick-track"
+      >
         <div
           class="slick-slide slick-active slick-cloned"
           data-index="0"
           style="outline:none;position:relative;left:0;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             1
           </h3>
@@ -150,7 +177,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="1"
           style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             2
           </h3>
@@ -159,7 +187,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="2"
           style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             3
           </h3>
@@ -168,7 +197,8 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="3"
           style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             4
           </h3>
@@ -179,18 +209,23 @@ exports[`test renders ./components/carousel/demo/fade.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
+exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
 <div
-  class="ant-carousel ant-carousel-vertical">
+  class="ant-carousel ant-carousel-vertical"
+>
   <div
-    class="slick-initialized slick-slider slick-vertical">
+    class="slick-initialized slick-slider slick-vertical"
+  >
     <div
-      class="slick-list">
+      class="slick-list"
+    >
       <div
-        class="slick-track">
+        class="slick-track"
+      >
         <div
           class="slick-slide slick-cloned"
-          data-index="-1">
+          data-index="-1"
+        >
           <h3>
             4
           </h3>
@@ -199,7 +234,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
           class="slick-slide slick-active slick-cloned"
           data-index="0"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             1
           </h3>
@@ -208,7 +244,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="1"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             2
           </h3>
@@ -217,7 +254,8 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="2"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             3
           </h3>
@@ -226,14 +264,16 @@ exports[`test renders ./components/carousel/demo/vertical.md correctly 1`] = `
           class="slick-slide slick-cloned"
           data-index="3"
           style="outline:none;"
-          tabindex="-1">
+          tabindex="-1"
+        >
           <h3>
             4
           </h3>
         </div>
         <div
           class="slick-slide slick-active slick-cloned"
-          data-index="4">
+          data-index="4"
+        >
           <h3>
             1
           </h3>
diff --git a/components/cascader/__tests__/__snapshots__/demo.test.js.snap b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
index 61de9d7bee..ed55e3080e 100644
--- a/components/cascader/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
@@ -1,52 +1,65 @@
-exports[`test renders ./components/cascader/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/custom-render.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
   style="width:270px;"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label">
+    class="ant-cascader-picker-label"
+  >
     <span>
       Zhejiang / 
     </span>
@@ -62,165 +75,201 @@ exports[`test renders ./components/cascader/demo/custom-render.md correctly 1`]
     </span>
   </span>
   <i
-    class="anticon anticon-cross-circle ant-cascader-picker-clear" />
+    class="anticon anticon-cross-circle ant-cascader-picker-clear"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
 <span>
   Unselect 
   <a
     href="#"
-    tabindex="0">
+    tabindex="0"
+  >
     Change city
   </a>
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/default-value.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label">
+    class="ant-cascader-picker-label"
+  >
     Zhejiang / Hangzhou / West Lake
   </span>
   <i
-    class="anticon anticon-cross-circle ant-cascader-picker-clear" />
+    class="anticon anticon-cross-circle ant-cascader-picker-clear"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/hover.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/lazy.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/search.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
 <span
   class="ant-cascader-picker"
-  tabindex="0">
+  tabindex="0"
+>
   <input
     autocomplete="off"
     class="ant-input ant-cascader-input "
     placeholder="Please select"
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-cascader-picker-label" />
+    class="ant-cascader-picker-label"
+  />
   <i
-    class="anticon anticon-down ant-cascader-picker-arrow" />
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
 </span>
 `;
 
-exports[`test renders ./components/cascader/demo/size.md correctly 1`] = `
+exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
 <div>
   <span
     class="ant-cascader-picker"
-    tabindex="0">
+    tabindex="0"
+  >
     <input
       autocomplete="off"
       class="ant-input ant-cascader-input ant-input-lg"
       placeholder="Please select"
       readonly=""
       type="text"
-      value="" />
+      value=""
+    />
     <span
-      class="ant-cascader-picker-label" />
+      class="ant-cascader-picker-label"
+    />
     <i
-      class="anticon anticon-down ant-cascader-picker-arrow" />
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
   </span>
   <br />
   <br />
   <span
     class="ant-cascader-picker"
-    tabindex="0">
+    tabindex="0"
+  >
     <input
       autocomplete="off"
       class="ant-input ant-cascader-input "
       placeholder="Please select"
       readonly=""
       type="text"
-      value="" />
+      value=""
+    />
     <span
-      class="ant-cascader-picker-label" />
+      class="ant-cascader-picker-label"
+    />
     <i
-      class="anticon anticon-down ant-cascader-picker-arrow" />
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
   </span>
   <br />
   <br />
   <span
     class="ant-cascader-picker"
-    tabindex="0">
+    tabindex="0"
+  >
     <input
       autocomplete="off"
       class="ant-input ant-cascader-input ant-input-sm"
       placeholder="Please select"
       readonly=""
       type="text"
-      value="" />
+      value=""
+    />
     <span
-      class="ant-cascader-picker-label" />
+      class="ant-cascader-picker-label"
+    />
     <i
-      class="anticon anticon-down ant-cascader-picker-arrow" />
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
   </span>
   <br />
   <br />
diff --git a/components/cascader/__tests__/__snapshots__/index.test.js.snap b/components/cascader/__tests__/__snapshots__/index.test.js.snap
index 32e2c71497..00bc8ff181 100644
--- a/components/cascader/__tests__/__snapshots__/index.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/index.test.js.snap
@@ -1,26 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Cascader can be selected 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft ">
+    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+  >
     <div>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Zhejiang">
+          title="Zhejiang"
+        >
           Zhejiang
         </li>
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Jiangsu">
+          title="Jiangsu"
+        >
           Jiangsu
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Hangzhou">
+          title="Hangzhou"
+        >
           Hangzhou
         </li>
       </ul>
@@ -32,34 +40,42 @@ exports[`Cascader can be selected 1`] = `
 exports[`Cascader can be selected 2`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft ">
+    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+  >
     <div>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Zhejiang">
+          title="Zhejiang"
+        >
           Zhejiang
         </li>
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Jiangsu">
+          title="Jiangsu"
+        >
           Jiangsu
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Hangzhou">
+          title="Hangzhou"
+        >
           Hangzhou
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item"
-          title="West Lake">
+          title="West Lake"
+        >
           West Lake
         </li>
       </ul>
@@ -71,34 +87,42 @@ exports[`Cascader can be selected 2`] = `
 exports[`Cascader can be selected 3`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden">
+    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden"
+  >
     <div>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Zhejiang">
+          title="Zhejiang"
+        >
           Zhejiang
         </li>
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Jiangsu">
+          title="Jiangsu"
+        >
           Jiangsu
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Hangzhou">
+          title="Hangzhou"
+        >
           Hangzhou
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-active"
-          title="West Lake">
+          title="West Lake"
+        >
           West Lake
         </li>
       </ul>
@@ -110,7 +134,8 @@ exports[`Cascader can be selected 3`] = `
 exports[`Cascader popup correctly when panel is hidden 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-empty ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden">
+    class="ant-cascader-menus  ant-cascader-menus-empty ant-cascader-menus-placement-bottomLeft  ant-cascader-menus-hidden"
+  >
     <div />
   </div>
 </div>
@@ -119,18 +144,22 @@ exports[`Cascader popup correctly when panel is hidden 1`] = `
 exports[`Cascader popup correctly when panel is open 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft ">
+    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+  >
     <div>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Zhejiang">
+          title="Zhejiang"
+        >
           Zhejiang
         </li>
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Jiangsu">
+          title="Jiangsu"
+        >
           Jiangsu
         </li>
       </ul>
@@ -142,34 +171,42 @@ exports[`Cascader popup correctly when panel is open 1`] = `
 exports[`Cascader popup correctly with defaultValue 1`] = `
 <div>
   <div
-    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft ">
+    class="ant-cascader-menus  ant-cascader-menus-placement-bottomLeft "
+  >
     <div>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Zhejiang">
+          title="Zhejiang"
+        >
           Zhejiang
         </li>
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand"
-          title="Jiangsu">
+          title="Jiangsu"
+        >
           Jiangsu
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item ant-cascader-menu-item-expand ant-cascader-menu-item-active"
-          title="Hangzhou">
+          title="Hangzhou"
+        >
           Hangzhou
         </li>
       </ul>
       <ul
-        class="ant-cascader-menu">
+        class="ant-cascader-menu"
+      >
         <li
           class="ant-cascader-menu-item"
-          title="West Lake">
+          title="West Lake"
+        >
           West Lake
         </li>
       </ul>
diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
index 32b0453107..85de087a01 100644
--- a/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/checkbox/__tests__/__snapshots__/demo.test.js.snap
@@ -1,13 +1,19 @@
-exports[`test renders ./components/checkbox/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
 <label
-  class="ant-checkbox-wrapper">
+  class="ant-checkbox-wrapper"
+>
   <span
-    class="ant-checkbox">
+    class="ant-checkbox"
+  >
     <input
       class="ant-checkbox-input"
-      type="checkbox" />
+      type="checkbox"
+    />
     <span
-      class="ant-checkbox-inner" />
+      class="ant-checkbox-inner"
+    />
   </span>
   <span>
     Checkbox
@@ -15,19 +21,24 @@ exports[`test renders ./components/checkbox/demo/basic.md correctly 1`] = `
 </label>
 `;
 
-exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = `
+exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
 <div>
   <div
-    style="border-bottom:1px solid #E9E9E9;">
+    style="border-bottom:1px solid #E9E9E9;"
+  >
     <label
-      class="ant-checkbox-wrapper">
+      class="ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-indeterminate">
+        class="ant-checkbox ant-checkbox-indeterminate"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Check all
@@ -36,46 +47,59 @@ exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = `
   </div>
   <br />
   <div
-    class="ant-checkbox-group">
+    class="ant-checkbox-group"
+  >
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked">
+        class="ant-checkbox ant-checkbox-checked"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Apple
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Pear
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked">
+        class="ant-checkbox ant-checkbox-checked"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Orange
@@ -85,20 +109,25 @@ exports[`test renders ./components/checkbox/demo/check-all.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
+exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
 <div>
   <p
-    style="margin-bottom:20px;">
+    style="margin-bottom:20px;"
+  >
     <label
-      class="ant-checkbox-wrapper">
+      class="ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked">
+        class="ant-checkbox ant-checkbox-checked"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Checked-Enabled
@@ -108,7 +137,8 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
   <p>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
-      type="button">
+      type="button"
+    >
       <span>
         Uncheck
       </span>
@@ -116,7 +146,8 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       style="margin-left:10px;"
-      type="button">
+      type="button"
+    >
       <span>
         Disable
       </span>
@@ -125,79 +156,100 @@ exports[`test renders ./components/checkbox/demo/controller.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/checkbox/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/checkbox/demo/disabled.md correctly 1`] = `
 <div>
   <label
-    class="ant-checkbox-wrapper">
+    class="ant-checkbox-wrapper"
+  >
     <span
-      class="ant-checkbox ant-checkbox-disabled">
+      class="ant-checkbox ant-checkbox-disabled"
+    >
       <input
         class="ant-checkbox-input"
         disabled=""
-        type="checkbox" />
+        type="checkbox"
+      />
       <span
-        class="ant-checkbox-inner" />
+        class="ant-checkbox-inner"
+      />
     </span>
   </label>
   <br />
   <label
-    class="ant-checkbox-wrapper">
+    class="ant-checkbox-wrapper"
+  >
     <span
-      class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled">
+      class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
+    >
       <input
         checked=""
         class="ant-checkbox-input"
         disabled=""
-        type="checkbox" />
+        type="checkbox"
+      />
       <span
-        class="ant-checkbox-inner" />
+        class="ant-checkbox-inner"
+      />
     </span>
   </label>
 </div>
 `;
 
-exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = `
+exports[`renders ./components/checkbox/demo/group.md correctly 1`] = `
 <div>
   <div
-    class="ant-checkbox-group">
+    class="ant-checkbox-group"
+  >
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked">
+        class="ant-checkbox ant-checkbox-checked"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Apple
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Pear
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Orange
@@ -206,45 +258,58 @@ exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = `
   </div>
   <br />
   <div
-    class="ant-checkbox-group">
+    class="ant-checkbox-group"
+  >
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Apple
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked">
+        class="ant-checkbox ant-checkbox-checked"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Pear
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Orange
@@ -253,47 +318,60 @@ exports[`test renders ./components/checkbox/demo/group.md correctly 1`] = `
   </div>
   <br />
   <div
-    class="ant-checkbox-group">
+    class="ant-checkbox-group"
+  >
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled">
+        class="ant-checkbox ant-checkbox-checked ant-checkbox-disabled"
+      >
         <input
           checked=""
           class="ant-checkbox-input"
           disabled=""
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Apple
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-disabled">
+        class="ant-checkbox ant-checkbox-disabled"
+      >
         <input
           class="ant-checkbox-input"
           disabled=""
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Pear
       </span>
     </label>
     <label
-      class="ant-checkbox-group-item ant-checkbox-wrapper">
+      class="ant-checkbox-group-item ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox">
+        class="ant-checkbox"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
       <span>
         Orange
diff --git a/components/collapse/__tests__/__snapshots__/demo.test.js.snap b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
index b41ab4a631..f3d5574fb6 100644
--- a/components/collapse/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/collapse/__tests__/__snapshots__/demo.test.js.snap
@@ -1,167 +1,78 @@
-exports[`test renders ./components/collapse/demo/accordion.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
 <div
-  class="ant-collapse">
+  class="ant-collapse"
+>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item"
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 1
     </div>
   </div>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item"
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 2
     </div>
   </div>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item"
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 3
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/collapse/demo/basic.md correctly 1`] = `
+exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
 <div
-  class="ant-collapse">
-  <div
-    class="ant-collapse-item ant-collapse-item-active">
-    <div
-      aria-expanded="true"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 1
-    </div>
-    <div
-      class="ant-collapse-content ant-collapse-content-active"
-      role="tabpanel">
-      <div
-        class="ant-collapse-content-box">
-        <p>
-          
-            A dog is a type of domesticated animal.
-            Known for its loyalty and faithfulness,
-            it can be found as a welcome guest in many households across the world.
-          
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    class="ant-collapse-item">
-    <div
-      aria-expanded="false"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 2
-    </div>
-  </div>
-  <div
-    class="ant-collapse-item">
-    <div
-      aria-expanded="false"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 3
-    </div>
-  </div>
-</div>
-`;
-
-exports[`test renders ./components/collapse/demo/borderless.md correctly 1`] = `
-<div
-  class="ant-collapse ant-collapse-borderless">
-  <div
-    class="ant-collapse-item ant-collapse-item-active">
-    <div
-      aria-expanded="true"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 1
-    </div>
-    <div
-      class="ant-collapse-content ant-collapse-content-active"
-      role="tabpanel">
-      <div
-        class="ant-collapse-content-box">
-        <p>
-          
-            A dog is a type of domesticated animal.
-            Known for its loyalty and faithfulness,
-            it can be found as a welcome guest in many households across the world.
-          
-        </p>
-      </div>
-    </div>
-  </div>
-  <div
-    class="ant-collapse-item">
-    <div
-      aria-expanded="false"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 2
-    </div>
-  </div>
-  <div
-    class="ant-collapse-item">
-    <div
-      aria-expanded="false"
-      class="ant-collapse-header"
-      role="tab">
-      <i
-        class="arrow" />
-      This is panel header 3
-    </div>
-  </div>
-</div>
-`;
-
-exports[`test renders ./components/collapse/demo/custom.md correctly 1`] = `
-<div
-  class="ant-collapse ant-collapse-borderless">
+  class="ant-collapse"
+>
   <div
     class="ant-collapse-item ant-collapse-item-active"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;">
+  >
     <div
       aria-expanded="true"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 1
     </div>
     <div
       class="ant-collapse-content ant-collapse-content-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       <div
-        class="ant-collapse-content-box">
+        class="ant-collapse-content-box"
+      >
         <p>
           
             A dog is a type of domesticated animal.
@@ -174,64 +85,211 @@ exports[`test renders ./components/collapse/demo/custom.md correctly 1`] = `
   </div>
   <div
     class="ant-collapse-item"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;">
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 2
     </div>
   </div>
   <div
     class="ant-collapse-item"
-    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;">
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 3
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/collapse/demo/mix.md correctly 1`] = `
+exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
 <div
-  class="ant-collapse">
+  class="ant-collapse ant-collapse-borderless"
+>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item ant-collapse-item-active"
+  >
     <div
-      aria-expanded="false"
+      aria-expanded="true"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 1
     </div>
+    <div
+      class="ant-collapse-content ant-collapse-content-active"
+      role="tabpanel"
+    >
+      <div
+        class="ant-collapse-content-box"
+      >
+        <p>
+          
+            A dog is a type of domesticated animal.
+            Known for its loyalty and faithfulness,
+            it can be found as a welcome guest in many households across the world.
+          
+        </p>
+      </div>
+    </div>
   </div>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item"
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
       This is panel header 2
     </div>
   </div>
   <div
-    class="ant-collapse-item">
+    class="ant-collapse-item"
+  >
     <div
       aria-expanded="false"
       class="ant-collapse-header"
-      role="tab">
+      role="tab"
+    >
       <i
-        class="arrow" />
+        class="arrow"
+      />
+      This is panel header 3
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
+<div
+  class="ant-collapse ant-collapse-borderless"
+>
+  <div
+    class="ant-collapse-item ant-collapse-item-active"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+  >
+    <div
+      aria-expanded="true"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
+      This is panel header 1
+    </div>
+    <div
+      class="ant-collapse-content ant-collapse-content-active"
+      role="tabpanel"
+    >
+      <div
+        class="ant-collapse-content-box"
+      >
+        <p>
+          
+            A dog is a type of domesticated animal.
+            Known for its loyalty and faithfulness,
+            it can be found as a welcome guest in many households across the world.
+          
+        </p>
+      </div>
+    </div>
+  </div>
+  <div
+    class="ant-collapse-item"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+  >
+    <div
+      aria-expanded="false"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
+      This is panel header 2
+    </div>
+  </div>
+  <div
+    class="ant-collapse-item"
+    style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;"
+  >
+    <div
+      aria-expanded="false"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
+      This is panel header 3
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
+<div
+  class="ant-collapse"
+>
+  <div
+    class="ant-collapse-item"
+  >
+    <div
+      aria-expanded="false"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
+      This is panel header 1
+    </div>
+  </div>
+  <div
+    class="ant-collapse-item"
+  >
+    <div
+      aria-expanded="false"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
+      This is panel header 2
+    </div>
+  </div>
+  <div
+    class="ant-collapse-item"
+  >
+    <div
+      aria-expanded="false"
+      class="ant-collapse-header"
+      role="tab"
+    >
+      <i
+        class="arrow"
+      />
       This is panel header 3
     </div>
   </div>
diff --git a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
index 122778401e..c98a8389d8 100644
--- a/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
@@ -1,609 +1,735 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`RangePicker show month panel according to value 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft ">
+    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+  >
     <div
       class="ant-calendar-time ant-calendar ant-calendar-range"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-calendar-panel">
+        class="ant-calendar-panel"
+      >
         <div
-          class="ant-calendar-date-panel">
+          class="ant-calendar-date-panel"
+        >
           <div
-            class="ant-calendar-range-part ant-calendar-range-left">
+            class="ant-calendar-range-part ant-calendar-range-left"
+          >
             <div
-              class="ant-calendar-input-wrap">
+              class="ant-calendar-input-wrap"
+            >
               <div
-                class="ant-calendar-date-input-wrap">
+                class="ant-calendar-date-input-wrap"
+              >
                 <input
                   class="ant-calendar-input "
                   placeholder="开始日期"
-                  value="2000/01/01" />
+                  value="2000/01/01"
+                />
               </div>
             </div>
             <div
-              style="outline:none;">
+              style="outline:none;"
+            >
               <div
-                class="ant-calendar-header">
+                class="ant-calendar-header"
+              >
                 <div
-                  style="position:relative;">
+                  style="position:relative;"
+                >
                   <a
                     class="ant-calendar-prev-year-btn"
                     role="button"
-                    title="上一年 (Control键加左方向键)" />
+                    title="上一年 (Control键加左方向键)"
+                  />
                   <a
                     class="ant-calendar-prev-month-btn"
                     role="button"
-                    title="上个月 (翻页上键)" />
+                    title="上个月 (翻页上键)"
+                  />
                   <span
-                    class="ant-calendar-ym-select">
+                    class="ant-calendar-ym-select"
+                  >
                     <a
                       class="ant-calendar-year-select"
                       role="button"
-                      title="选择年份">
+                      title="选择年份"
+                    >
                       2000年
                     </a>
                     <a
                       class="ant-calendar-month-select"
                       role="button"
-                      title="选择月份">
+                      title="选择月份"
+                    >
                       1月
                     </a>
                   </span>
                 </div>
               </div>
               <div
-                class="ant-calendar-body">
+                class="ant-calendar-body"
+              >
                 <table
                   cellspacing="0"
                   class="ant-calendar-table"
-                  role="grid">
+                  role="grid"
+                >
                   <thead>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Sun">
+                        title="Sun"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Su
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Mon">
+                        title="Mon"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Mo
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Tue">
+                        title="Tue"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Tu
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Wed">
+                        title="Wed"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           We
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Thu">
+                        title="Thu"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Th
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Fri">
+                        title="Fri"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Fr
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Sat">
+                        title="Sat"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Sa
                         </span>
                       </th>
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-calendar-tbody">
+                    class="ant-calendar-tbody"
+                  >
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-26">
+                        title="1999-12-26"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           26
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-27">
+                        title="1999-12-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-28">
+                        title="1999-12-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-29">
+                        title="1999-12-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-30">
+                        title="1999-12-30"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           30
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-31">
+                        title="1999-12-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-selected-day"
                         role="gridcell"
-                        title="2000-1-1">
+                        title="2000-1-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="true"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-2">
+                        title="2000-1-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-3">
+                        title="2000-1-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-4">
+                        title="2000-1-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-5">
+                        title="2000-1-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-6">
+                        title="2000-1-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-7">
+                        title="2000-1-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-8">
+                        title="2000-1-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-9">
+                        title="2000-1-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-10">
+                        title="2000-1-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-11">
+                        title="2000-1-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-12">
+                        title="2000-1-12"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           12
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-13">
+                        title="2000-1-13"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           13
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-14">
+                        title="2000-1-14"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           14
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-15">
+                        title="2000-1-15"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           15
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-16">
+                        title="2000-1-16"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           16
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-17">
+                        title="2000-1-17"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           17
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-18">
+                        title="2000-1-18"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           18
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-19">
+                        title="2000-1-19"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           19
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-20">
+                        title="2000-1-20"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           20
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-21">
+                        title="2000-1-21"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           21
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-22">
+                        title="2000-1-22"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           22
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-23">
+                        title="2000-1-23"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           23
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-24">
+                        title="2000-1-24"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           24
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-25">
+                        title="2000-1-25"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           25
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-26">
+                        title="2000-1-26"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           26
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-27">
+                        title="2000-1-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-28">
+                        title="2000-1-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-29">
+                        title="2000-1-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-30">
+                        title="2000-1-30"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           30
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-31">
+                        title="2000-1-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-1">
+                        title="2000-2-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-2">
+                        title="2000-2-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-3">
+                        title="2000-2-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-4">
+                        title="2000-2-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-5">
+                        title="2000-2-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
@@ -614,602 +740,723 @@ exports[`RangePicker show month panel according to value 1`] = `
             </div>
           </div>
           <span
-            class="ant-calendar-range-middle">
+            class="ant-calendar-range-middle"
+          >
             ~
           </span>
           <div
-            class="ant-calendar-range-part ant-calendar-range-right">
+            class="ant-calendar-range-part ant-calendar-range-right"
+          >
             <div
-              class="ant-calendar-input-wrap">
+              class="ant-calendar-input-wrap"
+            >
               <div
-                class="ant-calendar-date-input-wrap">
+                class="ant-calendar-date-input-wrap"
+              >
                 <input
                   class="ant-calendar-input "
                   placeholder="结束日期"
-                  value="2000/01/01" />
+                  value="2000/01/01"
+                />
               </div>
             </div>
             <div
-              style="outline:none;">
+              style="outline:none;"
+            >
               <div
-                class="ant-calendar-header">
+                class="ant-calendar-header"
+              >
                 <div
-                  style="position:relative;">
+                  style="position:relative;"
+                >
                   <span
-                    class="ant-calendar-ym-select">
+                    class="ant-calendar-ym-select"
+                  >
                     <a
                       class="ant-calendar-year-select"
                       role="button"
-                      title="选择年份">
+                      title="选择年份"
+                    >
                       2000年
                     </a>
                     <a
                       class="ant-calendar-month-select"
                       role="button"
-                      title="选择月份">
+                      title="选择月份"
+                    >
                       2月
                     </a>
                   </span>
                   <a
                     class="ant-calendar-next-month-btn"
-                    title="下个月 (翻页下键)" />
+                    title="下个月 (翻页下键)"
+                  />
                   <a
                     class="ant-calendar-next-year-btn"
-                    title="下一年 (Control键加右方向键)" />
+                    title="下一年 (Control键加右方向键)"
+                  />
                 </div>
               </div>
               <div
-                class="ant-calendar-body">
+                class="ant-calendar-body"
+              >
                 <table
                   cellspacing="0"
                   class="ant-calendar-table"
-                  role="grid">
+                  role="grid"
+                >
                   <thead>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Sun">
+                        title="Sun"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Su
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Mon">
+                        title="Mon"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Mo
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Tue">
+                        title="Tue"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Tu
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Wed">
+                        title="Wed"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           We
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Thu">
+                        title="Thu"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Th
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Fri">
+                        title="Fri"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Fr
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="Sat">
+                        title="Sat"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           Sa
                         </span>
                       </th>
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-calendar-tbody">
+                    class="ant-calendar-tbody"
+                  >
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="2000-1-30">
+                        title="2000-1-30"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           30
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="2000-1-31">
+                        title="2000-1-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-1">
+                        title="2000-2-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-2">
+                        title="2000-2-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-3">
+                        title="2000-2-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-4">
+                        title="2000-2-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-5">
+                        title="2000-2-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-6">
+                        title="2000-2-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-7">
+                        title="2000-2-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-8">
+                        title="2000-2-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-9">
+                        title="2000-2-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-10">
+                        title="2000-2-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-11">
+                        title="2000-2-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-12">
+                        title="2000-2-12"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           12
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-13">
+                        title="2000-2-13"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           13
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-14">
+                        title="2000-2-14"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           14
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-15">
+                        title="2000-2-15"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           15
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-16">
+                        title="2000-2-16"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           16
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-17">
+                        title="2000-2-17"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           17
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-18">
+                        title="2000-2-18"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           18
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-19">
+                        title="2000-2-19"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           19
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-20">
+                        title="2000-2-20"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           20
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-21">
+                        title="2000-2-21"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           21
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-22">
+                        title="2000-2-22"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           22
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-23">
+                        title="2000-2-23"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           23
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-24">
+                        title="2000-2-24"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           24
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-25">
+                        title="2000-2-25"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           25
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-26">
+                        title="2000-2-26"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           26
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-27">
+                        title="2000-2-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-28">
+                        title="2000-2-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-29">
+                        title="2000-2-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-1">
+                        title="2000-3-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-2">
+                        title="2000-3-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-3">
+                        title="2000-3-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-4">
+                        title="2000-3-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-5">
+                        title="2000-3-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-6">
+                        title="2000-3-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-7">
+                        title="2000-3-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-8">
+                        title="2000-3-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-9">
+                        title="2000-3-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-10">
+                        title="2000-3-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-11">
+                        title="2000-3-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
@@ -1221,17 +1468,21 @@ exports[`RangePicker show month panel according to value 1`] = `
           </div>
         </div>
         <div
-          class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok">
+          class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
+        >
           <div
-            class="ant-calendar-footer-btn">
+            class="ant-calendar-footer-btn"
+          >
             <a
               class="ant-calendar-time-picker-btn"
-              role="button">
+              role="button"
+            >
               选择时间
             </a>
             <a
               class="ant-calendar-ok-btn"
-              role="button">
+              role="button"
+            >
               确 定
             </a>
           </div>
@@ -1245,609 +1496,733 @@ exports[`RangePicker show month panel according to value 1`] = `
 exports[`RangePicker switch to corresponding month panel when click presetted ranges 1`] = `
 <div>
   <div
-    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft ">
+    class="ant-calendar-picker-container  ant-calendar-picker-container-placement-bottomLeft "
+  >
     <div
       class="ant-calendar-time ant-calendar-range-with-ranges ant-calendar ant-calendar-range"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-calendar-panel">
+        class="ant-calendar-panel"
+      >
         <div
-          class="ant-calendar-date-panel">
+          class="ant-calendar-date-panel"
+        >
           <div
-            class="ant-calendar-range-part ant-calendar-range-left">
+            class="ant-calendar-range-part ant-calendar-range-left"
+          >
             <div
-              class="ant-calendar-input-wrap">
+              class="ant-calendar-input-wrap"
+            >
               <div
-                class="ant-calendar-date-input-wrap">
+                class="ant-calendar-date-input-wrap"
+              >
                 <input
                   class="ant-calendar-input "
                   placeholder="开始日期"
-                  value="2000/01/01" />
+                  value="2000/01/01"
+                />
               </div>
             </div>
             <div
-              style="outline:none;">
+              style="outline:none;"
+            >
               <div
-                class="ant-calendar-header">
+                class="ant-calendar-header"
+              >
                 <div
-                  style="position:relative;">
+                  style="position:relative;"
+                >
                   <a
                     class="ant-calendar-prev-year-btn"
                     role="button"
-                    title="上一年 (Control键加左方向键)" />
+                    title="上一年 (Control键加左方向键)"
+                  />
                   <a
                     class="ant-calendar-prev-month-btn"
                     role="button"
-                    title="上个月 (翻页上键)" />
+                    title="上个月 (翻页上键)"
+                  />
                   <span
-                    class="ant-calendar-ym-select">
+                    class="ant-calendar-ym-select"
+                  >
                     <a
                       class="ant-calendar-year-select"
                       role="button"
-                      title="选择年份">
+                      title="选择年份"
+                    >
                       2000年
                     </a>
                     <a
                       class="ant-calendar-month-select"
                       role="button"
-                      title="选择月份">
+                      title="选择月份"
+                    >
                       1月
                     </a>
                   </span>
                 </div>
               </div>
               <div
-                class="ant-calendar-body">
+                class="ant-calendar-body"
+              >
                 <table
                   cellspacing="0"
                   class="ant-calendar-table"
-                  role="grid">
+                  role="grid"
+                >
                   <thead>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周一">
+                        title="周一"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           一
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周二">
+                        title="周二"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           二
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周三">
+                        title="周三"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           三
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周四">
+                        title="周四"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           四
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周五">
+                        title="周五"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           五
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周六">
+                        title="周六"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           六
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周日">
+                        title="周日"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           日
                         </span>
                       </th>
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-calendar-tbody">
+                    class="ant-calendar-tbody"
+                  >
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-27">
+                        title="1999-12-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-28">
+                        title="1999-12-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-29">
+                        title="1999-12-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-30">
+                        title="1999-12-30"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           30
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="1999-12-31">
+                        title="1999-12-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-selected-day"
                         role="gridcell"
-                        title="2000-1-1">
+                        title="2000-1-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="true"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-2">
+                        title="2000-1-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-3">
+                        title="2000-1-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-4">
+                        title="2000-1-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-5">
+                        title="2000-1-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-6">
+                        title="2000-1-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-7">
+                        title="2000-1-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-8">
+                        title="2000-1-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-9">
+                        title="2000-1-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-10">
+                        title="2000-1-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-11">
+                        title="2000-1-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-12">
+                        title="2000-1-12"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           12
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-13">
+                        title="2000-1-13"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           13
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-14">
+                        title="2000-1-14"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           14
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-15">
+                        title="2000-1-15"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           15
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-16">
+                        title="2000-1-16"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           16
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-17">
+                        title="2000-1-17"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           17
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-18">
+                        title="2000-1-18"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           18
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-19">
+                        title="2000-1-19"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           19
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-20">
+                        title="2000-1-20"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           20
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-21">
+                        title="2000-1-21"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           21
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-22">
+                        title="2000-1-22"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           22
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-23">
+                        title="2000-1-23"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           23
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-24">
+                        title="2000-1-24"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           24
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-25">
+                        title="2000-1-25"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           25
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-26">
+                        title="2000-1-26"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           26
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-27">
+                        title="2000-1-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-28">
+                        title="2000-1-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-29">
+                        title="2000-1-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-30">
+                        title="2000-1-30"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           30
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-1-31">
+                        title="2000-1-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-1">
+                        title="2000-2-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-2">
+                        title="2000-2-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-3">
+                        title="2000-2-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-4">
+                        title="2000-2-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-5">
+                        title="2000-2-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-2-6">
+                        title="2000-2-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
@@ -1858,602 +2233,723 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
             </div>
           </div>
           <span
-            class="ant-calendar-range-middle">
+            class="ant-calendar-range-middle"
+          >
             ~
           </span>
           <div
-            class="ant-calendar-range-part ant-calendar-range-right">
+            class="ant-calendar-range-part ant-calendar-range-right"
+          >
             <div
-              class="ant-calendar-input-wrap">
+              class="ant-calendar-input-wrap"
+            >
               <div
-                class="ant-calendar-date-input-wrap">
+                class="ant-calendar-date-input-wrap"
+              >
                 <input
                   class="ant-calendar-input "
                   placeholder="结束日期"
-                  value="2000/01/01" />
+                  value="2000/01/01"
+                />
               </div>
             </div>
             <div
-              style="outline:none;">
+              style="outline:none;"
+            >
               <div
-                class="ant-calendar-header">
+                class="ant-calendar-header"
+              >
                 <div
-                  style="position:relative;">
+                  style="position:relative;"
+                >
                   <span
-                    class="ant-calendar-ym-select">
+                    class="ant-calendar-ym-select"
+                  >
                     <a
                       class="ant-calendar-year-select"
                       role="button"
-                      title="选择年份">
+                      title="选择年份"
+                    >
                       2000年
                     </a>
                     <a
                       class="ant-calendar-month-select"
                       role="button"
-                      title="选择月份">
+                      title="选择月份"
+                    >
                       2月
                     </a>
                   </span>
                   <a
                     class="ant-calendar-next-month-btn"
-                    title="下个月 (翻页下键)" />
+                    title="下个月 (翻页下键)"
+                  />
                   <a
                     class="ant-calendar-next-year-btn"
-                    title="下一年 (Control键加右方向键)" />
+                    title="下一年 (Control键加右方向键)"
+                  />
                 </div>
               </div>
               <div
-                class="ant-calendar-body">
+                class="ant-calendar-body"
+              >
                 <table
                   cellspacing="0"
                   class="ant-calendar-table"
-                  role="grid">
+                  role="grid"
+                >
                   <thead>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周一">
+                        title="周一"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           一
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周二">
+                        title="周二"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           二
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周三">
+                        title="周三"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           三
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周四">
+                        title="周四"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           四
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周五">
+                        title="周五"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           五
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周六">
+                        title="周六"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           六
                         </span>
                       </th>
                       <th
                         class="ant-calendar-column-header"
                         role="columnheader"
-                        title="周日">
+                        title="周日"
+                      >
                         <span
-                          class="ant-calendar-column-header-inner">
+                          class="ant-calendar-column-header-inner"
+                        >
                           日
                         </span>
                       </th>
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-calendar-tbody">
+                    class="ant-calendar-tbody"
+                  >
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-last-month-cell"
                         role="gridcell"
-                        title="2000-1-31">
+                        title="2000-1-31"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           31
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-1">
+                        title="2000-2-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-2">
+                        title="2000-2-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-3">
+                        title="2000-2-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-4">
+                        title="2000-2-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-5">
+                        title="2000-2-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-6">
+                        title="2000-2-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-7">
+                        title="2000-2-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-8">
+                        title="2000-2-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-9">
+                        title="2000-2-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-10">
+                        title="2000-2-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-11">
+                        title="2000-2-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-12">
+                        title="2000-2-12"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           12
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-13">
+                        title="2000-2-13"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           13
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-14">
+                        title="2000-2-14"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           14
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-15">
+                        title="2000-2-15"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           15
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-16">
+                        title="2000-2-16"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           16
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-17">
+                        title="2000-2-17"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           17
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-18">
+                        title="2000-2-18"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           18
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-19">
+                        title="2000-2-19"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           19
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-20">
+                        title="2000-2-20"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           20
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-21">
+                        title="2000-2-21"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           21
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-22">
+                        title="2000-2-22"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           22
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-23">
+                        title="2000-2-23"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           23
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-24">
+                        title="2000-2-24"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           24
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-25">
+                        title="2000-2-25"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           25
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-26">
+                        title="2000-2-26"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           26
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-27">
+                        title="2000-2-27"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           27
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-28">
+                        title="2000-2-28"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           28
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell"
                         role="gridcell"
-                        title="2000-2-29">
+                        title="2000-2-29"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           29
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-1">
+                        title="2000-3-1"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           1
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-2">
+                        title="2000-3-2"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           2
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-3">
+                        title="2000-3-3"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           3
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-4">
+                        title="2000-3-4"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           4
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-5">
+                        title="2000-3-5"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           5
                         </div>
                       </td>
                     </tr>
                     <tr
-                      role="row">
+                      role="row"
+                    >
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-6">
+                        title="2000-3-6"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           6
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-7">
+                        title="2000-3-7"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           7
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-8">
+                        title="2000-3-8"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           8
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-9">
+                        title="2000-3-9"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           9
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-10">
+                        title="2000-3-10"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           10
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-11">
+                        title="2000-3-11"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           11
                         </div>
                       </td>
                       <td
                         class="ant-calendar-cell ant-calendar-next-month-btn-day"
                         role="gridcell"
-                        title="2000-3-12">
+                        title="2000-3-12"
+                      >
                         <div
                           aria-disabled="false"
                           aria-selected="false"
-                          class="ant-calendar-date">
+                          class="ant-calendar-date"
+                        >
                           12
                         </div>
                       </td>
@@ -2465,23 +2961,28 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
           </div>
         </div>
         <div
-          class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok">
+          class="ant-calendar-footer ant-calendar-range-bottom ant-calendar-footer-show-ok"
+        >
           <div
-            class="ant-calendar-range-quick-selector">
+            class="ant-calendar-range-quick-selector"
+          >
             <a>
               My Birthday
             </a>
           </div>
           <div
-            class="ant-calendar-footer-btn">
+            class="ant-calendar-footer-btn"
+          >
             <a
               class="ant-calendar-time-picker-btn"
-              role="button">
+              role="button"
+            >
               选择时间
             </a>
             <a
               class="ant-calendar-ok-btn"
-              role="button">
+              role="button"
+            >
               确 定
             </a>
           </div>
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index adf1468065..f9e76cdabf 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -1,99 +1,123 @@
-exports[`test renders ./components/date-picker/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
 <div>
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select month"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
-    class="ant-calendar-picker">
-    <span
-      class="ant-calendar-picker-input ant-input">
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value="" />
-      <span
-        class="ant-calendar-range-picker-separator">
-         ~ 
-      </span>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value="" />
-      <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-</div>
-`;
-
-exports[`test renders ./components/date-picker/demo/disabled.md correctly 1`] = `
-<div>
-  <span
-    class="ant-calendar-picker">
-    <span>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        disabled=""
-        placeholder="请选择日期"
-        readonly=""
-        value="2015-06-06" />
-      <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-  <br />
-  <span
-    class="ant-calendar-picker">
-    <span>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        disabled=""
-        placeholder="请选择日期"
-        readonly=""
-        value="2015-06" />
-      <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-  <br />
-  <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span
       class="ant-calendar-picker-input ant-input"
-      disabled="">
+    >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-range-picker-separator"
+      >
+         ~ 
+      </span>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+</div>
+`;
+
+exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
+<div>
+  <span
+    class="ant-calendar-picker"
+  >
+    <span>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        disabled=""
+        placeholder="请选择日期"
+        readonly=""
+        value="2015-06-06"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+  <br />
+  <span
+    class="ant-calendar-picker"
+  >
+    <span>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        disabled=""
+        placeholder="请选择日期"
+        readonly=""
+        value="2015-06"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+  <br />
+  <span
+    class="ant-calendar-picker"
+  >
+    <span
+      class="ant-calendar-picker-input ant-input"
+      disabled=""
+    >
       <input
         class="ant-calendar-range-picker-input"
         disabled=""
         placeholder="开始日期"
         readonly=""
-        value="2015-06-06" />
+        value="2015-06-06"
+      />
       <span
-        class="ant-calendar-range-picker-separator">
+        class="ant-calendar-range-picker-separator"
+      >
          ~ 
       </span>
       <input
@@ -101,208 +125,259 @@ exports[`test renders ./components/date-picker/demo/disabled.md correctly 1`] =
         disabled=""
         placeholder="结束日期"
         readonly=""
-        value="2015-06-06" />
+        value="2015-06-06"
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
+exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:154px;">
+    style="width:154px;"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
-    style="width:300px;">
+    style="width:300px;"
+  >
     <span
-      class="ant-calendar-picker-input ant-input">
+      class="ant-calendar-picker-input ant-input"
+    >
       <input
         class="ant-calendar-range-picker-input"
         placeholder="开始日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-range-picker-separator">
+        class="ant-calendar-range-picker-separator"
+      >
          ~ 
       </span>
       <input
         class="ant-calendar-range-picker-input"
         placeholder="结束日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/date-picker/demo/format.md correctly 1`] = `
+exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
 <div>
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
         readonly=""
-        value="2015/01/01" />
+        value="2015/01/01"
+      />
       <i
-        class="anticon anticon-cross-circle ant-calendar-picker-clear" />
+        class="anticon anticon-cross-circle ant-calendar-picker-clear"
+      />
       <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-  <br />
-  <span
-    class="ant-calendar-picker">
-    <span>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value="2015/01" />
-      <i
-        class="anticon anticon-cross-circle ant-calendar-picker-clear" />
-      <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-  <br />
-  <span
-    class="ant-calendar-picker">
-    <span
-      class="ant-calendar-picker-input ant-input">
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value="2015/01/01" />
-      <span
-        class="ant-calendar-range-picker-separator">
-         ~ 
-      </span>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value="2015/01/01" />
-      <i
-        class="anticon anticon-cross-circle ant-calendar-picker-clear" />
-      <span
-        class="ant-calendar-picker-icon" />
-    </span>
-  </span>
-</div>
-`;
-
-exports[`test renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
-<div>
-  <span
-    class="ant-calendar-picker">
-    <span
-      class="ant-calendar-picker-input ant-input">
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value="" />
-      <span
-        class="ant-calendar-range-picker-separator">
-         ~ 
-      </span>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value="" />
-      <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
-    style="width:300px;">
+  >
+    <span>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value="2015/01"
+      />
+      <i
+        class="anticon anticon-cross-circle ant-calendar-picker-clear"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+  <br />
+  <span
+    class="ant-calendar-picker"
+  >
     <span
-      class="ant-calendar-picker-input ant-input">
+      class="ant-calendar-picker-input ant-input"
+    >
       <input
         class="ant-calendar-range-picker-input"
         placeholder="开始日期"
         readonly=""
-        value="" />
+        value="2015/01/01"
+      />
       <span
-        class="ant-calendar-range-picker-separator">
+        class="ant-calendar-range-picker-separator"
+      >
          ~ 
       </span>
       <input
         class="ant-calendar-range-picker-input"
         placeholder="结束日期"
         readonly=""
-        value="" />
+        value="2015/01/01"
+      />
+      <i
+        class="anticon anticon-cross-circle ant-calendar-picker-clear"
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/date-picker/demo/size.md correctly 1`] = `
+exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
+<div>
+  <span
+    class="ant-calendar-picker"
+  >
+    <span
+      class="ant-calendar-picker-input ant-input"
+    >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-range-picker-separator"
+      >
+         ~ 
+      </span>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+  <br />
+  <span
+    class="ant-calendar-picker"
+    style="width:300px;"
+  >
+    <span
+      class="ant-calendar-picker-input ant-input"
+    >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-range-picker-separator"
+      >
+         ~ 
+      </span>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
+  </span>
+</div>
+`;
+
+exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
 <div>
   <div
-    class="ant-radio-group">
+    class="ant-radio-group"
+  >
     <label
-      class="ant-radio-button-wrapper">
+      class="ant-radio-button-wrapper"
+    >
       <span
-        class="ant-radio-button">
+        class="ant-radio-button"
+      >
         <input
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Large
       </span>
     </label>
     <label
-      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+    >
       <span
-        class="ant-radio-button ant-radio-button-checked">
+        class="ant-radio-button ant-radio-button-checked"
+      >
         <input
           checked=""
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Default
       </span>
     </label>
     <label
-      class="ant-radio-button-wrapper">
+      class="ant-radio-button-wrapper"
+    >
       <span
-        class="ant-radio-button">
+        class="ant-radio-button"
+      >
         <input
           class="ant-radio-button-input"
-          type="radio" />
+          type="radio"
+        />
         <span
-          class="ant-radio-button-inner" />
+          class="ant-radio-button-inner"
+        />
       </span>
       <span>
         Small
@@ -312,124 +387,151 @@ exports[`test renders ./components/date-picker/demo/size.md correctly 1`] = `
   <br />
   <br />
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="请选择日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
-    class="ant-calendar-picker">
+    class="ant-calendar-picker"
+  >
     <span
-      class="ant-calendar-picker-input ant-input">
+      class="ant-calendar-picker-input ant-input"
+    >
       <input
         class="ant-calendar-range-picker-input"
         placeholder="开始日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-range-picker-separator">
+        class="ant-calendar-range-picker-separator"
+      >
          ~ 
       </span>
       <input
         class="ant-calendar-range-picker-input"
         placeholder="结束日期"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/date-picker/demo/start-end.md correctly 1`] = `
+exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:154px;">
+    style="width:154px;"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Start"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <span
     class="ant-calendar-picker"
-    style="width:154px;">
+    style="width:154px;"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="End"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
 `;
 
-exports[`test renders ./components/date-picker/demo/time.md correctly 1`] = `
+exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
 <div>
   <span
     class="ant-calendar-picker"
-    style="width:154px;">
+    style="width:154px;"
+  >
     <span>
       <input
         class="ant-calendar-picker-input ant-input"
         placeholder="Select Time"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
-    style="width:300px;">
+    style="width:300px;"
+  >
     <span
-      class="ant-calendar-picker-input ant-input">
+      class="ant-calendar-picker-input ant-input"
+    >
       <input
         class="ant-calendar-range-picker-input"
         placeholder="Start Time"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-range-picker-separator">
+        class="ant-calendar-range-picker-separator"
+      >
          ~ 
       </span>
       <input
         class="ant-calendar-range-picker-input"
         placeholder="End Time"
         readonly=""
-        value="" />
+        value=""
+      />
       <span
-        class="ant-calendar-picker-icon" />
+        class="ant-calendar-picker-icon"
+      />
     </span>
   </span>
 </div>
diff --git a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
index 0128665587..2ad16fab83 100644
--- a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -1,38 +1,48 @@
-exports[`test renders ./components/dropdown/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#">
+  href="#"
+>
   Hover me 
   <i
-    class="anticon anticon-down" />
+    class="anticon anticon-down"
+  />
 </a>
 `;
 
-exports[`test renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
 <div>
   <div
-    class="ant-btn-group ant-dropdown-button">
+    class="ant-btn-group ant-dropdown-button"
+  >
     <button
       class="ant-btn ant-btn-default"
-      type="button">
+      type="button"
+    >
       <span>
         Dropdown
       </span>
     </button>
     <button
       class="ant-btn ant-btn-default ant-dropdown-trigger"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-down" />
+        class="anticon anticon-down"
+      />
     </button>
   </div>
   <div
     class="ant-btn-group ant-dropdown-button"
-    style="margin-left:8px;">
+    style="margin-left:8px;"
+  >
     <button
       class="ant-btn ant-btn-default"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         Dropdown
       </span>
@@ -40,73 +50,86 @@ exports[`test renders ./components/dropdown/demo/dropdown-button.md correctly 1`
     <button
       class="ant-btn ant-btn-default ant-dropdown-trigger"
       disabled=""
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-down" />
+        class="anticon anticon-down"
+      />
     </button>
   </div>
   <button
     class="ant-btn ant-dropdown-trigger"
     style="margin-left:8px;"
-    type="button">
+    type="button"
+  >
     <span>
       Button 
     </span>
     <i
-      class="anticon anticon-down" />
+      class="anticon anticon-down"
+    />
   </button>
 </div>
 `;
 
-exports[`test renders ./components/dropdown/demo/event.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#">
+  href="#"
+>
   Hover me, Click menu item 
   <i
-    class="anticon anticon-down" />
+    class="anticon anticon-down"
+  />
 </a>
 `;
 
-exports[`test renders ./components/dropdown/demo/item.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#">
+  href="#"
+>
   Hover me 
   <i
-    class="anticon anticon-down" />
+    class="anticon anticon-down"
+  />
 </a>
 `;
 
-exports[`test renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#">
+  href="#"
+>
   Hover me 
   <i
-    class="anticon anticon-down" />
+    class="anticon anticon-down"
+  />
 </a>
 `;
 
-exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       bottomLeft
     </span>
   </button>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       bottomCenter
     </span>
   </button>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       bottomRight
     </span>
@@ -114,21 +137,24 @@ exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       topLeft
     </span>
   </button>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       topCenter
     </span>
   </button>
   <button
     class="ant-btn ant-dropdown-trigger"
-    type="button">
+    type="button"
+  >
     <span>
       topRight
     </span>
@@ -136,24 +162,28 @@ exports[`test renders ./components/dropdown/demo/placement.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
 <a
   class="ant-dropdown-link ant-dropdown-trigger"
-  href="#">
+  href="#"
+>
   Cascading menu 
   <i
-    class="anticon anticon-down" />
+    class="anticon anticon-down"
+  />
 </a>
 `;
 
-exports[`test renders ./components/dropdown/demo/trigger.md correctly 1`] = `
+exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
 <div>
   <a
     class="ant-dropdown-link ant-dropdown-trigger"
-    href="#">
+    href="#"
+  >
     Click me 
     <i
-      class="anticon anticon-down" />
+      class="anticon anticon-down"
+    />
   </a>
 </div>
 `;
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 743d9e08f6..7382e78827 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1,193 +1,242 @@
-exports[`test renders ./components/form/demo/advanced-search.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
 <div>
   <form
-    class="ant-form ant-form-horizontal ant-advanced-search-form">
+    class="ant-form ant-form-horizontal ant-advanced-search-form"
+  >
     <div
       class="ant-row"
-      style="margin-left:-20px;margin-right:-20px;">
+      style="margin-left:-20px;margin-right:-20px;"
+    >
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-0"
-              title="Field 0">
+              title="Field 0"
+            >
               Field 0
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-0"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-1"
-              title="Field 1">
+              title="Field 1"
+            >
               Field 1
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-1"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-2"
-              title="Field 2">
+              title="Field 2"
+            >
               Field 2
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-2"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-3"
-              title="Field 3">
+              title="Field 3"
+            >
               Field 3
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-3"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-4"
-              title="Field 4">
+              title="Field 4"
+            >
               Field 4
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-4"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
       <div
         class="ant-col-8"
-        style="padding-left:20px;padding-right:20px;">
+        style="padding-left:20px;padding-right:20px;"
+      >
         <div
-          class="ant-row ant-form-item">
+          class="ant-row ant-form-item"
+        >
           <div
-            class="ant-col-5 ant-form-item-label">
+            class="ant-col-5 ant-form-item-label"
+          >
             <label
               class=""
               for="field-5"
-              title="Field 5">
+              title="Field 5"
+            >
               Field 5
             </label>
           </div>
           <div
-            class="ant-col-19 ant-form-item-control-wrapper">
+            class="ant-col-19 ant-form-item-control-wrapper"
+          >
             <div
-              class="ant-form-item-control ">
+              class="ant-form-item-control "
+            >
               <input
                 class="ant-input ant-input-lg"
                 data-__meta="[object Object]"
                 id="field-5"
                 placeholder="placeholder"
                 type="text"
-                value="" />
+                value=""
+              />
             </div>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="ant-row">
+      class="ant-row"
+    >
       <div
         class="ant-col-24"
-        style="text-align:right;">
+        style="text-align:right;"
+      >
         <button
           class="ant-btn ant-btn-primary"
-          type="submit">
+          type="submit"
+        >
           <span>
             Search
           </span>
@@ -195,71 +244,88 @@ exports[`test renders ./components/form/demo/advanced-search.md correctly 1`] =
         <button
           class="ant-btn"
           style="margin-left:8px;"
-          type="button">
+          type="button"
+        >
           <span>
             Clear
           </span>
         </button>
         <a
-          style="margin-left:8px;font-size:12px;">
+          style="margin-left:8px;font-size:12px;"
+        >
           Collapse 
           <i
-            class="anticon anticon-down" />
+            class="anticon anticon-down"
+          />
         </a>
       </div>
     </div>
   </form>
   <div
-    class="search-result-list">
+    class="search-result-list"
+  >
     Search Result List
   </div>
 </div>
 `;
 
-exports[`test renders ./components/form/demo/coordinated.md correctly 1`] = `
+exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-4 ant-form-item-label">
+      class="ant-col-4 ant-form-item-label"
+    >
       <label
         class="ant-form-item-required"
         for="note"
-        title="Note">
+        title="Note"
+      >
         Note
       </label>
     </div>
     <div
-      class="ant-col-8 ant-form-item-control-wrapper">
+      class="ant-col-8 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <input
           class="ant-input ant-input-lg"
           data-__meta="[object Object]"
           id="note"
           type="text"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-4 ant-form-item-label">
+      class="ant-col-4 ant-form-item-label"
+    >
       <label
         class="ant-form-item-required"
         for="gender"
-        title="Gender">
+        title="Gender"
+      >
         Gender
       </label>
     </div>
     <div
-      class="ant-col-8 ant-form-item-control-wrapper">
+      class="ant-col-8 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-select-lg ant-select ant-select-enabled">
+          class="ant-select-lg ant-select ant-select-enabled"
+        >
           <div
             aria-autocomplete="list"
             aria-expanded="false"
@@ -267,20 +333,24 @@ exports[`test renders ./components/form/demo/coordinated.md correctly 1`] = `
             class="ant-select-selection
                       ant-select-selection--single"
             role="combobox"
-            tabindex="0">
+            tabindex="0"
+          >
             <div
-              class="ant-select-selection__rendered">
+              class="ant-select-selection__rendered"
+            >
               <div
                 class="ant-select-selection__placeholder"
                 style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 Select a option and change input text above
               </div>
             </div>
             <span
               class="ant-select-arrow"
               style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <b />
             </span>
           </div>
@@ -289,14 +359,18 @@ exports[`test renders ./components/form/demo/coordinated.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-8 ant-col-offset-4 ant-form-item-control-wrapper">
+      class="ant-col-8 ant-col-offset-4 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Submit
           </span>
@@ -307,33 +381,41 @@ exports[`test renders ./components/form/demo/coordinated.md correctly 1`] = `
 </form>
 `;
 
-exports[`test renders ./components/form/demo/customized-form-controls.md correctly 1`] = `
+exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`] = `
 <form
-  class="ant-form ant-form-inline">
+  class="ant-form ant-form-inline"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label">
+      class="ant-form-item-label"
+    >
       <label
         class=""
         for="price"
-        title="Price">
+        title="Price"
+      >
         Price
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control has-success">
+        class="ant-form-item-control has-success"
+      >
         <span>
           <input
             class="ant-input ant-input-lg"
             style="width:65%;margin-right:3%;"
             type="text"
-            value="0" />
+            value="0"
+          />
           <div
             class="ant-select-lg ant-select ant-select-enabled"
-            style="width:32%;">
+            style="width:32%;"
+          >
             <div
               aria-autocomplete="list"
               aria-expanded="false"
@@ -341,20 +423,24 @@ exports[`test renders ./components/form/demo/customized-form-controls.md correct
               class="ant-select-selection
                         ant-select-selection--single"
               role="combobox"
-              tabindex="0">
+              tabindex="0"
+            >
               <div
-                class="ant-select-selection__rendered">
+                class="ant-select-selection__rendered"
+              >
                 <div
                   class="ant-select-selection-selected-value"
                   style="display:block;opacity:1;"
-                  title="RMB">
+                  title="RMB"
+                >
                   RMB
                 </div>
               </div>
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 <b />
               </span>
             </div>
@@ -364,14 +450,18 @@ exports[`test renders ./components/form/demo/customized-form-controls.md correct
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Submit
           </span>
@@ -382,21 +472,27 @@ exports[`test renders ./components/form/demo/customized-form-controls.md correct
 </form>
 `;
 
-exports[`test renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
+exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-dashed ant-btn-lg"
           style="width:60%;"
-          type="button">
+          type="button"
+        >
           <i
-            class="anticon anticon-plus" />
+            class="anticon anticon-plus"
+          />
           <span>
              Add field
           </span>
@@ -405,14 +501,18 @@ exports[`test renders ./components/form/demo/dynamic-form-item.md correctly 1`]
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-20 ant-col-sm-offset-4"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Submit
           </span>
@@ -423,11 +523,12 @@ exports[`test renders ./components/form/demo/dynamic-form-item.md correctly 1`]
 </form>
 `;
 
-exports[`test renders ./components/form/demo/form-in-modal.md correctly 1`] = `
+exports[`renders ./components/form/demo/form-in-modal.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       New Collection
     </span>
@@ -435,62 +536,77 @@ exports[`test renders ./components/form/demo/form-in-modal.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/form/demo/global-state.md correctly 1`] = `
+exports[`renders ./components/form/demo/global-state.md correctly 1`] = `
 <div>
   <form
-    class="ant-form ant-form-inline">
+    class="ant-form ant-form-inline"
+  >
     <div
-      class="ant-row ant-form-item">
+      class="ant-row ant-form-item"
+    >
       <div
-        class="ant-form-item-label">
+        class="ant-form-item-label"
+      >
         <label
           class="ant-form-item-required"
           for="username"
-          title="Username">
+          title="Username"
+        >
           Username
         </label>
       </div>
       <div
-        class="ant-form-item-control-wrapper">
+        class="ant-form-item-control-wrapper"
+      >
         <div
-          class="ant-form-item-control has-success">
+          class="ant-form-item-control has-success"
+        >
           <input
             class="ant-input ant-input-lg"
             data-__meta="[object Object]"
             id="username"
             type="text"
-            value="BENJYCUI" />
+            value="BENJYCUI"
+          />
         </div>
       </div>
     </div>
   </form>
   <pre
-    class="language-bash">
+    class="language-bash"
+  >
     {
-      \"username\": {
-        \"value\": \"benjycui\"
+      "username": {
+        "value": "benjycui"
       }
     }
   </pre>
 </div>
 `;
 
-exports[`test renders ./components/form/demo/horizontal-login.md correctly 1`] = `
+exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
 <form
-  class="ant-form ant-form-inline">
+  class="ant-form ant-form-inline"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-input-preSuffix-wrapper">
+          class="ant-input-preSuffix-wrapper"
+        >
           <span
-            class="ant-input-prefix">
+            class="ant-input-prefix"
+          >
             <i
               class="anticon anticon-user"
-              style="font-size:13px;" />
+              style="font-size:13px;"
+            />
           </span>
           <input
             class="ant-input ant-input-lg"
@@ -498,24 +614,31 @@ exports[`test renders ./components/form/demo/horizontal-login.md correctly 1`] =
             id="userName"
             placeholder="Username"
             type="text"
-            value="" />
+            value=""
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-input-preSuffix-wrapper">
+          class="ant-input-preSuffix-wrapper"
+        >
           <span
-            class="ant-input-prefix">
+            class="ant-input-prefix"
+          >
             <i
               class="anticon anticon-lock"
-              style="font-size:13px;" />
+              style="font-size:13px;"
+            />
           </span>
           <input
             class="ant-input ant-input-lg"
@@ -523,20 +646,25 @@ exports[`test renders ./components/form/demo/horizontal-login.md correctly 1`] =
             id="password"
             placeholder="Password"
             type="password"
-            value="" />
+            value=""
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Log in
           </span>
@@ -547,64 +675,83 @@ exports[`test renders ./components/form/demo/horizontal-login.md correctly 1`] =
 </form>
 `;
 
-exports[`test renders ./components/form/demo/layout.md correctly 1`] = `
+exports[`renders ./components/form/demo/layout.md correctly 1`] = `
 <div>
   <form
-    class="ant-form ant-form-horizontal">
+    class="ant-form ant-form-horizontal"
+  >
     <div
-      class="ant-row ant-form-item">
+      class="ant-row ant-form-item"
+    >
       <div
-        class="ant-col-4 ant-form-item-label">
+        class="ant-col-4 ant-form-item-label"
+      >
         <label
           class=""
-          title="Form Layout">
+          title="Form Layout"
+        >
           Form Layout
         </label>
       </div>
       <div
-        class="ant-col-14 ant-form-item-control-wrapper">
+        class="ant-col-14 ant-form-item-control-wrapper"
+      >
         <div
-          class="ant-form-item-control ">
+          class="ant-form-item-control "
+        >
           <div
-            class="ant-radio-group ant-radio-group-large">
+            class="ant-radio-group ant-radio-group-large"
+          >
             <label
-              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+            >
               <span
-                class="ant-radio-button ant-radio-button-checked">
+                class="ant-radio-button ant-radio-button-checked"
+              >
                 <input
                   checked=""
                   class="ant-radio-button-input"
-                  type="radio" />
+                  type="radio"
+                />
                 <span
-                  class="ant-radio-button-inner" />
+                  class="ant-radio-button-inner"
+                />
               </span>
               <span>
                 Horizontal
               </span>
             </label>
             <label
-              class="ant-radio-button-wrapper">
+              class="ant-radio-button-wrapper"
+            >
               <span
-                class="ant-radio-button">
+                class="ant-radio-button"
+              >
                 <input
                   class="ant-radio-button-input"
-                  type="radio" />
+                  type="radio"
+                />
                 <span
-                  class="ant-radio-button-inner" />
+                  class="ant-radio-button-inner"
+                />
               </span>
               <span>
                 Vertical
               </span>
             </label>
             <label
-              class="ant-radio-button-wrapper">
+              class="ant-radio-button-wrapper"
+            >
               <span
-                class="ant-radio-button">
+                class="ant-radio-button"
+              >
                 <input
                   class="ant-radio-button-input"
-                  type="radio" />
+                  type="radio"
+                />
                 <span
-                  class="ant-radio-button-inner" />
+                  class="ant-radio-button-inner"
+                />
               </span>
               <span>
                 Inline
@@ -615,56 +762,72 @@ exports[`test renders ./components/form/demo/layout.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-row ant-form-item">
+      class="ant-row ant-form-item"
+    >
       <div
-        class="ant-col-4 ant-form-item-label">
+        class="ant-col-4 ant-form-item-label"
+      >
         <label
           class=""
-          title="Field A">
+          title="Field A"
+        >
           Field A
         </label>
       </div>
       <div
-        class="ant-col-14 ant-form-item-control-wrapper">
+        class="ant-col-14 ant-form-item-control-wrapper"
+      >
         <div
-          class="ant-form-item-control ">
+          class="ant-form-item-control "
+        >
           <input
             class="ant-input ant-input-lg"
             placeholder="input placeholder"
-            type="text" />
+            type="text"
+          />
         </div>
       </div>
     </div>
     <div
-      class="ant-row ant-form-item">
+      class="ant-row ant-form-item"
+    >
       <div
-        class="ant-col-4 ant-form-item-label">
+        class="ant-col-4 ant-form-item-label"
+      >
         <label
           class=""
-          title="Field B">
+          title="Field B"
+        >
           Field B
         </label>
       </div>
       <div
-        class="ant-col-14 ant-form-item-control-wrapper">
+        class="ant-col-14 ant-form-item-control-wrapper"
+      >
         <div
-          class="ant-form-item-control ">
+          class="ant-form-item-control "
+        >
           <input
             class="ant-input ant-input-lg"
             placeholder="input placeholder"
-            type="text" />
+            type="text"
+          />
         </div>
       </div>
     </div>
     <div
-      class="ant-row ant-form-item">
+      class="ant-row ant-form-item"
+    >
       <div
-        class="ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper">
+        class="ant-col-14 ant-col-offset-4 ant-form-item-control-wrapper"
+      >
         <div
-          class="ant-form-item-control ">
+          class="ant-form-item-control "
+        >
           <button
             class="ant-btn ant-btn-primary ant-btn-lg"
-            type="button">
+            type="button"
+          >
             <span>
               Submit
             </span>
@@ -676,22 +839,29 @@ exports[`test renders ./components/form/demo/layout.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/form/demo/normal-login.md correctly 1`] = `
+exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal login-form">
+  class="ant-form ant-form-horizontal login-form"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-input-preSuffix-wrapper">
+          class="ant-input-preSuffix-wrapper"
+        >
           <span
-            class="ant-input-prefix">
+            class="ant-input-prefix"
+          >
             <i
               class="anticon anticon-user"
-              style="font-size:13px;" />
+              style="font-size:13px;"
+            />
           </span>
           <input
             class="ant-input ant-input-lg"
@@ -699,24 +869,31 @@ exports[`test renders ./components/form/demo/normal-login.md correctly 1`] = `
             id="userName"
             placeholder="Username"
             type="text"
-            value="" />
+            value=""
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-input-preSuffix-wrapper">
+          class="ant-input-preSuffix-wrapper"
+        >
           <span
-            class="ant-input-prefix">
+            class="ant-input-prefix"
+          >
             <i
               class="anticon anticon-lock"
-              style="font-size:13px;" />
+              style="font-size:13px;"
+            />
           </span>
           <input
             class="ant-input ant-input-lg"
@@ -724,39 +901,49 @@ exports[`test renders ./components/form/demo/normal-login.md correctly 1`] = `
             id="password"
             placeholder="Password"
             type="password"
-            value="" />
+            value=""
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper">
+      class="ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control has-success">
+        class="ant-form-item-control has-success"
+      >
         <label
-          class="ant-checkbox-wrapper">
+          class="ant-checkbox-wrapper"
+        >
           <span
-            class="ant-checkbox ant-checkbox-checked">
+            class="ant-checkbox ant-checkbox-checked"
+          >
             <input
               checked=""
               class="ant-checkbox-input"
-              type="checkbox" />
+              type="checkbox"
+            />
             <span
-              class="ant-checkbox-inner" />
+              class="ant-checkbox-inner"
+            />
           </span>
           <span>
             Remember me
           </span>
         </label>
         <a
-          class="login-form-forgot">
+          class="login-form-forgot"
+        >
           Forgot password
         </a>
         <button
           class="ant-btn ant-btn-primary ant-btn-lg login-form-button"
-          type="submit">
+          type="submit"
+        >
           <span>
             Log in
           </span>
@@ -771,127 +958,159 @@ exports[`test renders ./components/form/demo/normal-login.md correctly 1`] = `
 </form>
 `;
 
-exports[`test renders ./components/form/demo/register.md correctly 1`] = `
+exports[`renders ./components/form/demo/register.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="email"
-        title="E-mail">
+        title="E-mail"
+      >
         E-mail
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <input
           class="ant-input ant-input-lg"
           data-__meta="[object Object]"
           id="email"
           type="text"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="password"
-        title="Password">
+        title="Password"
+      >
         Password
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <input
           class="ant-input ant-input-lg"
           data-__meta="[object Object]"
           id="password"
           type="password"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="confirm"
-        title="Confirm Password">
+        title="Confirm Password"
+      >
         Confirm Password
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <input
           class="ant-input ant-input-lg"
           data-__meta="[object Object]"
           id="confirm"
           type="password"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="nickname"
-        title="">
+        title=""
+      >
         <span>
           Nickname 
           <i
-            class="anticon anticon-question-circle-o" />
+            class="anticon anticon-question-circle-o"
+          />
         </span>
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <input
           class="ant-input ant-input-lg"
           data-__meta="[object Object]"
           id="nickname"
           type="text"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="residence"
-        title="Habitual Residence">
+        title="Habitual Residence"
+      >
         Habitual Residence
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control has-success">
+        class="ant-form-item-control has-success"
+      >
         <span
           class="ant-cascader-picker"
-          tabindex="0">
+          tabindex="0"
+        >
           <input
             autocomplete="off"
             class="ant-input ant-cascader-input ant-input-lg"
@@ -899,40 +1118,52 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
             id="residence"
             readonly=""
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-cascader-picker-label">
+            class="ant-cascader-picker-label"
+          >
             Zhejiang / Hangzhou / West Lake
           </span>
           <i
-            class="anticon anticon-cross-circle ant-cascader-picker-clear" />
+            class="anticon anticon-cross-circle ant-cascader-picker-clear"
+          />
           <i
-            class="anticon anticon-down ant-cascader-picker-arrow" />
+            class="anticon anticon-down ant-cascader-picker-arrow"
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="phone"
-        title="Phone Number">
+        title="Phone Number"
+      >
         Phone Number
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-input-wrapper ant-input-group">
+          class="ant-input-wrapper ant-input-group"
+        >
           <span
-            class="ant-input-group-addon">
+            class="ant-input-group-addon"
+          >
             <div
-              class="icp-selector ant-select ant-select-enabled">
+              class="icp-selector ant-select ant-select-enabled"
+            >
               <div
                 aria-autocomplete="list"
                 aria-expanded="false"
@@ -940,20 +1171,24 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
                 class="ant-select-selection
                           ant-select-selection--single"
                 role="combobox"
-                tabindex="0">
+                tabindex="0"
+              >
                 <div
-                  class="ant-select-selection__rendered">
+                  class="ant-select-selection__rendered"
+                >
                   <div
                     class="ant-select-selection-selected-value"
                     style="display:block;opacity:1;"
-                    title="+86">
+                    title="+86"
+                  >
                     +86
                   </div>
                 </div>
                 <span
                   class="ant-select-arrow"
                   style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable">
+                  unselectable="unselectable"
+                >
                   <b />
                 </span>
               </div>
@@ -964,45 +1199,56 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
             data-__meta="[object Object]"
             id="phone"
             type="text"
-            value="" />
+            value=""
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-6"
+    >
       <label
         class="ant-form-item-required"
         for="captcha"
-        title="Captcha">
+        title="Captcha"
+      >
         Captcha
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-14"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
           class="ant-row"
-          style="margin-left:-4px;margin-right:-4px;">
+          style="margin-left:-4px;margin-right:-4px;"
+        >
           <div
             class="ant-col-12"
-            style="padding-left:4px;padding-right:4px;">
+            style="padding-left:4px;padding-right:4px;"
+          >
             <input
               class="ant-input ant-input-lg"
               data-__meta="[object Object]"
               id="captcha"
               type="text"
-              value="" />
+              value=""
+            />
           </div>
           <div
             class="ant-col-12"
-            style="padding-left:4px;padding-right:4px;">
+            style="padding-left:4px;padding-right:4px;"
+          >
             <button
               class="ant-btn ant-btn-lg"
-              type="button">
+              type="button"
+            >
               <span>
                 Get captcha
               </span>
@@ -1010,7 +1256,8 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
           </div>
         </div>
         <div
-          class="ant-form-extra">
+          class="ant-form-extra"
+        >
           We must make sure that your are a human.
         </div>
       </div>
@@ -1018,20 +1265,27 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
   </div>
   <div
     class="ant-row ant-form-item"
-    style="margin-bottom:8px;">
+    style="margin-bottom:8px;"
+  >
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-14 ant-col-sm-offset-6">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-14 ant-col-sm-offset-6"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <label
-          class="ant-checkbox-wrapper">
+          class="ant-checkbox-wrapper"
+        >
           <span
-            class="ant-checkbox">
+            class="ant-checkbox"
+          >
             <input
               class="ant-checkbox-input"
-              type="checkbox" />
+              type="checkbox"
+            />
             <span
-              class="ant-checkbox-inner" />
+              class="ant-checkbox-inner"
+            />
           </span>
           <span>
             I have read the 
@@ -1044,14 +1298,18 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-14 ant-col-sm-offset-6">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-14 ant-col-sm-offset-6"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Register
           </span>
@@ -1062,219 +1320,278 @@ exports[`test renders ./components/form/demo/register.md correctly 1`] = `
 </form>
 `;
 
-exports[`test renders ./components/form/demo/time-related-controls.md correctly 1`] = `
+exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="date-picker"
-        title="DatePicker">
+        title="DatePicker"
+      >
         DatePicker
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-calendar-picker">
+          class="ant-calendar-picker"
+        >
           <span>
             <input
               class="ant-calendar-picker-input ant-input ant-input-lg"
               placeholder="请选择日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-picker-icon" />
+              class="ant-calendar-picker-icon"
+            />
           </span>
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="date-time-picker"
-        title="DatePicker[showTime]">
+        title="DatePicker[showTime]"
+      >
         DatePicker[showTime]
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
           class="ant-calendar-picker"
-          style="width:154px;">
+          style="width:154px;"
+        >
           <span>
             <input
               class="ant-calendar-picker-input ant-input ant-input-lg"
               placeholder="请选择日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-picker-icon" />
+              class="ant-calendar-picker-icon"
+            />
           </span>
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="month-picker"
-        title="MonthPicker">
+        title="MonthPicker"
+      >
         MonthPicker
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-calendar-picker">
+          class="ant-calendar-picker"
+        >
           <span>
             <input
               class="ant-calendar-picker-input ant-input ant-input-lg"
               placeholder="请选择日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-picker-icon" />
+              class="ant-calendar-picker-icon"
+            />
           </span>
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="range-picker"
-        title="RangePicker">
+        title="RangePicker"
+      >
         RangePicker
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-calendar-picker">
+          class="ant-calendar-picker"
+        >
           <span
-            class="ant-calendar-picker-input ant-input ant-input-lg">
+            class="ant-calendar-picker-input ant-input ant-input-lg"
+          >
             <input
               class="ant-calendar-range-picker-input"
               placeholder="开始日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-range-picker-separator">
+              class="ant-calendar-range-picker-separator"
+            >
                ~ 
             </span>
             <input
               class="ant-calendar-range-picker-input"
               placeholder="结束日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-picker-icon" />
+              class="ant-calendar-picker-icon"
+            />
           </span>
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="range-time-picker"
-        title="RangePicker[showTime]">
+        title="RangePicker[showTime]"
+      >
         RangePicker[showTime]
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
           class="ant-calendar-picker"
-          style="width:300px;">
+          style="width:300px;"
+        >
           <span
-            class="ant-calendar-picker-input ant-input ant-input-lg">
+            class="ant-calendar-picker-input ant-input ant-input-lg"
+          >
             <input
               class="ant-calendar-range-picker-input"
               placeholder="开始日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-range-picker-separator">
+              class="ant-calendar-range-picker-separator"
+            >
                ~ 
             </span>
             <input
               class="ant-calendar-range-picker-input"
               placeholder="结束日期"
               readonly=""
-              value="" />
+              value=""
+            />
             <span
-              class="ant-calendar-picker-icon" />
+              class="ant-calendar-picker-icon"
+            />
           </span>
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-8"
+    >
       <label
         class="ant-form-item-required"
         for="time-picker"
-        title="TimePicker">
+        title="TimePicker"
+      >
         TimePicker
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-16"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-time-picker ant-time-picker-large">
+          class="ant-time-picker ant-time-picker-large"
+        >
           <input
             class="ant-time-picker-input"
             placeholder="请选择时间"
             readonly=""
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-time-picker-icon" />
+            class="ant-time-picker-icon"
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Submit
           </span>
@@ -1285,47 +1602,60 @@ exports[`test renders ./components/form/demo/time-related-controls.md correctly
 </form>
 `;
 
-exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
+exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
-        title="Nation">
+        title="Nation"
+      >
         Nation
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="ant-form-text">
+          class="ant-form-text"
+        >
           China
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class="ant-form-item-required"
         for="select"
-        title="Select">
+        title="Select"
+      >
         Select
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-select-lg ant-select ant-select-enabled">
+          class="ant-select-lg ant-select ant-select-enabled"
+        >
           <div
             aria-autocomplete="list"
             aria-expanded="false"
@@ -1333,20 +1663,24 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
             class="ant-select-selection
                       ant-select-selection--single"
             role="combobox"
-            tabindex="0">
+            tabindex="0"
+          >
             <div
-              class="ant-select-selection__rendered">
+              class="ant-select-selection__rendered"
+            >
               <div
                 class="ant-select-selection__placeholder"
                 style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 Please select a country
               </div>
             </div>
             <span
               class="ant-select-arrow"
               style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <b />
             </span>
           </div>
@@ -1355,47 +1689,60 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class="ant-form-item-required"
         for="select-multiple"
-        title="Select[multiple]">
+        title="Select[multiple]"
+      >
         Select[multiple]
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-select-lg ant-select ant-select-enabled">
+          class="ant-select-lg ant-select ant-select-enabled"
+        >
           <div
             aria-autocomplete="list"
             aria-expanded="false"
             aria-haspopup="true"
             class="ant-select-selection
                       ant-select-selection--multiple"
-            role="combobox">
+            role="combobox"
+          >
             <div
-              class="ant-select-selection__rendered">
+              class="ant-select-selection__rendered"
+            >
               <div
                 class="ant-select-selection__placeholder"
                 style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 Please select favourite colors
               </div>
               <ul>
                 <li
-                  class="ant-select-search ant-select-search--inline">
+                  class="ant-select-search ant-select-search--inline"
+                >
                   <div
-                    class="ant-select-search__field__wrap">
+                    class="ant-select-search__field__wrap"
+                  >
                     <input
                       class="ant-select-search__field"
-                      value="" />
+                      value=""
+                    />
                     <span
-                      class="ant-select-search__field__mirror">
+                      class="ant-select-search__field__mirror"
+                    >
                        
                     </span>
                   </div>
@@ -1408,158 +1755,202 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="input-number"
-        title="InputNumber">
+        title="InputNumber"
+      >
         InputNumber
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control has-success">
+        class="ant-form-item-control has-success"
+      >
         <div
-          class="ant-input-number ant-input-number-lg">
+          class="ant-input-number ant-input-number-lg"
+        >
           <div
-            class="ant-input-number-handler-wrap">
+            class="ant-input-number-handler-wrap"
+          >
             <span
               class="ant-input-number-handler ant-input-number-handler-up "
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <span
                 class="ant-input-number-handler-up-inner"
-                unselectable="unselectable" />
+                unselectable="unselectable"
+              />
             </span>
             <span
               class="ant-input-number-handler ant-input-number-handler-down "
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <span
                 class="ant-input-number-handler-down-inner"
-                unselectable="unselectable" />
+                unselectable="unselectable"
+              />
             </span>
           </div>
           <div
-            class="ant-input-number-input-wrap">
+            class="ant-input-number-input-wrap"
+          >
             <input
               autocomplete="off"
               class="ant-input-number-input"
               max="10"
               min="1"
-              value="3" />
+              value="3"
+            />
           </div>
         </div>
         <span
-          class="ant-form-text">
+          class="ant-form-text"
+        >
            machines
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="switch"
-        title="Switch">
+        title="Switch"
+      >
         Switch
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
           class="ant-switch"
           data-__meta="[object Object]"
           id="switch"
-          tabindex="0">
+          tabindex="0"
+        >
           <span
-            class="ant-switch-inner" />
+            class="ant-switch-inner"
+          />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="slider"
-        title="Slider">
+        title="Slider"
+      >
         Slider
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-slider ant-slider-with-marks">
+          class="ant-slider ant-slider-with-marks"
+        >
           <div
-            class="ant-slider-rail" />
+            class="ant-slider-rail"
+          />
           <div
             class="ant-slider-track"
-            style="visibility:visible;left:0%;width:0%;" />
+            style="visibility:visible;left:0%;width:0%;"
+          />
           <div
-            class="ant-slider-step">
+            class="ant-slider-step"
+          >
             <span
               class="ant-slider-dot ant-slider-dot-active"
-              style="left:0%;" />
+              style="left:0%;"
+            />
             <span
               class="ant-slider-dot"
-              style="left:20%;" />
+              style="left:20%;"
+            />
             <span
               class="ant-slider-dot"
-              style="left:40%;" />
+              style="left:40%;"
+            />
             <span
               class="ant-slider-dot"
-              style="left:60%;" />
+              style="left:60%;"
+            />
             <span
               class="ant-slider-dot"
-              style="left:80%;" />
+              style="left:80%;"
+            />
             <span
               class="ant-slider-dot"
-              style="left:100%;" />
+              style="left:100%;"
+            />
           </div>
           <div
             class="ant-slider-handle"
-            style="left:0%;" />
+            style="left:0%;"
+          />
           <div
-            class="ant-slider-mark">
+            class="ant-slider-mark"
+          >
             <span
               class="ant-slider-mark-text ant-slider-mark-text-active"
-              style="width:18%;margin-left:-9%;left:0%;">
+              style="width:18%;margin-left:-9%;left:0%;"
+            >
               A
             </span>
             <span
               class="ant-slider-mark-text"
-              style="width:18%;margin-left:-9%;left:20%;">
+              style="width:18%;margin-left:-9%;left:20%;"
+            >
               B
             </span>
             <span
               class="ant-slider-mark-text"
-              style="width:18%;margin-left:-9%;left:40%;">
+              style="width:18%;margin-left:-9%;left:40%;"
+            >
               C
             </span>
             <span
               class="ant-slider-mark-text"
-              style="width:18%;margin-left:-9%;left:60%;">
+              style="width:18%;margin-left:-9%;left:60%;"
+            >
               D
             </span>
             <span
               class="ant-slider-mark-text"
-              style="width:18%;margin-left:-9%;left:80%;">
+              style="width:18%;margin-left:-9%;left:80%;"
+            >
               E
             </span>
             <span
               class="ant-slider-mark-text"
-              style="width:18%;margin-left:-9%;left:100%;">
+              style="width:18%;margin-left:-9%;left:100%;"
+            >
               F
             </span>
           </div>
@@ -1568,59 +1959,77 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="radio-group"
-        title="Radio.Group">
+        title="Radio.Group"
+      >
         Radio.Group
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-radio-group ant-radio-group-large">
+          class="ant-radio-group ant-radio-group-large"
+        >
           <label
-            class="ant-radio-wrapper">
+            class="ant-radio-wrapper"
+          >
             <span
-              class="ant-radio">
+              class="ant-radio"
+            >
               <input
                 class="ant-radio-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-inner" />
+                class="ant-radio-inner"
+              />
             </span>
             <span>
               item 1
             </span>
           </label>
           <label
-            class="ant-radio-wrapper">
+            class="ant-radio-wrapper"
+          >
             <span
-              class="ant-radio">
+              class="ant-radio"
+            >
               <input
                 class="ant-radio-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-inner" />
+                class="ant-radio-inner"
+              />
             </span>
             <span>
               item 2
             </span>
           </label>
           <label
-            class="ant-radio-wrapper">
+            class="ant-radio-wrapper"
+          >
             <span
-              class="ant-radio">
+              class="ant-radio"
+            >
               <input
                 class="ant-radio-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-inner" />
+                class="ant-radio-inner"
+              />
             </span>
             <span>
               item 3
@@ -1631,59 +2040,77 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="radio-button"
-        title="Radio.Button">
+        title="Radio.Button"
+      >
         Radio.Button
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-radio-group ant-radio-group-large">
+          class="ant-radio-group ant-radio-group-large"
+        >
           <label
-            class="ant-radio-button-wrapper">
+            class="ant-radio-button-wrapper"
+          >
             <span
-              class="ant-radio-button">
+              class="ant-radio-button"
+            >
               <input
                 class="ant-radio-button-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-button-inner" />
+                class="ant-radio-button-inner"
+              />
             </span>
             <span>
               item 1
             </span>
           </label>
           <label
-            class="ant-radio-button-wrapper">
+            class="ant-radio-button-wrapper"
+          >
             <span
-              class="ant-radio-button">
+              class="ant-radio-button"
+            >
               <input
                 class="ant-radio-button-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-button-inner" />
+                class="ant-radio-button-inner"
+              />
             </span>
             <span>
               item 2
             </span>
           </label>
           <label
-            class="ant-radio-button-wrapper">
+            class="ant-radio-button-wrapper"
+          >
             <span
-              class="ant-radio-button">
+              class="ant-radio-button"
+            >
               <input
                 class="ant-radio-button-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-button-inner" />
+                class="ant-radio-button-inner"
+              />
             </span>
             <span>
               item 3
@@ -1694,72 +2121,94 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="upload"
-        title="Upload">
+        title="Upload"
+      >
         Upload
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <span
-          class="">
+          class=""
+        >
           <div
             class="ant-upload ant-upload-select ant-upload-select-picture"
-            style="display:;" />
+            style="display:;"
+          />
           <div
-            class="ant-upload-list ant-upload-list-picture" />
+            class="ant-upload-list ant-upload-list-picture"
+          />
         </span>
         <div
-          class="ant-form-extra">
+          class="ant-form-extra"
+        >
           longgggggggggggggggggggggggggggggggggg
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-6 ant-form-item-label">
+      class="ant-col-6 ant-form-item-label"
+    >
       <label
         class=""
         for="dragger"
-        title="Dragger">
+        title="Dragger"
+      >
         Dragger
       </label>
     </div>
     <div
-      class="ant-col-14 ant-form-item-control-wrapper">
+      class="ant-col-14 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="dropbox">
+          class="dropbox"
+        >
           <span
-            class="">
+            class=""
+          >
             <div
-              class="ant-upload ant-upload-drag" />
+              class="ant-upload ant-upload-drag"
+            />
             <div
-              class="ant-upload-list ant-upload-list-text" />
+              class="ant-upload-list ant-upload-list-text"
+            />
           </span>
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper">
+      class="ant-col-12 ant-col-offset-6 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <button
           class="ant-btn ant-btn-primary ant-btn-lg"
-          type="submit">
+          type="submit"
+        >
           <span>
             Submit
           </span>
@@ -1770,189 +2219,242 @@ exports[`test renders ./components/form/demo/validate-other.md correctly 1`] = `
 </form>
 `;
 
-exports[`test renders ./components/form/demo/validate-static.md correctly 1`] = `
+exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item ant-form-item-with-help">
+    class="ant-row ant-form-item ant-form-item-with-help"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Fail">
+        title="Fail"
+      >
         Fail
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-error">
+        class="ant-form-item-control has-error"
+      >
         <input
           class="ant-input ant-input-lg"
           id="error"
           placeholder="unavailable choice"
-          type="text" />
+          type="text"
+        />
         <div
-          class="ant-form-explain">
+          class="ant-form-explain"
+        >
           Should be combination of numbers & alphabets
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Warning">
+        title="Warning"
+      >
         Warning
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-warning">
+        class="ant-form-item-control has-warning"
+      >
         <input
           class="ant-input ant-input-lg"
           id="warning"
           placeholder="Warning"
-          type="text" />
+          type="text"
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item ant-form-item-with-help">
+    class="ant-row ant-form-item ant-form-item-with-help"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Validating">
+        title="Validating"
+      >
         Validating
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-feedback is-validating">
+        class="ant-form-item-control has-feedback is-validating"
+      >
         <input
           class="ant-input ant-input-lg"
           id="validating"
-          placeholder="I\'m the content is being validated"
-          type="text" />
+          placeholder="I'm the content is being validated"
+          type="text"
+        />
         <div
-          class="ant-form-explain">
+          class="ant-form-explain"
+        >
           The information is being validated...
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Success">
+        title="Success"
+      >
         Success
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-feedback has-success">
+        class="ant-form-item-control has-feedback has-success"
+      >
         <input
           class="ant-input ant-input-lg"
           id="success"
-          placeholder="I\'m the content"
-          type="text" />
+          placeholder="I'm the content"
+          type="text"
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item">
+    class="ant-row ant-form-item"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Warning">
+        title="Warning"
+      >
         Warning
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-feedback has-warning">
+        class="ant-form-item-control has-feedback has-warning"
+      >
         <input
           class="ant-input ant-input-lg"
           id="warning"
           placeholder="Warning"
-          type="text" />
+          type="text"
+        />
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item ant-form-item-with-help">
+    class="ant-row ant-form-item ant-form-item-with-help"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="Fail">
+        title="Fail"
+      >
         Fail
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-12"
+    >
       <div
-        class="ant-form-item-control has-feedback has-error">
+        class="ant-form-item-control has-feedback has-error"
+      >
         <input
           class="ant-input ant-input-lg"
           id="error"
           placeholder="unavailable choice"
-          type="text" />
+          type="text"
+        />
         <div
-          class="ant-form-explain">
+          class="ant-form-explain"
+        >
           Should be combination of numbers & alphabets
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row ant-form-item ant-form-item-with-help">
+    class="ant-row ant-form-item ant-form-item-with-help"
+  >
     <div
-      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5">
+      class="ant-form-item-label ant-col-xs-24 ant-col-sm-5"
+    >
       <label
         class=""
-        title="inline">
+        title="inline"
+      >
         inline
       </label>
     </div>
     <div
-      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-19">
+      class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-sm-19"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-col-6">
+          class="ant-col-6"
+        >
           <div
-            class="ant-row ant-form-item ant-form-item-with-help">
+            class="ant-row ant-form-item ant-form-item-with-help"
+          >
             <div
-              class="ant-form-item-control-wrapper">
+              class="ant-form-item-control-wrapper"
+            >
               <div
-                class="ant-form-item-control has-error">
+                class="ant-form-item-control has-error"
+              >
                 <span
-                  class="ant-calendar-picker">
+                  class="ant-calendar-picker"
+                >
                   <span>
                     <input
                       class="ant-calendar-picker-input ant-input ant-input-lg"
                       placeholder="请选择日期"
                       readonly=""
-                      value="" />
+                      value=""
+                    />
                     <span
-                      class="ant-calendar-picker-icon" />
+                      class="ant-calendar-picker-icon"
+                    />
                   </span>
                 </span>
                 <div
-                  class="ant-form-explain">
+                  class="ant-form-explain"
+                >
                   Please select the correct date
                 </div>
               </div>
@@ -1960,30 +2462,39 @@ exports[`test renders ./components/form/demo/validate-static.md correctly 1`] =
           </div>
         </div>
         <div
-          class="ant-col-1">
+          class="ant-col-1"
+        >
           <p
-            class="ant-form-split">
+            class="ant-form-split"
+          >
             -
           </p>
         </div>
         <div
-          class="ant-col-6">
+          class="ant-col-6"
+        >
           <div
-            class="ant-row ant-form-item">
+            class="ant-row ant-form-item"
+          >
             <div
-              class="ant-form-item-control-wrapper">
+              class="ant-form-item-control-wrapper"
+            >
               <div
-                class="ant-form-item-control ">
+                class="ant-form-item-control "
+              >
                 <span
-                  class="ant-calendar-picker">
+                  class="ant-calendar-picker"
+                >
                   <span>
                     <input
                       class="ant-calendar-picker-input ant-input ant-input-lg"
                       placeholder="请选择日期"
                       readonly=""
-                      value="" />
+                      value=""
+                    />
                     <span
-                      class="ant-calendar-picker-icon" />
+                      class="ant-calendar-picker-icon"
+                    />
                   </span>
                 </span>
               </div>
@@ -1991,61 +2502,77 @@ exports[`test renders ./components/form/demo/validate-static.md correctly 1`] =
           </div>
         </div>
         <div
-          class="ant-form-explain" />
+          class="ant-form-explain"
+        />
       </div>
     </div>
   </div>
 </form>
 `;
 
-exports[`test renders ./components/form/demo/without-form-create.md correctly 1`] = `
+exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
 <form
-  class="ant-form ant-form-horizontal">
+  class="ant-form ant-form-horizontal"
+>
   <div
-    class="ant-row ant-form-item ant-form-item-with-help">
+    class="ant-row ant-form-item ant-form-item-with-help"
+  >
     <div
-      class="ant-col-7 ant-form-item-label">
+      class="ant-col-7 ant-form-item-label"
+    >
       <label
         class=""
-        title="Prime between 8 & 12">
+        title="Prime between 8 & 12"
+      >
         Prime between 8 & 12
       </label>
     </div>
     <div
-      class="ant-col-12 ant-form-item-control-wrapper">
+      class="ant-col-12 ant-form-item-control-wrapper"
+    >
       <div
-        class="ant-form-item-control ">
+        class="ant-form-item-control "
+      >
         <div
-          class="ant-input-number ant-input-number-lg">
+          class="ant-input-number ant-input-number-lg"
+        >
           <div
-            class="ant-input-number-handler-wrap">
+            class="ant-input-number-handler-wrap"
+          >
             <span
               class="ant-input-number-handler ant-input-number-handler-up "
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <span
                 class="ant-input-number-handler-up-inner"
-                unselectable="unselectable" />
+                unselectable="unselectable"
+              />
             </span>
             <span
               class="ant-input-number-handler ant-input-number-handler-down "
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <span
                 class="ant-input-number-handler-down-inner"
-                unselectable="unselectable" />
+                unselectable="unselectable"
+              />
             </span>
           </div>
           <div
-            class="ant-input-number-input-wrap">
+            class="ant-input-number-input-wrap"
+          >
             <input
               autocomplete="off"
               class="ant-input-number-input"
               max="12"
               min="8"
-              value="11" />
+              value="11"
+            />
           </div>
         </div>
         <div
-          class="ant-form-explain">
+          class="ant-form-explain"
+        >
           A prime is a natural number greater than 1 that has no positive divisors other than 1 and itself.
         </div>
       </div>
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index 9a95a792c9..727ccdd5e5 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -1,74 +1,93 @@
-exports[`test renders ./components/grid/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/grid/demo/basic.md correctly 1`] = `
 <div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-12">
+      class="ant-col-12"
+    >
       col-12
     </div>
     <div
-      class="ant-col-12">
+      class="ant-col-12"
+    >
       col-12
     </div>
   </div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       col-8
     </div>
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       col-8
     </div>
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       col-8
     </div>
   </div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-6">
+      class="ant-col-6"
+    >
       col-6
     </div>
     <div
-      class="ant-col-6">
+      class="ant-col-6"
+    >
       col-6
     </div>
     <div
-      class="ant-col-6">
+      class="ant-col-6"
+    >
       col-6
     </div>
     <div
-      class="ant-col-6">
+      class="ant-col-6"
+    >
       col-6
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
+exports[`renders ./components/grid/demo/flex.md correctly 1`] = `
 <div>
   <p>
     sub-element align left
   </p>
   <div
-    class="ant-row-flex ant-row-flex-start">
+    class="ant-row-flex ant-row-flex-start"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
   </div>
@@ -76,21 +95,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
     sub-element align center
   </p>
   <div
-    class="ant-row-flex ant-row-flex-center">
+    class="ant-row-flex ant-row-flex-center"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
   </div>
@@ -98,21 +122,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
     sub-element align right
   </p>
   <div
-    class="ant-row-flex ant-row-flex-end">
+    class="ant-row-flex ant-row-flex-end"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
   </div>
@@ -120,21 +149,26 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
     sub-element monospaced arrangement
   </p>
   <div
-    class="ant-row-flex ant-row-flex-space-between">
+    class="ant-row-flex ant-row-flex-space-between"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
   </div>
@@ -142,59 +176,73 @@ exports[`test renders ./components/grid/demo/flex.md correctly 1`] = `
     sub-element align full
   </p>
   <div
-    class="ant-row-flex ant-row-flex-space-around">
+    class="ant-row-flex ant-row-flex-space-around"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       col-4
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
+exports[`renders ./components/grid/demo/flex-align.md correctly 1`] = `
 <div>
   <p>
     Align Top
   </p>
   <div
-    class="ant-row-flex ant-row-flex-center ant-row-flex-top">
+    class="ant-row-flex ant-row-flex-center ant-row-flex-top"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-100">
+        class="height-100"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-50">
+        class="height-50"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-120">
+        class="height-120"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-80">
+        class="height-80"
+      >
         col-4
       </p>
     </div>
@@ -203,32 +251,41 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
     Align Center
   </p>
   <div
-    class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle">
+    class="ant-row-flex ant-row-flex-space-around ant-row-flex-middle"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-100">
+        class="height-100"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-50">
+        class="height-50"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-120">
+        class="height-120"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-80">
+        class="height-80"
+      >
         col-4
       </p>
     </div>
@@ -237,32 +294,41 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
     Align Bottom
   </p>
   <div
-    class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom">
+    class="ant-row-flex ant-row-flex-space-between ant-row-flex-bottom"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-100">
+        class="height-100"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-50">
+        class="height-50"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-120">
+        class="height-120"
+      >
         col-4
       </p>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <p
-        class="height-80">
+        class="height-80"
+      >
         col-4
       </p>
     </div>
@@ -270,65 +336,80 @@ exports[`test renders ./components/grid/demo/flex-align.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/flex-order.md correctly 1`] = `
+exports[`renders ./components/grid/demo/flex-order.md correctly 1`] = `
 <div>
   <div
-    class="ant-row-flex">
+    class="ant-row-flex"
+  >
     <div
-      class="ant-col-6 ant-col-order-4">
+      class="ant-col-6 ant-col-order-4"
+    >
       1 col-order-4
     </div>
     <div
-      class="ant-col-6 ant-col-order-3">
+      class="ant-col-6 ant-col-order-3"
+    >
       2 col-order-3
     </div>
     <div
-      class="ant-col-6 ant-col-order-2">
+      class="ant-col-6 ant-col-order-2"
+    >
       3 col-order-2
     </div>
     <div
-      class="ant-col-6 ant-col-order-1">
+      class="ant-col-6 ant-col-order-1"
+    >
       4 col-order-1
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/gutter.md correctly 1`] = `
+exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
 <div
-  class="gutter-example">
+  class="gutter-example"
+>
   <div
     class="ant-row"
-    style="margin-left:-8px;margin-right:-8px;">
+    style="margin-left:-8px;margin-right:-8px;"
+  >
     <div
       class="ant-col-6 gutter-row"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div
-        class="gutter-box">
+        class="gutter-box"
+      >
         col-6
       </div>
     </div>
     <div
       class="ant-col-6 gutter-row"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div
-        class="gutter-box">
+        class="gutter-box"
+      >
         col-6
       </div>
     </div>
     <div
       class="ant-col-6 gutter-row"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div
-        class="gutter-box">
+        class="gutter-box"
+      >
         col-6
       </div>
     </div>
     <div
       class="ant-col-6 gutter-row"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div
-        class="gutter-box">
+        class="gutter-box"
+      >
         col-6
       </div>
     </div>
@@ -336,183 +417,232 @@ exports[`test renders ./components/grid/demo/gutter.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/offset.md correctly 1`] = `
+exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
 <div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       col-8
     </div>
     <div
-      class="ant-col-8 ant-col-offset-8">
+      class="ant-col-8 ant-col-offset-8"
+    >
       col-8
     </div>
   </div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-6 ant-col-offset-6">
+      class="ant-col-6 ant-col-offset-6"
+    >
       col-6 col-offset-6
     </div>
     <div
-      class="ant-col-6 ant-col-offset-6">
+      class="ant-col-6 ant-col-offset-6"
+    >
       col-6 col-offset-6
     </div>
   </div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-12 ant-col-offset-6">
+      class="ant-col-12 ant-col-offset-6"
+    >
       col-12 col-offset-6
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
+exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
 <div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <span
-      style="margin-right:6px;">
+      style="margin-right:6px;"
+    >
       Gutter (px): 
     </span>
     <div
-      style="width:50%;">
+      style="width:50%;"
+    >
       <div
-        class="ant-slider ant-slider-with-marks">
+        class="ant-slider ant-slider-with-marks"
+      >
         <div
-          class="ant-slider-rail" />
+          class="ant-slider-rail"
+        />
         <div
           class="ant-slider-track"
-          style="visibility:visible;left:0%;width:20%;" />
+          style="visibility:visible;left:0%;width:20%;"
+        />
         <div
-          class="ant-slider-step">
+          class="ant-slider-step"
+        >
           <span
             class="ant-slider-dot ant-slider-dot-active"
-            style="left:0%;" />
+            style="left:0%;"
+          />
           <span
             class="ant-slider-dot ant-slider-dot-active"
-            style="left:20%;" />
+            style="left:20%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:40%;" />
+            style="left:40%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:60%;" />
+            style="left:60%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:80%;" />
+            style="left:80%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:100%;" />
+            style="left:100%;"
+          />
         </div>
         <div
           class="ant-slider-handle"
-          style="left:20%;" />
+          style="left:20%;"
+        />
         <div
-          class="ant-slider-mark">
+          class="ant-slider-mark"
+        >
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:0%;">
+            style="width:18%;margin-left:-9%;left:0%;"
+          >
             8
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%;">
+            style="width:18%;margin-left:-9%;left:20%;"
+          >
             16
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:40%;">
+            style="width:18%;margin-left:-9%;left:40%;"
+          >
             24
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%;">
+            style="width:18%;margin-left:-9%;left:60%;"
+          >
             32
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%;">
+            style="width:18%;margin-left:-9%;left:80%;"
+          >
             40
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%;">
+            style="width:18%;margin-left:-9%;left:100%;"
+          >
             48
           </span>
         </div>
       </div>
     </div>
     <span
-      style="margin-right:6px;">
+      style="margin-right:6px;"
+    >
       Column Count:
     </span>
     <div
-      style="width:50%;">
+      style="width:50%;"
+    >
       <div
-        class="ant-slider ant-slider-with-marks">
+        class="ant-slider ant-slider-with-marks"
+      >
         <div
-          class="ant-slider-rail" />
+          class="ant-slider-rail"
+        />
         <div
           class="ant-slider-track"
-          style="visibility:visible;left:0%;width:40%;" />
+          style="visibility:visible;left:0%;width:40%;"
+        />
         <div
-          class="ant-slider-step">
+          class="ant-slider-step"
+        >
           <span
             class="ant-slider-dot ant-slider-dot-active"
-            style="left:0%;" />
+            style="left:0%;"
+          />
           <span
             class="ant-slider-dot ant-slider-dot-active"
-            style="left:20%;" />
+            style="left:20%;"
+          />
           <span
             class="ant-slider-dot ant-slider-dot-active"
-            style="left:40%;" />
+            style="left:40%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:60%;" />
+            style="left:60%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:80%;" />
+            style="left:80%;"
+          />
           <span
             class="ant-slider-dot"
-            style="left:100%;" />
+            style="left:100%;"
+          />
         </div>
         <div
           class="ant-slider-handle"
-          style="left:40%;" />
+          style="left:40%;"
+        />
         <div
-          class="ant-slider-mark">
+          class="ant-slider-mark"
+        >
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:0%;">
+            style="width:18%;margin-left:-9%;left:0%;"
+          >
             2
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%;">
+            style="width:18%;margin-left:-9%;left:20%;"
+          >
             3
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:40%;">
+            style="width:18%;margin-left:-9%;left:40%;"
+          >
             4
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%;">
+            style="width:18%;margin-left:-9%;left:60%;"
+          >
             6
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%;">
+            style="width:18%;margin-left:-9%;left:80%;"
+          >
             8
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%;">
+            style="width:18%;margin-left:-9%;left:100%;"
+          >
             12
           </span>
         </div>
@@ -521,93 +651,109 @@ exports[`test renders ./components/grid/demo/playground.md correctly 1`] = `
   </div>
   <div
     class="ant-row"
-    style="margin-left:-8px;margin-right:-8px;">
+    style="margin-left:-8px;margin-right:-8px;"
+  >
     <div
       class="ant-col-6"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div>
         Column
       </div>
     </div>
     <div
       class="ant-col-6"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div>
         Column
       </div>
     </div>
     <div
       class="ant-col-6"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div>
         Column
       </div>
     </div>
     <div
       class="ant-col-6"
-      style="padding-left:8px;padding-right:8px;">
+      style="padding-left:8px;padding-right:8px;"
+    >
       <div>
         Column
       </div>
     </div>
   </div>
   <pre>
-    <Row gutter={16}>
-      <Col span={6} />
-      <Col span={6} />
-      <Col span={6} />
-      <Col span={6} />
-    </Row>
+    &lt;Row gutter={16}&gt;
+      &lt;Col span={6} /&gt;
+      &lt;Col span={6} /&gt;
+      &lt;Col span={6} /&gt;
+      &lt;Col span={6} /&gt;
+    &lt;/Row&gt;
   </pre>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/reponsive.md correctly 1`] = `
+exports[`renders ./components/grid/demo/reponsive.md correctly 1`] = `
 <div
-  class="ant-row">
+  class="ant-row"
+>
   <div
-    class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">
+    class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+  >
     Col
   </div>
   <div
-    class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4">
+    class="ant-col-xs-20 ant-col-sm-16 ant-col-md-12 ant-col-lg-8 ant-col-xl-4"
+  >
     Col
   </div>
   <div
-    class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10">
+    class="ant-col-xs-2 ant-col-sm-4 ant-col-md-6 ant-col-lg-8 ant-col-xl-10"
+  >
     Col
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/reponsive-more.md correctly 1`] = `
+exports[`renders ./components/grid/demo/reponsive-more.md correctly 1`] = `
 <div
-  class="ant-row">
+  class="ant-row"
+>
   <div
-    class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
+    class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+  >
     Col
   </div>
   <div
-    class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
+    class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+  >
     Col
   </div>
   <div
-    class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2">
+    class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"
+  >
     Col
   </div>
 </div>
 `;
 
-exports[`test renders ./components/grid/demo/sort.md correctly 1`] = `
+exports[`renders ./components/grid/demo/sort.md correctly 1`] = `
 <div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-18 ant-col-push-6">
+      class="ant-col-18 ant-col-push-6"
+    >
       col-18 col-push-6
     </div>
     <div
-      class="ant-col-6 ant-col-pull-18">
+      class="ant-col-6 ant-col-pull-18"
+    >
       col-6 col-pull-18
     </div>
   </div>
diff --git a/components/input-number/__tests__/__snapshots__/demo.test.js.snap b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
index 8b653039f4..d6867d223c 100644
--- a/components/input-number/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input-number/__tests__/__snapshots__/demo.test.js.snap
@@ -1,104 +1,132 @@
-exports[`test renders ./components/input-number/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
 <div
-  class="ant-input-number">
+  class="ant-input-number"
+>
   <div
-    class="ant-input-number-handler-wrap">
+    class="ant-input-number-handler-wrap"
+  >
     <span
       class="ant-input-number-handler ant-input-number-handler-up "
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <span
         class="ant-input-number-handler-up-inner"
-        unselectable="unselectable" />
+        unselectable="unselectable"
+      />
     </span>
     <span
       class="ant-input-number-handler ant-input-number-handler-down "
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <span
         class="ant-input-number-handler-down-inner"
-        unselectable="unselectable" />
+        unselectable="unselectable"
+      />
     </span>
   </div>
   <div
-    class="ant-input-number-input-wrap">
+    class="ant-input-number-input-wrap"
+  >
     <input
       autocomplete="off"
       class="ant-input-number-input"
       max="10"
       min="1"
-      value="3" />
+      value="3"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/input-number/demo/digit.md correctly 1`] = `
+exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
 <div
-  class="ant-input-number">
+  class="ant-input-number"
+>
   <div
-    class="ant-input-number-handler-wrap">
+    class="ant-input-number-handler-wrap"
+  >
     <span
       class="ant-input-number-handler ant-input-number-handler-up "
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <span
         class="ant-input-number-handler-up-inner"
-        unselectable="unselectable" />
+        unselectable="unselectable"
+      />
     </span>
     <span
       class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <span
         class="ant-input-number-handler-down-inner"
-        unselectable="unselectable" />
+        unselectable="unselectable"
+      />
     </span>
   </div>
   <div
-    class="ant-input-number-input-wrap">
+    class="ant-input-number-input-wrap"
+  >
     <input
       autocomplete="off"
       class="ant-input-number-input"
       max="10"
       min="0"
-      value="" />
+      value=""
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/input-number/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
 <div>
   <div
-    class="ant-input-number ant-input-number-disabled">
+    class="ant-input-number ant-input-number-disabled"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         disabled=""
         max="10"
         min="1"
-        value="3" />
+        value="3"
+      />
     </div>
   </div>
   <div
-    style="margin-top:20px;">
+    style="margin-top:20px;"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Toggle disabled
       </span>
@@ -107,156 +135,196 @@ exports[`test renders ./components/input-number/demo/disabled.md correctly 1`] =
 </div>
 `;
 
-exports[`test renders ./components/input-number/demo/formatter.md correctly 1`] = `
+exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
 <div>
   <div
-    class="ant-input-number">
+    class="ant-input-number"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         max="Infinity"
         min="-Infinity"
-        value="$ 100" />
+        value="$ 100"
+      />
     </div>
   </div>
   <div
-    class="ant-input-number">
+    class="ant-input-number"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         max="Infinity"
         min="-Infinity"
-        value="100%" />
+        value="100%"
+      />
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/input-number/demo/size.md correctly 1`] = `
+exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
 <div>
   <div
-    class="ant-input-number ant-input-number-lg">
+    class="ant-input-number ant-input-number-lg"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
-        value="3" />
+        value="3"
+      />
     </div>
   </div>
   <div
-    class="ant-input-number">
+    class="ant-input-number"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
-        value="3" />
+        value="3"
+      />
     </div>
   </div>
   <div
-    class="ant-input-number ant-input-number-sm">
+    class="ant-input-number ant-input-number-sm"
+  >
     <div
-      class="ant-input-number-handler-wrap">
+      class="ant-input-number-handler-wrap"
+    >
       <span
         class="ant-input-number-handler ant-input-number-handler-up "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-up-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
       <span
         class="ant-input-number-handler ant-input-number-handler-down "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
           class="ant-input-number-handler-down-inner"
-          unselectable="unselectable" />
+          unselectable="unselectable"
+        />
       </span>
     </div>
     <div
-      class="ant-input-number-input-wrap">
+      class="ant-input-number-input-wrap"
+    >
       <input
         autocomplete="off"
         class="ant-input-number-input"
         max="100000"
         min="1"
-        value="3" />
+        value="3"
+      />
     </div>
   </div>
 </div>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 27a22a770f..73c670283e 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -1,32 +1,43 @@
-exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/input/demo/addon.md correctly 1`] = `
 <div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <span
-      class="ant-input-wrapper ant-input-group">
+      class="ant-input-wrapper ant-input-group"
+    >
       <span
-        class="ant-input-group-addon">
+        class="ant-input-group-addon"
+      >
         Http://
       </span>
       <input
         class="ant-input"
         type="text"
-        value="mysite" />
+        value="mysite"
+      />
       <span
-        class="ant-input-group-addon">
+        class="ant-input-group-addon"
+      >
         .com
       </span>
     </span>
   </div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <span
-      class="ant-input-wrapper ant-input-group">
+      class="ant-input-wrapper ant-input-group"
+    >
       <span
-        class="ant-input-group-addon">
+        class="ant-input-group-addon"
+      >
         <div
           class="ant-select ant-select-enabled"
-          style="width:80px;">
+          style="width:80px;"
+        >
           <div
             aria-autocomplete="list"
             aria-expanded="false"
@@ -34,20 +45,24 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
             class="ant-select-selection
                       ant-select-selection--single"
             role="combobox"
-            tabindex="0">
+            tabindex="0"
+          >
             <div
-              class="ant-select-selection__rendered">
+              class="ant-select-selection__rendered"
+            >
               <div
                 class="ant-select-selection-selected-value"
                 style="display:block;opacity:1;"
-                title="Http://">
+                title="Http://"
+              >
                 Http://
               </div>
             </div>
             <span
               class="ant-select-arrow"
               style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <b />
             </span>
           </div>
@@ -56,12 +71,15 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
       <input
         class="ant-input"
         type="text"
-        value="mysite" />
+        value="mysite"
+      />
       <span
-        class="ant-input-group-addon">
+        class="ant-input-group-addon"
+      >
         <div
           class="ant-select ant-select-enabled"
-          style="width:70px;">
+          style="width:70px;"
+        >
           <div
             aria-autocomplete="list"
             aria-expanded="false"
@@ -69,20 +87,24 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
             class="ant-select-selection
                       ant-select-selection--single"
             role="combobox"
-            tabindex="0">
+            tabindex="0"
+          >
             <div
-              class="ant-select-selection__rendered">
+              class="ant-select-selection__rendered"
+            >
               <div
                 class="ant-select-selection-selected-value"
                 style="display:block;opacity:1;"
-                title=".com">
+                title=".com"
+              >
                 .com
               </div>
             </div>
             <span
               class="ant-select-arrow"
               style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable">
+              unselectable="unselectable"
+            >
               <b />
             </span>
           </div>
@@ -91,83 +113,102 @@ exports[`test renders ./components/input/demo/addon.md correctly 1`] = `
     </span>
   </div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <span
-      class="ant-input-wrapper ant-input-group">
+      class="ant-input-wrapper ant-input-group"
+    >
       <input
         class="ant-input"
         type="text"
-        value="mysite" />
+        value="mysite"
+      />
       <span
-        class="ant-input-group-addon">
+        class="ant-input-group-addon"
+      >
         <i
-          class="anticon anticon-setting" />
+          class="anticon anticon-setting"
+        />
       </span>
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
+exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
 <div>
   <textarea
     class="ant-input"
     placeholder="Autosize height based on content lines"
-    type="textarea" />
+    type="textarea"
+  />
   <div
-    style="margin:24px 0;" />
+    style="margin:24px 0;"
+  />
   <textarea
     class="ant-input"
     placeholder="Autosize height with minimum and maximum number of lines"
-    type="textarea" />
+    type="textarea"
+  />
 </div>
 `;
 
-exports[`test renders ./components/input/demo/basic.md correctly 1`] = `
+exports[`renders ./components/input/demo/basic.md correctly 1`] = `
 <input
   class="ant-input"
   placeholder="Basic usage"
-  type="text" />
+  type="text"
+/>
 `;
 
-exports[`test renders ./components/input/demo/group.md correctly 1`] = `
+exports[`renders ./components/input/demo/group.md correctly 1`] = `
 <div>
   <span
-    class="ant-input-group ant-input-group-lg">
+    class="ant-input-group ant-input-group-lg"
+  >
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <input
         class="ant-input"
         type="text"
-        value="0571" />
+        value="0571"
+      />
     </div>
     <div
-      class="ant-col-8">
+      class="ant-col-8"
+    >
       <input
         class="ant-input"
         type="text"
-        value="26888888" />
+        value="26888888"
+      />
     </div>
   </span>
   <br />
   <span
-    class="ant-input-group ant-input-group-compact">
+    class="ant-input-group ant-input-group-compact"
+  >
     <input
       class="ant-input"
       style="width:20%;"
       type="text"
-      value="0571" />
+      value="0571"
+    />
     <input
       class="ant-input"
       style="width:30%;"
       type="text"
-      value="26888888" />
+      value="26888888"
+    />
   </span>
   <br />
   <span
-    class="ant-input-group ant-input-group-compact">
+    class="ant-input-group ant-input-group-compact"
+  >
     <div
-      class="ant-select ant-select-enabled">
+      class="ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -175,20 +216,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="Zhejiang">
+            title="Zhejiang"
+          >
             Zhejiang
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
@@ -197,13 +242,16 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
       class="ant-input"
       style="width:50%;"
       type="text"
-      value="Xihu District, Hangzhou" />
+      value="Xihu District, Hangzhou"
+    />
   </span>
   <br />
   <span
-    class="ant-input-group ant-input-group-compact">
+    class="ant-input-group ant-input-group-compact"
+  >
     <div
-      class="ant-select ant-select-enabled">
+      class="ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -211,20 +259,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="Option1">
+            title="Option1"
+          >
             Option1
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
@@ -233,63 +285,79 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
       class="ant-input"
       style="width:50%;"
       type="text"
-      value="input content" />
+      value="input content"
+    />
     <div
-      class="ant-input-number">
+      class="ant-input-number"
+    >
       <div
-        class="ant-input-number-handler-wrap">
+        class="ant-input-number-handler-wrap"
+      >
         <span
           class="ant-input-number-handler ant-input-number-handler-up "
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <span
             class="ant-input-number-handler-up-inner"
-            unselectable="unselectable" />
+            unselectable="unselectable"
+          />
         </span>
         <span
           class="ant-input-number-handler ant-input-number-handler-down "
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <span
             class="ant-input-number-handler-down-inner"
-            unselectable="unselectable" />
+            unselectable="unselectable"
+          />
         </span>
       </div>
       <div
-        class="ant-input-number-input-wrap">
+        class="ant-input-number-input-wrap"
+      >
         <input
           autocomplete="off"
           class="ant-input-number-input"
           max="Infinity"
           min="-Infinity"
-          value="" />
+          value=""
+        />
       </div>
     </div>
   </span>
   <br />
   <span
-    class="ant-input-group ant-input-group-compact">
+    class="ant-input-group ant-input-group-compact"
+  >
     <input
       class="ant-input"
       style="width:50%;"
       type="text"
-      value="input content" />
+      value="input content"
+    />
     <span
-      class="ant-calendar-picker">
+      class="ant-calendar-picker"
+    >
       <span>
         <input
           class="ant-calendar-picker-input ant-input"
           placeholder="请选择日期"
           readonly=""
-          value="" />
+          value=""
+        />
         <span
-          class="ant-calendar-picker-icon" />
+          class="ant-calendar-picker-icon"
+        />
       </span>
     </span>
   </span>
   <br />
   <span
-    class="ant-input-group ant-input-group-compact">
+    class="ant-input-group ant-input-group-compact"
+  >
     <div
-      class="ant-select ant-select-enabled">
+      class="ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -297,26 +365,31 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="Option1-1">
+            title="Option1-1"
+          >
             Option1-1
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
     <div
-      class="ant-select ant-select-enabled">
+      class="ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -324,20 +397,24 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="Option2-2">
+            title="Option2-2"
+          >
             Option2-2
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
@@ -347,69 +424,83 @@ exports[`test renders ./components/input/demo/group.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/input/demo/presuffix.md correctly 1`] = `
+exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
 <span
-  class="ant-input-preSuffix-wrapper">
+  class="ant-input-preSuffix-wrapper"
+>
   <span
-    class="ant-input-prefix">
+    class="ant-input-prefix"
+  >
     <i
-      class="anticon anticon-user" />
+      class="anticon anticon-user"
+    />
   </span>
   <input
     class="ant-input"
     placeholder="Enter your userName"
     type="text"
-    value="" />
+    value=""
+  />
 </span>
 `;
 
-exports[`test renders ./components/input/demo/search-input.md correctly 1`] = `
+exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
 <span
   class="ant-input-preSuffix-wrapper"
-  style="width:200px;">
+  style="width:200px;"
+>
   <input
     class="ant-input ant-input-search"
     placeholder="input search text"
-    type="text" />
+    type="text"
+  />
   <span
-    class="ant-input-suffix">
+    class="ant-input-suffix"
+  >
     <i
-      class="anticon anticon-search ant-input-search-icon" />
+      class="anticon anticon-search ant-input-search-icon"
+    />
   </span>
 </span>
 `;
 
-exports[`test renders ./components/input/demo/size.md correctly 1`] = `
+exports[`renders ./components/input/demo/size.md correctly 1`] = `
 <div
-  class="example-input">
+  class="example-input"
+>
   <input
     class="ant-input ant-input-lg"
     placeholder="large size"
-    type="text" />
+    type="text"
+  />
   <input
     class="ant-input"
     placeholder="default size"
-    type="text" />
+    type="text"
+  />
   <input
     class="ant-input ant-input-sm"
     placeholder="small size"
-    type="text" />
+    type="text"
+  />
 </div>
 `;
 
-exports[`test renders ./components/input/demo/textarea.md correctly 1`] = `
+exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
 <textarea
   class="ant-input"
   rows="4"
-  type="textarea" />
+  type="textarea"
+/>
 `;
 
-exports[`test renders ./components/input/demo/tooltip.md correctly 1`] = `
+exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
 <input
   class="ant-input"
   maxlength="25"
   placeholder="Input a number"
   style="width:120px;"
   type="text"
-  value="" />
+  value=""
+/>
 `;
diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index 0b7df64235..5768c54f12 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -1,85 +1,109 @@
-exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
 <div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
-      class="ant-layout-header">
+      class="ant-layout-header"
+    >
       Header
     </div>
     <div
-      class="ant-layout-content">
+      class="ant-layout-content"
+    >
       Content
     </div>
     <div
-      class="ant-layout-footer">
+      class="ant-layout-footer"
+    >
       Footer
     </div>
   </div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
-      class="ant-layout-header">
+      class="ant-layout-header"
+    >
       Header
     </div>
     <div
-      class="ant-layout ant-layout-has-sider">
+      class="ant-layout ant-layout-has-sider"
+    >
       <div
         class="ant-layout-sider"
-        style="flex:0 0 200px;width:200px;">
+        style="flex:0 0 200px;width:200px;"
+      >
         Sider
       </div>
       <div
-        class="ant-layout-content">
+        class="ant-layout-content"
+      >
         Content
       </div>
     </div>
     <div
-      class="ant-layout-footer">
+      class="ant-layout-footer"
+    >
       Footer
     </div>
   </div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
-      class="ant-layout-header">
+      class="ant-layout-header"
+    >
       Header
     </div>
     <div
-      class="ant-layout ant-layout-has-sider">
+      class="ant-layout ant-layout-has-sider"
+    >
       <div
-        class="ant-layout-content">
+        class="ant-layout-content"
+      >
         Content
       </div>
       <div
         class="ant-layout-sider"
-        style="flex:0 0 200px;width:200px;">
+        style="flex:0 0 200px;width:200px;"
+      >
         Sider
       </div>
     </div>
     <div
-      class="ant-layout-footer">
+      class="ant-layout-footer"
+    >
       Footer
     </div>
   </div>
   <div
-    class="ant-layout ant-layout-has-sider">
+    class="ant-layout ant-layout-has-sider"
+  >
     <div
       class="ant-layout-sider"
-      style="flex:0 0 200px;width:200px;">
+      style="flex:0 0 200px;width:200px;"
+    >
       Sider
     </div>
     <div
-      class="ant-layout">
+      class="ant-layout"
+    >
       <div
-        class="ant-layout-header">
+        class="ant-layout-header"
+      >
         Header
       </div>
       <div
-        class="ant-layout-content">
+        class="ant-layout-content"
+      >
         Content
       </div>
       <div
-        class="ant-layout-footer">
+        class="ant-layout-footer"
+      >
         Footer
       </div>
     </div>
@@ -87,28 +111,35 @@ exports[`test renders ./components/layout/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
+exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
 <div
-  class="ant-layout ant-layout-has-sider">
+  class="ant-layout ant-layout-has-sider"
+>
   <div
     class="ant-layout-sider"
-    style="flex:0 0 200px;width:200px;">
+    style="flex:0 0 200px;width:200px;"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-inline  ant-menu-dark ant-menu-root"
       role="menu"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-user" />
+          class="anticon anticon-user"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 1
         </span>
       </li>
@@ -116,11 +147,14 @@ exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] =
         aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-video-camera" />
+          class="anticon anticon-video-camera"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 2
         </span>
       </li>
@@ -128,137 +162,168 @@ exports[`test renders ./components/layout/demo/custom-trigger.md correctly 1`] =
         aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-upload" />
+          class="anticon anticon-upload"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 3
         </span>
       </li>
     </ul>
   </div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
       class="ant-layout-header"
-      style="background:#fff;padding:0;">
+      style="background:#fff;padding:0;"
+    >
       <i
-        class="anticon anticon-menu-fold trigger" />
+        class="anticon anticon-menu-fold trigger"
+      />
     </div>
     <div
       class="ant-layout-content"
-      style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;">
+      style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;"
+    >
       Content
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/fixed.md correctly 1`] = `
+exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
 <div
-  class="ant-layout">
+  class="ant-layout"
+>
   <div
-    class="header ant-layout-header">
+    class="header ant-layout-header"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-horizontal  ant-menu-dark ant-menu-root"
       role="menu"
       style="line-height:64px;"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 1
       </li>
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 2
       </li>
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 3
       </li>
     </ul>
   </div>
   <div
-    class="content ant-layout-content">
+    class="content ant-layout-content"
+  >
     <div
       class="ant-breadcrumb"
-      style="margin:12px 0;">
+      style="margin:12px 0;"
+    >
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           Home
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           List
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           App
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
     </div>
     <div
-      style="background:#fff;padding:24px;min-height:280px;">
+      style="background:#fff;padding:24px;min-height:280px;"
+    >
       Content
     </div>
   </div>
   <div
     class="ant-layout-footer"
-    style="text-align:center;">
+    style="text-align:center;"
+  >
     Ant Design ©2016 Created by Ant UED
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/responsive.md correctly 1`] = `
+exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
 <div
-  class="ant-layout ant-layout-has-sider">
+  class="ant-layout ant-layout-has-sider"
+>
   <div
     class="ant-layout-sider"
-    style="flex:0 0 200px;width:200px;">
+    style="flex:0 0 200px;width:200px;"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-inline  ant-menu-dark ant-menu-root"
       role="menu"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-user" />
+          class="anticon anticon-user"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 1
         </span>
       </li>
@@ -266,11 +331,14 @@ exports[`test renders ./components/layout/demo/responsive.md correctly 1`] = `
         aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-video-camera" />
+          class="anticon anticon-video-camera"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 2
         </span>
       </li>
@@ -278,11 +346,14 @@ exports[`test renders ./components/layout/demo/responsive.md correctly 1`] = `
         aria-selected="false"
         class="ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-upload" />
+          class="anticon anticon-upload"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 3
         </span>
       </li>
@@ -290,82 +361,102 @@ exports[`test renders ./components/layout/demo/responsive.md correctly 1`] = `
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <i
-          class="anticon anticon-user" />
+          class="anticon anticon-user"
+        />
         <span
-          class="nav-text">
+          class="nav-text"
+        >
           nav 4
         </span>
       </li>
     </ul>
   </div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
       class="ant-layout-header"
-      style="background:#fff;padding:0;" />
+      style="background:#fff;padding:0;"
+    />
     <div
       class="ant-layout-content"
-      style="margin:24px 16px 0;">
+      style="margin:24px 16px 0;"
+    >
       <div
-        style="padding:24px;background:#fff;min-height:360px;">
+        style="padding:24px;background:#fff;min-height:360px;"
+      >
         content
       </div>
     </div>
     <div
       class="ant-layout-footer"
-      style="text-align:center;">
+      style="text-align:center;"
+    >
       Ant Design ©2016 Created by Ant UED
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
+exports[`renders ./components/layout/demo/side.md correctly 1`] = `
 <div
-  class="ant-layout ant-layout-has-sider">
+  class="ant-layout ant-layout-has-sider"
+>
   <div
     class="ant-layout-sider"
-    style="flex:0 0 200px;width:200px;">
+    style="flex:0 0 200px;width:200px;"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-inline  ant-menu-dark ant-menu-root"
       role="menu"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
-        class="ant-menu-submenu-inline ant-menu-submenu">
+        class="ant-menu-submenu-inline ant-menu-submenu"
+      >
         <div
           aria-expanded="false"
           aria-haspopup="true"
           aria-owns="sub1$Menu"
           class="ant-menu-submenu-title"
-          style="padding-left:24px;">
+          style="padding-left:24px;"
+        >
           <span>
             <i
-              class="anticon anticon-user" />
+              class="anticon anticon-user"
+            />
             <span
-              class="nav-text">
+              class="nav-text"
+            >
               User
             </span>
           </span>
         </div>
       </li>
       <li
-        class="ant-menu-submenu-inline ant-menu-submenu">
+        class="ant-menu-submenu-inline ant-menu-submenu"
+      >
         <div
           aria-expanded="false"
           aria-haspopup="true"
           aria-owns="sub2$Menu"
           class="ant-menu-submenu-title"
-          style="padding-left:24px;">
+          style="padding-left:24px;"
+        >
           <span>
             <i
-              class="anticon anticon-team" />
+              class="anticon anticon-team"
+            />
             <span
-              class="nav-text">
+              class="nav-text"
+            >
               Team
             </span>
           </span>
@@ -375,245 +466,298 @@ exports[`test renders ./components/layout/demo/side.md correctly 1`] = `
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
         role="menuitem"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-file" />
+            class="anticon anticon-file"
+          />
           <span
-            class="nav-text">
+            class="nav-text"
+          >
             File
           </span>
         </span>
       </li>
     </ul>
     <div
-      class="ant-layout-sider-trigger">
+      class="ant-layout-sider-trigger"
+    >
       <i
-        class="anticon anticon-left" />
+        class="anticon anticon-left"
+      />
     </div>
   </div>
   <div
-    class="ant-layout">
+    class="ant-layout"
+  >
     <div
       class="ant-layout-header"
-      style="background:#fff;padding:0;" />
+      style="background:#fff;padding:0;"
+    />
     <div
       class="ant-layout-content"
-      style="margin:0 16px;">
+      style="margin:0 16px;"
+    >
       <div
         class="ant-breadcrumb"
-        style="margin:12px 0;">
+        style="margin:12px 0;"
+      >
         <span>
           <span
-            class="ant-breadcrumb-link">
+            class="ant-breadcrumb-link"
+          >
             User
           </span>
           <span
-            class="ant-breadcrumb-separator">
+            class="ant-breadcrumb-separator"
+          >
             /
           </span>
         </span>
         <span>
           <span
-            class="ant-breadcrumb-link">
+            class="ant-breadcrumb-link"
+          >
             Bill
           </span>
           <span
-            class="ant-breadcrumb-separator">
+            class="ant-breadcrumb-separator"
+          >
             /
           </span>
         </span>
       </div>
       <div
-        style="padding:24px;background:#fff;min-height:360px;">
+        style="padding:24px;background:#fff;min-height:360px;"
+      >
         Bill is a cat.
       </div>
     </div>
     <div
       class="ant-layout-footer"
-      style="text-align:center;">
+      style="text-align:center;"
+    >
       Ant Design ©2016 Created by Ant UED
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/top.md correctly 1`] = `
+exports[`renders ./components/layout/demo/top.md correctly 1`] = `
 <div
-  class="layout ant-layout">
+  class="layout ant-layout"
+>
   <div
-    class="ant-layout-header">
+    class="ant-layout-header"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-horizontal  ant-menu-dark ant-menu-root"
       role="menu"
       style="line-height:64px;"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 1
       </li>
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 2
       </li>
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 3
       </li>
     </ul>
   </div>
   <div
     class="ant-layout-content"
-    style="padding:0 50px;">
+    style="padding:0 50px;"
+  >
     <div
       class="ant-breadcrumb"
-      style="margin:12px 0;">
+      style="margin:12px 0;"
+    >
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           Home
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           List
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           App
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
     </div>
     <div
-      style="background:#fff;padding:24px;min-height:280px;">
+      style="background:#fff;padding:24px;min-height:280px;"
+    >
       Content
     </div>
   </div>
   <div
     class="ant-layout-footer"
-    style="text-align:center;">
+    style="text-align:center;"
+  >
     Ant Design ©2016 Created by Ant UED
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
+exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
 <div
-  class="ant-layout">
+  class="ant-layout"
+>
   <div
-    class="header ant-layout-header">
+    class="header ant-layout-header"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-horizontal  ant-menu-dark ant-menu-root"
       role="menu"
       style="line-height:64px;"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 1
       </li>
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 2
       </li>
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 3
       </li>
     </ul>
   </div>
   <div
     class="ant-layout-content"
-    style="padding:0 50px;">
+    style="padding:0 50px;"
+  >
     <div
       class="ant-breadcrumb"
-      style="margin:12px 0;">
+      style="margin:12px 0;"
+    >
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           Home
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           List
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
       <span>
         <span
-          class="ant-breadcrumb-link">
+          class="ant-breadcrumb-link"
+        >
           App
         </span>
         <span
-          class="ant-breadcrumb-separator">
+          class="ant-breadcrumb-separator"
+        >
           /
         </span>
       </span>
     </div>
     <div
       class="ant-layout ant-layout-has-sider"
-      style="padding:24px 0;background:#fff;">
+      style="padding:24px 0;background:#fff;"
+    >
       <div
         class="ant-layout-sider"
-        style="background:#fff;flex:0 0 200px;width:200px;">
+        style="background:#fff;flex:0 0 200px;width:200px;"
+      >
         <ul
           aria-activedescendant=""
           class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
           role="menu"
           style="height:100%;"
-          tabindex="0">
+          tabindex="0"
+        >
           <li
-            class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
+            class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
+          >
             <div
               aria-expanded="true"
               aria-haspopup="true"
               aria-owns="sub1$Menu"
               class="ant-menu-submenu-title"
-              style="padding-left:24px;">
+              style="padding-left:24px;"
+            >
               <span>
                 <i
-                  class="anticon anticon-user" />
+                  class="anticon anticon-user"
+                />
                 subnav 1
               </span>
             </div>
@@ -621,63 +765,74 @@ exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
               aria-activedescendant=""
               class="ant-menu ant-menu-inline  ant-menu-sub"
               id="sub1$Menu"
-              role="menu">
+              role="menu"
+            >
               <li
                 aria-selected="true"
                 class="ant-menu-item-selected ant-menu-item"
                 role="menuitem"
-                style="padding-left:48px;">
+                style="padding-left:48px;"
+              >
                 option1
               </li>
               <li
                 aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
-                style="padding-left:48px;">
+                style="padding-left:48px;"
+              >
                 option2
               </li>
               <li
                 aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
-                style="padding-left:48px;">
+                style="padding-left:48px;"
+              >
                 option3
               </li>
               <li
                 aria-selected="false"
                 class="ant-menu-item"
                 role="menuitem"
-                style="padding-left:48px;">
+                style="padding-left:48px;"
+              >
                 option4
               </li>
             </ul>
           </li>
           <li
-            class="ant-menu-submenu-inline ant-menu-submenu">
+            class="ant-menu-submenu-inline ant-menu-submenu"
+          >
             <div
               aria-expanded="false"
               aria-haspopup="true"
               aria-owns="sub2$Menu"
               class="ant-menu-submenu-title"
-              style="padding-left:24px;">
+              style="padding-left:24px;"
+            >
               <span>
                 <i
-                  class="anticon anticon-laptop" />
+                  class="anticon anticon-laptop"
+                />
                 subnav 2
               </span>
             </div>
           </li>
           <li
-            class="ant-menu-submenu-inline ant-menu-submenu">
+            class="ant-menu-submenu-inline ant-menu-submenu"
+          >
             <div
               aria-expanded="false"
               aria-haspopup="true"
               aria-owns="sub3$Menu"
               class="ant-menu-submenu-title"
-              style="padding-left:24px;">
+              style="padding-left:24px;"
+            >
               <span>
                 <i
-                  class="anticon anticon-notification" />
+                  class="anticon anticon-notification"
+                />
                 subnav 3
               </span>
             </div>
@@ -686,74 +841,89 @@ exports[`test renders ./components/layout/demo/top-side.md correctly 1`] = `
       </div>
       <div
         class="ant-layout-content"
-        style="padding:0 24px;min-height:280px;">
+        style="padding:0 24px;min-height:280px;"
+      >
         Content
       </div>
     </div>
   </div>
   <div
     class="ant-layout-footer"
-    style="text-align:center;">
+    style="text-align:center;"
+  >
     Ant Design ©2016 Created by Ant UED
   </div>
 </div>
 `;
 
-exports[`test renders ./components/layout/demo/top-side-2.md correctly 1`] = `
+exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
 <div
-  class="ant-layout">
+  class="ant-layout"
+>
   <div
-    class="header ant-layout-header">
+    class="header ant-layout-header"
+  >
     <div
-      class="logo" />
+      class="logo"
+    />
     <ul
       aria-activedescendant=""
       class="ant-menu ant-menu-horizontal  ant-menu-dark ant-menu-root"
       role="menu"
       style="line-height:64px;"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 1
       </li>
       <li
         aria-selected="true"
         class="ant-menu-item-selected ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 2
       </li>
       <li
         aria-selected="false"
         class="ant-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         nav 3
       </li>
     </ul>
   </div>
   <div
-    class="ant-layout ant-layout-has-sider">
+    class="ant-layout ant-layout-has-sider"
+  >
     <div
       class="ant-layout-sider"
-      style="background:#fff;flex:0 0 200px;width:200px;">
+      style="background:#fff;flex:0 0 200px;width:200px;"
+    >
       <ul
         aria-activedescendant=""
         class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
         role="menu"
         style="height:100%;"
-        tabindex="0">
+        tabindex="0"
+      >
         <li
-          class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
+          class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
+        >
           <div
             aria-expanded="true"
             aria-haspopup="true"
             aria-owns="sub1$Menu"
             class="ant-menu-submenu-title"
-            style="padding-left:24px;">
+            style="padding-left:24px;"
+          >
             <span>
               <i
-                class="anticon anticon-user" />
+                class="anticon anticon-user"
+              />
               subnav 1
             </span>
           </div>
@@ -761,63 +931,74 @@ exports[`test renders ./components/layout/demo/top-side-2.md correctly 1`] = `
             aria-activedescendant=""
             class="ant-menu ant-menu-inline  ant-menu-sub"
             id="sub1$Menu"
-            role="menu">
+            role="menu"
+          >
             <li
               aria-selected="true"
               class="ant-menu-item-selected ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               option1
             </li>
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               option2
             </li>
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               option3
             </li>
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               option4
             </li>
           </ul>
         </li>
         <li
-          class="ant-menu-submenu-inline ant-menu-submenu">
+          class="ant-menu-submenu-inline ant-menu-submenu"
+        >
           <div
             aria-expanded="false"
             aria-haspopup="true"
             aria-owns="sub2$Menu"
             class="ant-menu-submenu-title"
-            style="padding-left:24px;">
+            style="padding-left:24px;"
+          >
             <span>
               <i
-                class="anticon anticon-laptop" />
+                class="anticon anticon-laptop"
+              />
               subnav 2
             </span>
           </div>
         </li>
         <li
-          class="ant-menu-submenu-inline ant-menu-submenu">
+          class="ant-menu-submenu-inline ant-menu-submenu"
+        >
           <div
             aria-expanded="false"
             aria-haspopup="true"
             aria-owns="sub3$Menu"
             class="ant-menu-submenu-title"
-            style="padding-left:24px;">
+            style="padding-left:24px;"
+          >
             <span>
               <i
-                class="anticon anticon-notification" />
+                class="anticon anticon-notification"
+              />
               subnav 3
             </span>
           </div>
@@ -826,44 +1007,53 @@ exports[`test renders ./components/layout/demo/top-side-2.md correctly 1`] = `
     </div>
     <div
       class="ant-layout"
-      style="padding:0 24px 24px;">
+      style="padding:0 24px 24px;"
+    >
       <div
         class="ant-breadcrumb"
-        style="margin:12px 0;">
+        style="margin:12px 0;"
+      >
         <span>
           <span
-            class="ant-breadcrumb-link">
+            class="ant-breadcrumb-link"
+          >
             Home
           </span>
           <span
-            class="ant-breadcrumb-separator">
+            class="ant-breadcrumb-separator"
+          >
             /
           </span>
         </span>
         <span>
           <span
-            class="ant-breadcrumb-link">
+            class="ant-breadcrumb-link"
+          >
             List
           </span>
           <span
-            class="ant-breadcrumb-separator">
+            class="ant-breadcrumb-separator"
+          >
             /
           </span>
         </span>
         <span>
           <span
-            class="ant-breadcrumb-link">
+            class="ant-breadcrumb-link"
+          >
             App
           </span>
           <span
-            class="ant-breadcrumb-separator">
+            class="ant-breadcrumb-separator"
+          >
             /
           </span>
         </span>
       </div>
       <div
         class="ant-layout-content"
-        style="background:#fff;padding:24px;margin:0;min-height:280px;">
+        style="background:#fff;padding:24px;margin:0;min-height:280px;"
+      >
         Content
       </div>
     </div>
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index e2eb14ea9a..322c3f1a60 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -1,37 +1,50 @@
-exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
 <div>
   <div
-    class="change-locale">
+    class="change-locale"
+  >
     <span
-      style="margin-right:16px;">
+      style="margin-right:16px;"
+    >
       Change locale of components: 
     </span>
     <div
-      class="ant-radio-group">
+      class="ant-radio-group"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           English
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           中文
@@ -40,61 +53,73 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="locale-components">
+    class="locale-components"
+  >
     <div
-      class="example">
+      class="example"
+    >
       <ul
         class="ant-pagination "
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="Previous Page">
+          title="Previous Page"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-3"
-          title="3">
+          title="3"
+        >
           <a>
             3
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-4"
-          title="4">
+          title="4"
+        >
           <a>
             4
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-5"
-          title="5">
+          title="5"
+        >
           <a>
             5
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="Next Page">
+          title="Next Page"
+        >
           <a />
         </li>
         <div
-          class="ant-pagination-options">
+          class="ant-pagination-options"
+        >
           <div
-            class="ant-pagination-options-size-changer ant-select ant-select-enabled">
+            class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+          >
             <div
               aria-autocomplete="list"
               aria-expanded="false"
@@ -102,20 +127,24 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
               class="ant-select-selection
                         ant-select-selection--single"
               role="combobox"
-              tabindex="0">
+              tabindex="0"
+            >
               <div
-                class="ant-select-selection__rendered">
+                class="ant-select-selection__rendered"
+              >
                 <div
                   class="ant-select-selection-selected-value"
                   style="display:block;opacity:1;"
-                  title="10 / page">
+                  title="10 / page"
+                >
                   10 / page
                 </div>
               </div>
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 <b />
               </span>
             </div>
@@ -124,10 +153,12 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
       </ul>
     </div>
     <div
-      class="example">
+      class="example"
+    >
       <div
         class="ant-select ant-select-enabled"
-        style="width:200px;">
+        style="width:200px;"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -135,19 +166,25 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-search ant-select-search--inline"
-              style="display:none;">
+              style="display:none;"
+            >
               <div
-                class="ant-select-search__field__wrap">
+                class="ant-select-search__field__wrap"
+              >
                 <input
                   class="ant-select-search__field"
-                  value="" />
+                  value=""
+                />
                 <span
-                  class="ant-select-search__field__mirror">
+                  class="ant-select-search__field__mirror"
+                >
                    
                 </span>
               </div>
@@ -156,205 +193,260 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <span
-        class="ant-calendar-picker">
+        class="ant-calendar-picker"
+      >
         <span>
           <input
             class="ant-calendar-picker-input ant-input"
             placeholder="Select date"
             readonly=""
-            value="" />
+            value=""
+          />
           <span
-            class="ant-calendar-picker-icon" />
+            class="ant-calendar-picker-icon"
+          />
         </span>
       </span>
       <span
-        class="ant-time-picker ">
+        class="ant-time-picker "
+      >
         <input
           class="ant-time-picker-input"
           placeholder="Select time"
           readonly=""
           type="text"
-          value="" />
+          value=""
+        />
         <span
-          class="ant-time-picker-icon" />
+          class="ant-time-picker-icon"
+        />
       </span>
       <span
         class="ant-calendar-picker"
-        style="width:200px;">
+        style="width:200px;"
+      >
         <span
-          class="ant-calendar-picker-input ant-input">
+          class="ant-calendar-picker-input ant-input"
+        >
           <input
             class="ant-calendar-range-picker-input"
             placeholder="Start date"
             readonly=""
-            value="" />
+            value=""
+          />
           <span
-            class="ant-calendar-range-picker-separator">
+            class="ant-calendar-range-picker-separator"
+          >
              ~ 
           </span>
           <input
             class="ant-calendar-range-picker-input"
             placeholder="End date"
             readonly=""
-            value="" />
+            value=""
+          />
           <span
-            class="ant-calendar-picker-icon" />
+            class="ant-calendar-picker-icon"
+          />
         </span>
       </span>
     </div>
     <div
-      class="example">
+      class="example"
+    >
       <button
         class="ant-btn ant-btn-primary"
-        type="button">
+        type="button"
+      >
         <span>
           Show Modal
         </span>
       </button>
       <button
         class="ant-btn"
-        type="button">
+        type="button"
+      >
         <span>
           Show info
         </span>
       </button>
       <button
         class="ant-btn"
-        type="button">
+        type="button"
+      >
         <span>
           Show confirm
         </span>
       </button>
       <a
-        href="#">
+        href="#"
+      >
         Click to confirm
       </a>
     </div>
     <div
-      class="example">
+      class="example"
+    >
       <div
-        class="ant-transfer">
+        class="ant-transfer"
+      >
         <div
-          class="ant-transfer-list">
+          class="ant-transfer-list"
+        >
           <div
-            class="ant-transfer-list-header">
+            class="ant-transfer-list-header"
+          >
             <label
-              class="ant-checkbox-wrapper">
+              class="ant-checkbox-wrapper"
+            >
               <span
-                class="ant-checkbox">
+                class="ant-checkbox"
+              >
                 <input
                   class="ant-checkbox-input"
-                  type="checkbox" />
+                  type="checkbox"
+                />
                 <span
-                  class="ant-checkbox-inner" />
+                  class="ant-checkbox-inner"
+                />
               </span>
             </label>
             <span
-              class="ant-transfer-list-header-selected">
+              class="ant-transfer-list-header-selected"
+            >
               <span>
                 0 item
               </span>
               <span
-                class="ant-transfer-list-header-title" />
+                class="ant-transfer-list-header-title"
+              />
             </span>
           </div>
           <div
-            class="ant-transfer-list-body ant-transfer-list-body-with-search">
+            class="ant-transfer-list-body ant-transfer-list-body-with-search"
+          >
             <div
-              class="ant-transfer-list-body-search-wrapper">
+              class="ant-transfer-list-body-search-wrapper"
+            >
               <div>
                 <input
                   class="ant-input ant-transfer-list-search"
                   placeholder="Search here"
                   type="text"
-                  value="" />
+                  value=""
+                />
                 <span
-                  class="ant-transfer-list-search-action">
+                  class="ant-transfer-list-search-action"
+                >
                   <i
-                    class="anticon anticon-search" />
+                    class="anticon anticon-search"
+                  />
                 </span>
               </div>
             </div>
             <ul
-              class="ant-transfer-list-content" />
+              class="ant-transfer-list-content"
+            />
             <div
-              class="ant-transfer-list-body-not-found">
+              class="ant-transfer-list-body-not-found"
+            >
               Not Found
             </div>
           </div>
         </div>
         <div
-          class="ant-transfer-operation">
+          class="ant-transfer-operation"
+        >
           <button
             class="ant-btn ant-btn-primary ant-btn-sm"
             disabled=""
-            type="button">
+            type="button"
+          >
             <span>
               <i
-                class="anticon anticon-left" />
+                class="anticon anticon-left"
+              />
             </span>
           </button>
           <button
             class="ant-btn ant-btn-primary ant-btn-sm"
             disabled=""
-            type="button">
+            type="button"
+          >
             <span>
               <i
-                class="anticon anticon-right" />
+                class="anticon anticon-right"
+              />
             </span>
           </button>
         </div>
         <div
-          class="ant-transfer-list">
+          class="ant-transfer-list"
+        >
           <div
-            class="ant-transfer-list-header">
+            class="ant-transfer-list-header"
+          >
             <label
-              class="ant-checkbox-wrapper">
+              class="ant-checkbox-wrapper"
+            >
               <span
-                class="ant-checkbox">
+                class="ant-checkbox"
+              >
                 <input
                   class="ant-checkbox-input"
-                  type="checkbox" />
+                  type="checkbox"
+                />
                 <span
-                  class="ant-checkbox-inner" />
+                  class="ant-checkbox-inner"
+                />
               </span>
             </label>
             <span
-              class="ant-transfer-list-header-selected">
+              class="ant-transfer-list-header-selected"
+            >
               <span>
                 0 item
               </span>
               <span
-                class="ant-transfer-list-header-title" />
+                class="ant-transfer-list-header-title"
+              />
             </span>
           </div>
           <div
-            class="ant-transfer-list-body ant-transfer-list-body-with-search">
+            class="ant-transfer-list-body ant-transfer-list-body-with-search"
+          >
             <div
-              class="ant-transfer-list-body-search-wrapper">
+              class="ant-transfer-list-body-search-wrapper"
+            >
               <div>
                 <input
                   class="ant-input ant-transfer-list-search"
                   placeholder="Search here"
                   type="text"
-                  value="" />
+                  value=""
+                />
                 <span
-                  class="ant-transfer-list-search-action">
+                  class="ant-transfer-list-search-action"
+                >
                   <i
-                    class="anticon anticon-search" />
+                    class="anticon anticon-search"
+                  />
                 </span>
               </div>
             </div>
             <ul
-              class="ant-transfer-list-content" />
+              class="ant-transfer-list-content"
+            />
             <div
-              class="ant-transfer-list-body-not-found">
+              class="ant-transfer-list-body-not-found"
+            >
               Not Found
             </div>
           </div>
@@ -362,13 +454,17 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
       </div>
     </div>
     <div
-      style="width:319px;border:1px solid #d9d9d9;border-radius:4px;">
+      style="width:319px;border:1px solid #d9d9d9;border-radius:4px;"
+    >
       <div
-        class="">
+        class=""
+      >
         <div
-          class="ant-fullcalendar-header">
+          class="ant-fullcalendar-header"
+        >
           <div
-            class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled">
+            class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+          >
             <div
               aria-autocomplete="list"
               aria-expanded="false"
@@ -376,26 +472,31 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
               class="ant-select-selection
                         ant-select-selection--single"
               role="combobox"
-              tabindex="0">
+              tabindex="0"
+            >
               <div
-                class="ant-select-selection__rendered">
+                class="ant-select-selection__rendered"
+              >
                 <div
                   class="ant-select-selection-selected-value"
                   style="display:block;opacity:1;"
-                  title="2016">
+                  title="2016"
+                >
                   2016
                 </div>
               </div>
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 <b />
               </span>
             </div>
           </div>
           <div
-            class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled">
+            class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+          >
             <div
               aria-autocomplete="list"
               aria-expanded="false"
@@ -403,50 +504,63 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
               class="ant-select-selection
                         ant-select-selection--single"
               role="combobox"
-              tabindex="0">
+              tabindex="0"
+            >
               <div
-                class="ant-select-selection__rendered">
+                class="ant-select-selection__rendered"
+              >
                 <div
                   class="ant-select-selection-selected-value"
                   style="display:block;opacity:1;"
-                  title="Nov">
+                  title="Nov"
+                >
                   Nov
                 </div>
               </div>
               <span
                 class="ant-select-arrow"
                 style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable">
+                unselectable="unselectable"
+              >
                 <b />
               </span>
             </div>
           </div>
           <div
-            class="ant-radio-group ant-radio-group-small">
+            class="ant-radio-group ant-radio-group-small"
+          >
             <label
-              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+              class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+            >
               <span
-                class="ant-radio-button ant-radio-button-checked">
+                class="ant-radio-button ant-radio-button-checked"
+              >
                 <input
                   checked=""
                   class="ant-radio-button-input"
-                  type="radio" />
+                  type="radio"
+                />
                 <span
-                  class="ant-radio-button-inner" />
+                  class="ant-radio-button-inner"
+                />
               </span>
               <span>
                 Month
               </span>
             </label>
             <label
-              class="ant-radio-button-wrapper">
+              class="ant-radio-button-wrapper"
+            >
               <span
-                class="ant-radio-button">
+                class="ant-radio-button"
+              >
                 <input
                   class="ant-radio-button-input"
-                  type="radio" />
+                  type="radio"
+                />
                 <span
-                  class="ant-radio-button-inner" />
+                  class="ant-radio-button-inner"
+                />
               </span>
               <span>
                 Year
@@ -456,687 +570,880 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
         </div>
         <div
           class="ant-fullcalendar ant-fullcalendar-full"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-fullcalendar-calendar-body">
+            class="ant-fullcalendar-calendar-body"
+          >
             <table
               cellspacing="0"
               class="ant-fullcalendar-table"
-              role="grid">
+              role="grid"
+            >
               <thead>
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Sun">
+                    title="Sun"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Su
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Mon">
+                    title="Mon"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Mo
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Tue">
+                    title="Tue"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Tu
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Wed">
+                    title="Wed"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       We
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Thu">
+                    title="Thu"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Th
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Fri">
+                    title="Fri"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Fr
                     </span>
                   </th>
                   <th
                     class="ant-fullcalendar-column-header"
                     role="columnheader"
-                    title="Sat">
+                    title="Sat"
+                  >
                     <span
-                      class="ant-fullcalendar-column-header-inner">
+                      class="ant-fullcalendar-column-header-inner"
+                    >
                       Sa
                     </span>
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="ant-fullcalendar-tbody">
+                class="ant-fullcalendar-tbody"
+              >
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                     role="gridcell"
-                    title="2016-10-30">
+                    title="2016-10-30"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         30
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                     role="gridcell"
-                    title="2016-10-31">
+                    title="2016-10-31"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         31
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-1">
+                    title="2016-11-1"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         01
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-2">
+                    title="2016-11-2"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         02
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-3">
+                    title="2016-11-3"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         03
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-4">
+                    title="2016-11-4"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         04
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-5">
+                    title="2016-11-5"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         05
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-6">
+                    title="2016-11-6"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         06
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-7">
+                    title="2016-11-7"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         07
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-8">
+                    title="2016-11-8"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         08
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-9">
+                    title="2016-11-9"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         09
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-10">
+                    title="2016-11-10"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         10
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-11">
+                    title="2016-11-11"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         11
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-12">
+                    title="2016-11-12"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         12
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-13">
+                    title="2016-11-13"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         13
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-14">
+                    title="2016-11-14"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         14
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-15">
+                    title="2016-11-15"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         15
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-16">
+                    title="2016-11-16"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         16
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-17">
+                    title="2016-11-17"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         17
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-18">
+                    title="2016-11-18"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         18
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-19">
+                    title="2016-11-19"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         19
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
                 <tr
                   class="ant-fullcalendar-current-week"
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-20">
+                    title="2016-11-20"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         20
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-21">
+                    title="2016-11-21"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         21
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
                     role="gridcell"
-                    title="2016-11-22">
+                    title="2016-11-22"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         22
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-23">
+                    title="2016-11-23"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         23
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-24">
+                    title="2016-11-24"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         24
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-25">
+                    title="2016-11-25"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         25
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-26">
+                    title="2016-11-26"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         26
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-27">
+                    title="2016-11-27"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         27
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-28">
+                    title="2016-11-28"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         28
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-29">
+                    title="2016-11-29"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         29
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell"
                     role="gridcell"
-                    title="2016-11-30">
+                    title="2016-11-30"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         30
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-1">
+                    title="2016-12-1"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         01
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-2">
+                    title="2016-12-2"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         02
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-3">
+                    title="2016-12-3"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         03
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
                 <tr
-                  role="row">
+                  role="row"
+                >
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-4">
+                    title="2016-12-4"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         04
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-5">
+                    title="2016-12-5"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         05
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-6">
+                    title="2016-12-6"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         06
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-7">
+                    title="2016-12-7"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         07
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-8">
+                    title="2016-12-8"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         08
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-9">
+                    title="2016-12-9"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         09
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                   <td
                     class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                     role="gridcell"
-                    title="2016-12-10">
+                    title="2016-12-10"
+                  >
                     <div
-                      class="ant-fullcalendar-date">
+                      class="ant-fullcalendar-date"
+                    >
                       <div
-                        class="ant-fullcalendar-value">
+                        class="ant-fullcalendar-value"
+                      >
                         10
                       </div>
                       <div
-                        class="ant-fullcalendar-content" />
+                        class="ant-fullcalendar-content"
+                      />
                     </div>
                   </td>
                 </tr>
@@ -1147,39 +1454,51 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="example">
+      class="example"
+    >
       <div
-        class="ant-table-wrapper">
+        class="ant-table-wrapper"
+      >
         <div
-          class="ant-spin-nested-loading">
+          class="ant-spin-nested-loading"
+        >
           <div
-            class="ant-spin-container">
+            class="ant-spin-container"
+          >
             <div
-              class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
+              class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left"
+            >
               <div
-                class="ant-table-content">
+                class="ant-table-content"
+              >
                 <div
-                  class="ant-table-body">
+                  class="ant-table-body"
+                >
                   <table
-                    class="">
+                    class=""
+                  >
                     <colgroup>
                       <col />
                       <col />
                     </colgroup>
                     <thead
-                      class="ant-table-thead">
+                      class="ant-table-thead"
+                    >
                       <tr>
                         <th
-                          class="">
+                          class=""
+                        >
                           <span>
                             Name
                             <i
                               class="anticon anticon-filter ant-dropdown-trigger"
-                              title="Filter Menu" />
+                              title="Filter Menu"
+                            />
                           </span>
                         </th>
                         <th
-                          class="">
+                          class=""
+                        >
                           <span>
                             Age
                           </span>
@@ -1187,11 +1506,13 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
                       </tr>
                     </thead>
                     <tbody
-                      class="ant-table-tbody" />
+                      class="ant-table-tbody"
+                    />
                   </table>
                 </div>
                 <div
-                  class="ant-table-placeholder">
+                  class="ant-table-placeholder"
+                >
                   No Data
                 </div>
               </div>
@@ -1204,60 +1525,70 @@ exports[`test renders ./components/locale-provider/demo/all.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/locale-provider/demo/basic.md correctly 1`] = `
+exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
 <div>
   <ul
     class="ant-pagination "
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="Previous Page">
+      title="Previous Page"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="Next Page">
+      title="Next Page"
+    >
       <a />
     </li>
     <div
-      class="ant-pagination-options">
+      class="ant-pagination-options"
+    >
       <div
-        class="ant-pagination-options-size-changer ant-select ant-select-enabled">
+        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -1265,20 +1596,24 @@ exports[`test renders ./components/locale-provider/demo/basic.md correctly 1`] =
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="10 / page">
+              title="10 / page"
+            >
               10 / page
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index 20b1c20491..f29466ffeb 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -1,36 +1,46 @@
-exports[`test renders ./components/menu/demo/horizontal.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
 <ul
   aria-activedescendant=""
   class="ant-menu ant-menu-horizontal  ant-menu-light ant-menu-root"
   role="menu"
-  tabindex="0">
+  tabindex="0"
+>
   <li
     aria-selected="true"
     class="ant-menu-item-selected ant-menu-item"
-    role="menuitem">
+    role="menuitem"
+  >
     <i
-      class="anticon anticon-mail" />
+      class="anticon anticon-mail"
+    />
     Navigation One
   </li>
   <li
     aria-disabled="true"
     aria-selected="false"
     class="ant-menu-item-disabled ant-menu-item"
-    role="menuitem">
+    role="menuitem"
+  >
     <i
-      class="anticon anticon-appstore" />
+      class="anticon anticon-appstore"
+    />
     Navigation Two
   </li>
   <li
-    class="ant-menu-submenu-horizontal ant-menu-submenu">
+    class="ant-menu-submenu-horizontal ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="item_2$Menu"
-      class="ant-menu-submenu-title">
+      class="ant-menu-submenu-title"
+    >
       <span>
         <i
-          class="anticon anticon-setting" />
+          class="anticon anticon-setting"
+        />
         Navigation Three - Submenu
       </span>
     </div>
@@ -38,35 +48,41 @@ exports[`test renders ./components/menu/demo/horizontal.md correctly 1`] = `
   <li
     aria-selected="false"
     class="ant-menu-item"
-    role="menuitem">
+    role="menuitem"
+  >
     <a
       href="https://ant.design"
       rel="noopener noreferrer"
-      target="_blank">
+      target="_blank"
+    >
       Navigation Four - Link
     </a>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
+exports[`renders ./components/menu/demo/sider.md correctly 1`] = `
 <ul
   aria-activedescendant=""
   class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
   role="menu"
   style="width:240px;"
-  tabindex="0">
+  tabindex="0"
+>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
+  >
     <div
       aria-expanded="true"
       aria-haspopup="true"
       aria-owns="sub1$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-mail" />
+          class="anticon anticon-mail"
+        />
         <span>
           Navigation One
         </span>
@@ -76,51 +92,62 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
       aria-activedescendant=""
       class="ant-menu ant-menu-inline  ant-menu-sub"
       id="sub1$Menu"
-      role="menu">
+      role="menu"
+    >
       <li
-        class=" ant-menu-item-group">
+        class=" ant-menu-item-group"
+      >
         <div
-          class="ant-menu-item-group-title">
+          class="ant-menu-item-group-title"
+        >
           Item 1
         </div>
         <ul
-          class="ant-menu-item-group-list">
+          class="ant-menu-item-group-list"
+        >
           <li
             aria-selected="true"
             class="ant-menu-item-selected ant-menu-item"
             role="menuitem"
-            style="padding-left:48px;">
+            style="padding-left:48px;"
+          >
             Option 1
           </li>
           <li
             aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
-            style="padding-left:48px;">
+            style="padding-left:48px;"
+          >
             Option 2
           </li>
         </ul>
       </li>
       <li
-        class=" ant-menu-item-group">
+        class=" ant-menu-item-group"
+      >
         <div
-          class="ant-menu-item-group-title">
+          class="ant-menu-item-group-title"
+        >
           Item 2
         </div>
         <ul
-          class="ant-menu-item-group-list">
+          class="ant-menu-item-group-list"
+        >
           <li
             aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
-            style="padding-left:48px;">
+            style="padding-left:48px;"
+          >
             Option 3
           </li>
           <li
             aria-selected="false"
             class="ant-menu-item"
             role="menuitem"
-            style="padding-left:48px;">
+            style="padding-left:48px;"
+          >
             Option 4
           </li>
         </ul>
@@ -128,16 +155,19 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
     </ul>
   </li>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub2$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-appstore" />
+          class="anticon anticon-appstore"
+        />
         <span>
           Navigation Two
         </span>
@@ -145,16 +175,19 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub4$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-setting" />
+          class="anticon anticon-setting"
+        />
         <span>
           Navigation Three
         </span>
@@ -164,24 +197,28 @@ exports[`test renders ./components/menu/demo/sider.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
+exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
 <ul
   aria-activedescendant=""
   class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
   role="menu"
   style="width:240px;"
-  tabindex="0">
+  tabindex="0"
+>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu-selected ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu-selected ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub1$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-mail" />
+          class="anticon anticon-mail"
+        />
         <span>
           Navigation One
         </span>
@@ -189,16 +226,19 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub2$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-appstore" />
+          class="anticon anticon-appstore"
+        />
         <span>
           Navigation Two
         </span>
@@ -206,16 +246,19 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-menu-submenu-inline ant-menu-submenu">
+    class="ant-menu-submenu-inline ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub4$Menu"
       class="ant-menu-submenu-title"
-      style="padding-left:24px;">
+      style="padding-left:24px;"
+    >
       <span>
         <i
-          class="anticon anticon-setting" />
+          class="anticon anticon-setting"
+        />
         <span>
           Navigation Three
         </span>
@@ -225,13 +268,15 @@ exports[`test renders ./components/menu/demo/sider-current.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
+exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
 <div>
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
   <br />
   <br />
@@ -240,18 +285,22 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
     class="ant-menu ant-menu-inline  ant-menu-light ant-menu-root"
     role="menu"
     style="width:240px;"
-    tabindex="0">
+    tabindex="0"
+  >
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
+    >
       <div
         aria-expanded="true"
         aria-haspopup="true"
         aria-owns="sub1$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-mail" />
+            class="anticon anticon-mail"
+          />
           <span>
             Navigation One
           </span>
@@ -261,51 +310,62 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
         aria-activedescendant=""
         class="ant-menu ant-menu-inline  ant-menu-sub"
         id="sub1$Menu"
-        role="menu">
+        role="menu"
+      >
         <li
-          class=" ant-menu-item-group">
+          class=" ant-menu-item-group"
+        >
           <div
-            class="ant-menu-item-group-title">
+            class="ant-menu-item-group-title"
+          >
             Item 1
           </div>
           <ul
-            class="ant-menu-item-group-list">
+            class="ant-menu-item-group-list"
+          >
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               Option 1
             </li>
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               Option 2
             </li>
           </ul>
         </li>
         <li
-          class=" ant-menu-item-group">
+          class=" ant-menu-item-group"
+        >
           <div
-            class="ant-menu-item-group-title">
+            class="ant-menu-item-group-title"
+          >
             Item 2
           </div>
           <ul
-            class="ant-menu-item-group-list">
+            class="ant-menu-item-group-list"
+          >
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               Option 3
             </li>
             <li
               aria-selected="false"
               class="ant-menu-item"
               role="menuitem"
-              style="padding-left:48px;">
+              style="padding-left:48px;"
+            >
               Option 4
             </li>
           </ul>
@@ -313,16 +373,19 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
       </ul>
     </li>
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu"
+    >
       <div
         aria-expanded="false"
         aria-haspopup="true"
         aria-owns="sub2$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-appstore" />
+            class="anticon anticon-appstore"
+          />
           <span>
             Navigation Two
           </span>
@@ -330,16 +393,19 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
       </div>
     </li>
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu"
+    >
       <div
         aria-expanded="false"
         aria-haspopup="true"
         aria-owns="sub4$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-setting" />
+            class="anticon anticon-setting"
+          />
           <span>
             Navigation Three
           </span>
@@ -350,14 +416,16 @@ exports[`test renders ./components/menu/demo/switch-mode.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
+exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
 <div>
   <span
     checked=""
     class="ant-switch ant-switch-checked"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner">
+      class="ant-switch-inner"
+    >
       Dark
     </span>
   </span>
@@ -368,18 +436,22 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
     class="ant-menu ant-menu-inline  ant-menu-dark ant-menu-root"
     role="menu"
     style="width:240px;"
-    tabindex="0">
+    tabindex="0"
+  >
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected ant-menu-submenu"
+    >
       <div
         aria-expanded="true"
         aria-haspopup="true"
         aria-owns="sub1$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-mail" />
+            class="anticon anticon-mail"
+          />
           <span>
             Navigation One
           </span>
@@ -389,48 +461,56 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
         aria-activedescendant=""
         class="ant-menu ant-menu-inline  ant-menu-sub"
         id="sub1$Menu"
-        role="menu">
+        role="menu"
+      >
         <li
           aria-selected="true"
           class="ant-menu-item-selected ant-menu-item"
           role="menuitem"
-          style="padding-left:48px;">
+          style="padding-left:48px;"
+        >
           Option 1
         </li>
         <li
           aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
-          style="padding-left:48px;">
+          style="padding-left:48px;"
+        >
           Option 2
         </li>
         <li
           aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
-          style="padding-left:48px;">
+          style="padding-left:48px;"
+        >
           Option 3
         </li>
         <li
           aria-selected="false"
           class="ant-menu-item"
           role="menuitem"
-          style="padding-left:48px;">
+          style="padding-left:48px;"
+        >
           Option 4
         </li>
       </ul>
     </li>
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu"
+    >
       <div
         aria-expanded="false"
         aria-haspopup="true"
         aria-owns="sub2$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-appstore" />
+            class="anticon anticon-appstore"
+          />
           <span>
             Navigtion Two
           </span>
@@ -438,16 +518,19 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
       </div>
     </li>
     <li
-      class="ant-menu-submenu-inline ant-menu-submenu">
+      class="ant-menu-submenu-inline ant-menu-submenu"
+    >
       <div
         aria-expanded="false"
         aria-haspopup="true"
         aria-owns="sub4$Menu"
         class="ant-menu-submenu-title"
-        style="padding-left:24px;">
+        style="padding-left:24px;"
+      >
         <span>
           <i
-            class="anticon anticon-setting" />
+            class="anticon anticon-setting"
+          />
           <span>
             Navigation Three
           </span>
@@ -458,23 +541,27 @@ exports[`test renders ./components/menu/demo/theme.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = `
+exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
 <ul
   aria-activedescendant=""
   class="ant-menu ant-menu-vertical  ant-menu-light ant-menu-root"
   role="menu"
   style="width:240px;"
-  tabindex="0">
+  tabindex="0"
+>
   <li
-    class="ant-menu-submenu-vertical ant-menu-submenu">
+    class="ant-menu-submenu-vertical ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub1$Menu"
-      class="ant-menu-submenu-title">
+      class="ant-menu-submenu-title"
+    >
       <span>
         <i
-          class="anticon anticon-mail" />
+          class="anticon anticon-mail"
+        />
         <span>
           Navigation One
         </span>
@@ -482,15 +569,18 @@ exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-menu-submenu-vertical ant-menu-submenu">
+    class="ant-menu-submenu-vertical ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub2$Menu"
-      class="ant-menu-submenu-title">
+      class="ant-menu-submenu-title"
+    >
       <span>
         <i
-          class="anticon anticon-appstore" />
+          class="anticon anticon-appstore"
+        />
         <span>
           Navigation Two
         </span>
@@ -498,15 +588,18 @@ exports[`test renders ./components/menu/demo/vertical.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-menu-submenu-vertical ant-menu-submenu">
+    class="ant-menu-submenu-vertical ant-menu-submenu"
+  >
     <div
       aria-expanded="false"
       aria-haspopup="true"
       aria-owns="sub4$Menu"
-      class="ant-menu-submenu-title">
+      class="ant-menu-submenu-title"
+    >
       <span>
         <icon
-          type="setting" />
+          type="setting"
+        />
         <span>
           Navigation Three
         </span>
diff --git a/components/message/__tests__/__snapshots__/demo.test.js.snap b/components/message/__tests__/__snapshots__/demo.test.js.snap
index 177917c405..c656db924d 100644
--- a/components/message/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/message/__tests__/__snapshots__/demo.test.js.snap
@@ -1,52 +1,60 @@
-exports[`test renders ./components/message/demo/duration.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/message/demo/duration.md correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     Customized display duration
   </span>
 </button>
 `;
 
-exports[`test renders ./components/message/demo/info.md correctly 1`] = `
+exports[`renders ./components/message/demo/info.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Display normal message
   </span>
 </button>
 `;
 
-exports[`test renders ./components/message/demo/loading.md correctly 1`] = `
+exports[`renders ./components/message/demo/loading.md correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     Display a loading indicator
   </span>
 </button>
 `;
 
-exports[`test renders ./components/message/demo/other.md correctly 1`] = `
+exports[`renders ./components/message/demo/other.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Success
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Error
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Warning
     </span>
diff --git a/components/modal/__tests__/__snapshots__/demo.test.js.snap b/components/modal/__tests__/__snapshots__/demo.test.js.snap
index 871662723e..c7718bb59c 100644
--- a/components/modal/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/modal/__tests__/__snapshots__/demo.test.js.snap
@@ -1,8 +1,11 @@
-exports[`test renders ./components/modal/demo/async.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/modal/demo/async.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Open a modal dialog
     </span>
@@ -10,11 +13,12 @@ exports[`test renders ./components/modal/demo/async.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/basic.md correctly 1`] = `
+exports[`renders ./components/modal/demo/basic.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Open a modal dialog
     </span>
@@ -22,31 +26,34 @@ exports[`test renders ./components/modal/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/confirm.md correctly 1`] = `
+exports[`renders ./components/modal/demo/confirm.md correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     confirmation modal dialog
   </span>
 </button>
 `;
 
-exports[`test renders ./components/modal/demo/confirm-promise.md correctly 1`] = `
+exports[`renders ./components/modal/demo/confirm-promise.md correctly 1`] = `
 <button
   class="ant-btn"
-  type="button">
+  type="button"
+>
   <span>
     Confirmation modal dialog
   </span>
 </button>
 `;
 
-exports[`test renders ./components/modal/demo/footer.md correctly 1`] = `
+exports[`renders ./components/modal/demo/footer.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Open modal dialog
     </span>
@@ -54,32 +61,36 @@ exports[`test renders ./components/modal/demo/footer.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/info.md correctly 1`] = `
+exports[`renders ./components/modal/demo/info.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Info
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Success
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Error
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Warning
     </span>
@@ -87,12 +98,13 @@ exports[`test renders ./components/modal/demo/info.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/locale.md correctly 1`] = `
+exports[`renders ./components/modal/demo/locale.md correctly 1`] = `
 <div>
   <div>
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Show Modal
       </span>
@@ -101,7 +113,8 @@ exports[`test renders ./components/modal/demo/locale.md correctly 1`] = `
   <br />
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       confirm
     </span>
@@ -109,11 +122,12 @@ exports[`test renders ./components/modal/demo/locale.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/manual.md correctly 1`] = `
+exports[`renders ./components/modal/demo/manual.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Success
     </span>
@@ -121,11 +135,12 @@ exports[`test renders ./components/modal/demo/manual.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/modal/demo/position.md correctly 1`] = `
+exports[`renders ./components/modal/demo/position.md correctly 1`] = `
 <div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Display a modal dialog at 20px to Top
     </span>
@@ -134,7 +149,8 @@ exports[`test renders ./components/modal/demo/position.md correctly 1`] = `
   <br />
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Vertically centered modal dialog
     </span>
diff --git a/components/modal/__tests__/comfirm.test.js b/components/modal/__tests__/comfirm.test.js
index 5ff7f2b792..e394348314 100644
--- a/components/modal/__tests__/comfirm.test.js
+++ b/components/modal/__tests__/comfirm.test.js
@@ -3,6 +3,16 @@ import Modal from '..';
 const confirm = Modal.confirm;
 
 describe('Modal.confirm triggers callbacks correctly', () => {
+  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+
+  afterEach(() => {
+    errorSpy.mockReset();
+  });
+
+  afterAll(() => {
+    errorSpy.mockRestore();
+  });
+
   function $$(className) {
     return document.body.querySelectorAll(className);
   }
@@ -45,15 +55,13 @@ describe('Modal.confirm triggers callbacks correctly', () => {
     open();
     // Third Modal
     $$('.ant-btn')[4].click();
-    // eslint-disable-next-line
-    expect(console.error.calls).toBe(undefined);
+    expect(errorSpy).not.toHaveBeenCalled();
   });
 
   it('should allow Modal.comfirm without onOk been set', () => {
     open();
     // Fourth Modal
     $$('.ant-btn-primary')[3].click();
-    // eslint-disable-next-line
-    expect(console.error.calls).toBe(undefined);
+    expect(errorSpy).not.toHaveBeenCalled();
   });
 });
diff --git a/components/notification/__tests__/__snapshots__/demo.test.js.snap b/components/notification/__tests__/__snapshots__/demo.test.js.snap
index ab603c0d13..13f50039f1 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.js.snap
@@ -1,38 +1,44 @@
-exports[`test renders ./components/notification/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/notification/demo/basic.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Open the notification box
   </span>
 </button>
 `;
 
-exports[`test renders ./components/notification/demo/custom-icon.md correctly 1`] = `
+exports[`renders ./components/notification/demo/custom-icon.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Open the notification box
   </span>
 </button>
 `;
 
-exports[`test renders ./components/notification/demo/duration.md correctly 1`] = `
+exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Open the notification box
   </span>
 </button>
 `;
 
-exports[`test renders ./components/notification/demo/placement.md correctly 1`] = `
+exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
 <div>
   <div
     class="ant-select ant-select-enabled"
-    style="width:120px;margin-right:10px;">
+    style="width:120px;margin-right:10px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -40,27 +46,32 @@ exports[`test renders ./components/notification/demo/placement.md correctly 1`]
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="topRight">
+          title="topRight"
+        >
           topRight
         </div>
       </div>
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
   </div>
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Open the notification box
     </span>
@@ -68,42 +79,47 @@ exports[`test renders ./components/notification/demo/placement.md correctly 1`]
 </div>
 `;
 
-exports[`test renders ./components/notification/demo/with-btn.md correctly 1`] = `
+exports[`renders ./components/notification/demo/with-btn.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Open the notification box
   </span>
 </button>
 `;
 
-exports[`test renders ./components/notification/demo/with-icon.md correctly 1`] = `
+exports[`renders ./components/notification/demo/with-icon.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Success
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Info
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Warning
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Error
     </span>
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 6cad7d6f66..def0bd8c14 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -1,120 +1,142 @@
-exports[`test renders ./components/pagination/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
 <ul
   class="ant-pagination "
-  unselectable="unselectable">
+  unselectable="unselectable"
+>
   <li
     class="ant-pagination-disabled ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-    title="1">
+    title="1"
+  >
     <a>
       1
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-2"
-    title="2">
+    title="2"
+  >
     <a>
       2
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-3"
-    title="3">
+    title="3"
+  >
     <a>
       3
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-4"
-    title="4">
+    title="4"
+  >
     <a>
       4
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-5"
-    title="5">
+    title="5"
+  >
     <a>
       5
     </a>
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
 <ul
   class="ant-pagination "
-  unselectable="unselectable">
+  unselectable="unselectable"
+>
   <li
     class=" ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-1"
-    title="1">
+    title="1"
+  >
     <a>
       1
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-2"
-    title="2">
+    title="2"
+  >
     <a>
       2
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"
-    title="3">
+    title="3"
+  >
     <a>
       3
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-4"
-    title="4">
+    title="4"
+  >
     <a>
       4
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-    title="5">
+    title="5"
+  >
     <a>
       5
     </a>
   </li>
   <li
     class="ant-pagination-jump-next"
-    title="向后 5 页">
+    title="向后 5 页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-50"
-    title="50">
+    title="50"
+  >
     <a>
       50
     </a>
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
   <div
-    class="ant-pagination-options">
+    class="ant-pagination-options"
+  >
     <div
-      class="ant-pagination-options-size-changer ant-select ant-select-enabled">
+      class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -122,20 +144,24 @@ exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="10 条/页">
+            title="10 条/页"
+          >
             10 条/页
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
@@ -144,236 +170,275 @@ exports[`test renders ./components/pagination/demo/changer.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/controlled.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
 <ul
   class="ant-pagination "
-  unselectable="unselectable">
+  unselectable="unselectable"
+>
   <li
     class=" ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-1"
-    title="1">
+    title="1"
+  >
     <a>
       1
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-2"
-    title="2">
+    title="2"
+  >
     <a>
       2
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-3 ant-pagination-item-active"
-    title="3">
+    title="3"
+  >
     <a>
       3
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-4"
-    title="4">
+    title="4"
+  >
     <a>
       4
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-5"
-    title="5">
+    title="5"
+  >
     <a>
       5
     </a>
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/jump.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
 <ul
   class="ant-pagination "
-  unselectable="unselectable">
+  unselectable="unselectable"
+>
   <li
     class=" ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-1"
-    title="1">
+    title="1"
+  >
     <a>
       1
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-2 ant-pagination-item-active"
-    title="2">
+    title="2"
+  >
     <a>
       2
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-3"
-    title="3">
+    title="3"
+  >
     <a>
       3
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-4"
-    title="4">
+    title="4"
+  >
     <a>
       4
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-    title="5">
+    title="5"
+  >
     <a>
       5
     </a>
   </li>
   <li
     class="ant-pagination-jump-next"
-    title="向后 5 页">
+    title="向后 5 页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-50"
-    title="50">
+    title="50"
+  >
     <a>
       50
     </a>
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
   <div
-    class="ant-pagination-options">
+    class="ant-pagination-options"
+  >
     <div
-      class="ant-pagination-options-quick-jumper">
+      class="ant-pagination-options-quick-jumper"
+    >
       跳至
       <input
         type="text"
-        value="2" />
+        value="2"
+      />
       页
     </div>
   </div>
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
 <div>
   <ul
     class="ant-pagination mini"
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
+      title="上一页"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="下一页">
+      title="下一页"
+    >
       <a />
     </li>
   </ul>
   <ul
     class="ant-pagination mini"
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
+      title="上一页"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="下一页">
+      title="下一页"
+    >
       <a />
     </li>
     <div
-      class="ant-pagination-options">
+      class="ant-pagination-options"
+    >
       <div
-        class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled">
+        class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
+      >
         <div
           aria-autocomplete="list"
           aria-expanded="false"
@@ -381,300 +446,351 @@ exports[`test renders ./components/pagination/demo/mini.md correctly 1`] = `
           class="ant-select-selection
                     ant-select-selection--single"
           role="combobox"
-          tabindex="0">
+          tabindex="0"
+        >
           <div
-            class="ant-select-selection__rendered">
+            class="ant-select-selection__rendered"
+          >
             <div
               class="ant-select-selection-selected-value"
               style="display:block;opacity:1;"
-              title="10 条/页">
+              title="10 条/页"
+            >
               10 条/页
             </div>
           </div>
           <span
             class="ant-select-arrow"
             style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <b />
           </span>
         </div>
       </div>
       <div
-        class="ant-pagination-options-quick-jumper">
+        class="ant-pagination-options-quick-jumper"
+      >
         跳至
         <input
           type="text"
-          value="1" />
+          value="1"
+        />
         页
       </div>
     </div>
   </ul>
   <ul
     class="ant-pagination mini"
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <span
-      class="ant-pagination-total-text">
+      class="ant-pagination-total-text"
+    >
       Total 50 items
     </span>
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
+      title="上一页"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="下一页">
+      title="下一页"
+    >
       <a />
     </li>
   </ul>
 </div>
 `;
 
-exports[`test renders ./components/pagination/demo/more.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
 <ul
   class="ant-pagination "
-  unselectable="unselectable">
+  unselectable="unselectable"
+>
   <li
     class=" ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-1"
-    title="1">
+    title="1"
+  >
     <a>
       1
     </a>
   </li>
   <li
     class="ant-pagination-jump-prev"
-    title="向前 5 页">
+    title="向前 5 页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-4 ant-pagination-item-after-jump-prev"
-    title="4">
+    title="4"
+  >
     <a>
       4
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-5"
-    title="5">
+    title="5"
+  >
     <a>
       5
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-6 ant-pagination-item-active"
-    title="6">
+    title="6"
+  >
     <a>
       6
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-7"
-    title="7">
+    title="7"
+  >
     <a>
       7
     </a>
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-8 ant-pagination-item-before-jump-next"
-    title="8">
+    title="8"
+  >
     <a>
       8
     </a>
   </li>
   <li
     class="ant-pagination-jump-next"
-    title="向后 5 页">
+    title="向后 5 页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-item ant-pagination-item-50"
-    title="50">
+    title="50"
+  >
     <a>
       50
     </a>
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/simple.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
 <ul
-  class="ant-pagination ant-pagination-simple ">
+  class="ant-pagination ant-pagination-simple "
+>
   <li
     class=" ant-pagination-prev"
-    title="上一页">
+    title="上一页"
+  >
     <a />
   </li>
   <li
     class="ant-pagination-simple-pager"
-    title="2/5">
+    title="2/5"
+  >
     <input
       type="text"
-      value="2" />
+      value="2"
+    />
     <span
-      class="ant-pagination-slash">
+      class="ant-pagination-slash"
+    >
       ／
     </span>
     5
   </li>
   <li
     class=" ant-pagination-next"
-    title="下一页">
+    title="下一页"
+  >
     <a />
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/pagination/demo/total.md correctly 1`] = `
+exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
 <div>
   <ul
     class="ant-pagination "
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <span
-      class="ant-pagination-total-text">
+      class="ant-pagination-total-text"
+    >
       Total 85 items
     </span>
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
+      title="上一页"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="下一页">
+      title="下一页"
+    >
       <a />
     </li>
   </ul>
   <br />
   <ul
     class="ant-pagination "
-    unselectable="unselectable">
+    unselectable="unselectable"
+  >
     <span
-      class="ant-pagination-total-text">
+      class="ant-pagination-total-text"
+    >
       1-20 of 85 items
     </span>
     <li
       class="ant-pagination-disabled ant-pagination-prev"
-      title="上一页">
+      title="上一页"
+    >
       <a />
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-      title="1">
+      title="1"
+    >
       <a>
         1
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-2"
-      title="2">
+      title="2"
+    >
       <a>
         2
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-3"
-      title="3">
+      title="3"
+    >
       <a>
         3
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-4"
-      title="4">
+      title="4"
+    >
       <a>
         4
       </a>
     </li>
     <li
       class="ant-pagination-item ant-pagination-item-5"
-      title="5">
+      title="5"
+    >
       <a>
         5
       </a>
     </li>
     <li
       class=" ant-pagination-next"
-      title="下一页">
+      title="下一页"
+    >
       <a />
     </li>
   </ul>
diff --git a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
index 9155283f52..004ef45115 100644
--- a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
@@ -1,14 +1,18 @@
-exports[`test renders ./components/popconfirm/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
 <a
-  href="#">
+  href="#"
+>
   Delete
 </a>
 `;
 
-exports[`test renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
+exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
 <div>
   <a
-    href="#">
+    href="#"
+  >
     Delete a task
   </a>
   <br />
@@ -16,114 +20,134 @@ exports[`test renders ./components/popconfirm/demo/dynamic-trigger.md correctly
   Whether directly execute：
   <span
     class="ant-switch ant-switch-checked"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/popconfirm/demo/locale.md correctly 1`] = `
+exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
 <a
-  href="#">
+  href="#"
+>
   Delete
 </a>
 `;
 
-exports[`test renders ./components/popconfirm/demo/placement.md correctly 1`] = `
+exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
 <div
-  class="demo">
+  class="demo"
+>
   <div
-    style="margin-left:70px;white-space:nowrap;">
+    style="margin-left:70px;white-space:nowrap;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         TL
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Top
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         TR
       </span>
     </button>
   </div>
   <div
-    style="width:70px;float:left;">
+    style="width:70px;float:left;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         LT
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Left
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         LB
       </span>
     </button>
   </div>
   <div
-    style="width:70px;margin-left:304px;">
+    style="width:70px;margin-left:304px;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         RT
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Right
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         RB
       </span>
     </button>
   </div>
   <div
-    style="margin-left:70px;clear:both;white-space:nowrap;">
+    style="margin-left:70px;clear:both;white-space:nowrap;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         BL
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Bottom
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         BR
       </span>
diff --git a/components/popover/__tests__/__snapshots__/demo.test.js.snap b/components/popover/__tests__/__snapshots__/demo.test.js.snap
index 24cfb2a0ad..bf241f1e9a 100644
--- a/components/popover/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popover/__tests__/__snapshots__/demo.test.js.snap
@@ -1,15 +1,19 @@
-exports[`test renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Align edge / 边缘对齐
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Arrow points to center / 箭头指向中心
     </span>
@@ -17,120 +21,139 @@ exports[`test renders ./components/popover/demo/arrow-point-at-center.md correct
 </div>
 `;
 
-exports[`test renders ./components/popover/demo/basic.md correctly 1`] = `
+exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Hover me
   </span>
 </button>
 `;
 
-exports[`test renders ./components/popover/demo/control.md correctly 1`] = `
+exports[`renders ./components/popover/demo/control.md correctly 1`] = `
 <button
   class="ant-btn ant-btn-primary"
-  type="button">
+  type="button"
+>
   <span>
     Click me
   </span>
 </button>
 `;
 
-exports[`test renders ./components/popover/demo/placement.md correctly 1`] = `
+exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
 <div
-  class="demo">
+  class="demo"
+>
   <div
-    style="margin-left:70px;white-space:nowrap;">
+    style="margin-left:70px;white-space:nowrap;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         TL
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Top
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         TR
       </span>
     </button>
   </div>
   <div
-    style="width:70px;float:left;">
+    style="width:70px;float:left;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         LT
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Left
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         LB
       </span>
     </button>
   </div>
   <div
-    style="width:70px;margin-left:304px;">
+    style="width:70px;margin-left:304px;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         RT
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Right
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         RB
       </span>
     </button>
   </div>
   <div
-    style="margin-left:70px;clear:both;white-space:nowrap;">
+    style="margin-left:70px;clear:both;white-space:nowrap;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         BL
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Bottom
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         BR
       </span>
@@ -139,25 +162,28 @@ exports[`test renders ./components/popover/demo/placement.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/popover/demo/triggerType.md correctly 1`] = `
+exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Hover me
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Focus me
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Click me
     </span>
diff --git a/components/progress/__tests__/__snapshots__/demo.test.js.snap b/components/progress/__tests__/__snapshots__/demo.test.js.snap
index 3ab155646f..ff71a078f3 100644
--- a/components/progress/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/progress/__tests__/__snapshots__/demo.test.js.snap
@@ -1,13 +1,18 @@
-exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -15,7 +20,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -25,22 +31,27 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
           stroke="#108ee9"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         75%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -48,7 +59,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -58,23 +70,29 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
           stroke="#ff5500"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-cross" />
+          class="anticon anticon-cross"
+        />
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -82,7 +100,8 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -92,28 +111,34 @@ exports[`test renders ./components/progress/demo/circle.md correctly 1`] = `
           stroke="#87d068"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-check" />
+          class="anticon anticon-check"
+        />
       </span>
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
+exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -121,7 +146,8 @@ exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`]
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -131,42 +157,52 @@ exports[`test renders ./components/progress/demo/circle-dynamic.md correctly 1`]
           stroke="#108ee9"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:295.3097094374406px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:295.3097094374406px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         0%
       </span>
     </div>
   </div>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-minus" />
+        class="anticon anticon-minus"
+      />
     </button>
     <button
       class="ant-btn ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-plus" />
+        class="anticon anticon-plus"
+      />
     </button>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] = `
+exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:80px;height:80px;font-size:18.8px;">
+      style="width:80px;height:80px;font-size:18.8px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -174,7 +210,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -184,22 +221,27 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
           stroke="#108ee9"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:206.7167966062084px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:206.7167966062084px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         30%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-exception ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:80px;height:80px;font-size:18.8px;">
+      style="width:80px;height:80px;font-size:18.8px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -207,7 +249,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -217,23 +260,29 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
           stroke="#ff5500"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:88.59291283123217px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-cross" />
+          class="anticon anticon-cross"
+        />
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:80px;height:80px;font-size:18.8px;">
+      style="width:80px;height:80px;font-size:18.8px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -241,7 +290,8 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -251,66 +301,82 @@ exports[`test renders ./components/progress/demo/circle-mini.md correctly 1`] =
           stroke="#87d068"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-check" />
+          class="anticon anticon-check"
+        />
       </span>
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/dynamic.md correctly 1`] = `
+exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:0%;height:10px;" />
+            style="width:0%;height:10px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         0%
       </span>
     </div>
   </div>
   <div
-    class="ant-btn-group">
+    class="ant-btn-group"
+  >
     <button
       class="ant-btn ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-minus" />
+        class="anticon anticon-minus"
+      />
     </button>
     <button
       class="ant-btn ant-btn-icon-only"
-      type="button">
+      type="button"
+    >
       <i
-        class="anticon anticon-plus" />
+        class="anticon anticon-plus"
+      />
     </button>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
+exports[`renders ./components/progress/demo/format.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -318,7 +384,8 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -328,22 +395,27 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
           stroke="#108ee9"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:73.82742735936014px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         75 Days
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info">
+    class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info"
+  >
     <div
       class="ant-progress-inner"
-      style="width:132px;height:132px;font-size:27.12px;">
+      style="width:132px;height:132px;font-size:27.12px;"
+    >
       <svg
         class="ant-progress-circle "
-        viewbox="0 0 100 100">
+        viewbox="0 0 100 100"
+      >
         <path
           class="ant-progress-circle-trail"
           d="M 50,50 m 0,-47
@@ -351,7 +423,8 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
              a 47,47 0 1 1 0,-94"
           fill-opacity="0"
           stroke="#f3f3f3"
-          stroke-width="6" />
+          stroke-width="6"
+        />
         <path
           class="ant-progress-circle-path"
           d="M 50,50 m 0,-47
@@ -361,10 +434,12 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
           stroke="#87d068"
           stroke-linecap="round"
           stroke-width="6"
-          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;" />
+          style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:0px;transition:stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease;"
+        />
       </svg>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         Done
       </span>
     </div>
@@ -372,92 +447,118 @@ exports[`test renders ./components/progress/demo/format.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/line.md correctly 1`] = `
+exports[`renders ./components/progress/demo/line.md correctly 1`] = `
 <div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:30%;height:10px;" />
+            style="width:30%;height:10px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         30%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:50%;height:10px;" />
+            style="width:50%;height:10px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         50%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:70%;height:10px;" />
+            style="width:70%;height:10px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-cross-circle" />
+          class="anticon anticon-cross-circle"
+        />
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:100%;height:10px;" />
+            style="width:100%;height:10px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-check-circle" />
+          class="anticon anticon-check-circle"
+        />
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-normal">
+    class="ant-progress ant-progress-line ant-progress-status-normal"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:50%;height:10px;" />
+            style="width:50%;height:10px;"
+          />
         </div>
       </div>
     </div>
@@ -465,80 +566,103 @@ exports[`test renders ./components/progress/demo/line.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/progress/demo/line-mini.md correctly 1`] = `
+exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
 <div
-  style="width:170px;">
+  style="width:170px;"
+>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:30%;height:5px;" />
+            style="width:30%;height:5px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         30%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:50%;height:5px;" />
+            style="width:50%;height:5px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         50%
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:70%;height:5px;" />
+            style="width:70%;height:5px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-cross-circle" />
+          class="anticon anticon-cross-circle"
+        />
       </span>
     </div>
   </div>
   <div
-    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info">
+    class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info"
+  >
     <div>
       <div
-        class="ant-progress-outer">
+        class="ant-progress-outer"
+      >
         <div
-          class="ant-progress-inner">
+          class="ant-progress-inner"
+        >
           <div
             class="ant-progress-bg"
-            style="width:100%;height:5px;" />
+            style="width:100%;height:5px;"
+          />
         </div>
       </div>
       <span
-        class="ant-progress-text">
+        class="ant-progress-text"
+      >
         <i
-          class="anticon anticon-check-circle" />
+          class="anticon anticon-check-circle"
+        />
       </span>
     </div>
   </div>
diff --git a/components/radio/__tests__/__snapshots__/demo.test.js.snap b/components/radio/__tests__/__snapshots__/demo.test.js.snap
index 37a8b00aef..807e797620 100644
--- a/components/radio/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/radio/__tests__/__snapshots__/demo.test.js.snap
@@ -1,13 +1,19 @@
-exports[`test renders ./components/radio/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
 <label
-  class="ant-radio-wrapper">
+  class="ant-radio-wrapper"
+>
   <span
-    class="ant-radio">
+    class="ant-radio"
+  >
     <input
       class="ant-radio-input"
-      type="radio" />
+      type="radio"
+    />
     <span
-      class="ant-radio-inner" />
+      class="ant-radio-inner"
+    />
   </span>
   <span>
     Radio
@@ -15,18 +21,22 @@ exports[`test renders ./components/radio/demo/basic.md correctly 1`] = `
 </label>
 `;
 
-exports[`test renders ./components/radio/demo/disable.md correctly 1`] = `
+exports[`renders ./components/radio/demo/disable.md correctly 1`] = `
 <div>
   <label
-    class="ant-radio-wrapper ant-radio-wrapper-disabled">
+    class="ant-radio-wrapper ant-radio-wrapper-disabled"
+  >
     <span
-      class="ant-radio ant-radio-disabled">
+      class="ant-radio ant-radio-disabled"
+    >
       <input
         class="ant-radio-input"
         disabled=""
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       Disabled
@@ -34,26 +44,32 @@ exports[`test renders ./components/radio/demo/disable.md correctly 1`] = `
   </label>
   <br />
   <label
-    class="ant-radio-wrapper ant-radio-wrapper-disabled">
+    class="ant-radio-wrapper ant-radio-wrapper-disabled"
+  >
     <span
-      class="ant-radio ant-radio-checked ant-radio-disabled">
+      class="ant-radio ant-radio-checked ant-radio-disabled"
+    >
       <input
         checked=""
         class="ant-radio-input"
         disabled=""
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       Disabled
     </span>
   </label>
   <div
-    style="margin-top:20px;">
+    style="margin-top:20px;"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Toggle disabled
       </span>
@@ -62,63 +78,80 @@ exports[`test renders ./components/radio/demo/disable.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
+exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
 <div>
   <div>
     <div
-      class="ant-radio-group">
+      class="ant-radio-group"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
@@ -127,62 +160,80 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
     </div>
   </div>
   <div
-    style="margin-top:16px;">
+    style="margin-top:16px;"
+  >
     <div
-      class="ant-radio-group">
+      class="ant-radio-group"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
+      >
         <span
-          class="ant-radio-button ant-radio-button-disabled">
+          class="ant-radio-button ant-radio-button-disabled"
+        >
           <input
             class="ant-radio-button-input"
             disabled=""
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
@@ -191,65 +242,83 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
     </div>
   </div>
   <div
-    style="margin-top:16px;">
+    style="margin-top:16px;"
+  >
     <div
-      class="ant-radio-group">
+      class="ant-radio-group"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked ant-radio-button-wrapper-disabled"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled">
+          class="ant-radio-button ant-radio-button-checked ant-radio-button-disabled"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
             disabled=""
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
+      >
         <span
-          class="ant-radio-button ant-radio-button-disabled">
+          class="ant-radio-button ant-radio-button-disabled"
+        >
           <input
             class="ant-radio-button-input"
             disabled=""
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
+      >
         <span
-          class="ant-radio-button ant-radio-button-disabled">
+          class="ant-radio-button ant-radio-button-disabled"
+        >
           <input
             class="ant-radio-button-input"
             disabled=""
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-disabled"
+      >
         <span
-          class="ant-radio-button ant-radio-button-disabled">
+          class="ant-radio-button ant-radio-button-disabled"
+        >
           <input
             class="ant-radio-button-input"
             disabled=""
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
@@ -260,61 +329,78 @@ exports[`test renders ./components/radio/demo/radiobutton.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/radio/demo/radiogroup.md correctly 1`] = `
+exports[`renders ./components/radio/demo/radiogroup.md correctly 1`] = `
 <div
-  class="ant-radio-group">
+  class="ant-radio-group"
+>
   <label
-    class="ant-radio-wrapper ant-radio-wrapper-checked">
+    class="ant-radio-wrapper ant-radio-wrapper-checked"
+  >
     <span
-      class="ant-radio ant-radio-checked">
+      class="ant-radio ant-radio-checked"
+    >
       <input
         checked=""
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       A
     </span>
   </label>
   <label
-    class="ant-radio-wrapper">
+    class="ant-radio-wrapper"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       B
     </span>
   </label>
   <label
-    class="ant-radio-wrapper">
+    class="ant-radio-wrapper"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       C
     </span>
   </label>
   <label
-    class="ant-radio-wrapper">
+    class="ant-radio-wrapper"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       D
@@ -323,20 +409,25 @@ exports[`test renders ./components/radio/demo/radiogroup.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
+exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
 <div
-  class="ant-radio-group">
+  class="ant-radio-group"
+>
   <label
     class="ant-radio-wrapper ant-radio-wrapper-checked"
-    style="display:block;height:30px;line-height:30px;">
+    style="display:block;height:30px;line-height:30px;"
+  >
     <span
-      class="ant-radio ant-radio-checked">
+      class="ant-radio ant-radio-checked"
+    >
       <input
         checked=""
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       Option A
@@ -344,14 +435,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
   </label>
   <label
     class="ant-radio-wrapper"
-    style="display:block;height:30px;line-height:30px;">
+    style="display:block;height:30px;line-height:30px;"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       Option B
@@ -359,14 +454,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
   </label>
   <label
     class="ant-radio-wrapper"
-    style="display:block;height:30px;line-height:30px;">
+    style="display:block;height:30px;line-height:30px;"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       Option C
@@ -374,14 +473,18 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
   </label>
   <label
     class="ant-radio-wrapper"
-    style="display:block;height:30px;line-height:30px;">
+    style="display:block;height:30px;line-height:30px;"
+  >
     <span
-      class="ant-radio">
+      class="ant-radio"
+    >
       <input
         class="ant-radio-input"
-        type="radio" />
+        type="radio"
+      />
       <span
-        class="ant-radio-inner" />
+        class="ant-radio-inner"
+      />
     </span>
     <span>
       More...
@@ -390,63 +493,80 @@ exports[`test renders ./components/radio/demo/radiogroup-more.md correctly 1`] =
 </div>
 `;
 
-exports[`test renders ./components/radio/demo/size.md correctly 1`] = `
+exports[`renders ./components/radio/demo/size.md correctly 1`] = `
 <div>
   <div>
     <div
-      class="ant-radio-group ant-radio-group-large">
+      class="ant-radio-group ant-radio-group-large"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
@@ -455,61 +575,79 @@ exports[`test renders ./components/radio/demo/size.md correctly 1`] = `
     </div>
   </div>
   <div
-    style="margin-top:16px;">
+    style="margin-top:16px;"
+  >
     <div
-      class="ant-radio-group">
+      class="ant-radio-group"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
@@ -518,61 +656,79 @@ exports[`test renders ./components/radio/demo/size.md correctly 1`] = `
     </div>
   </div>
   <div
-    style="margin-top:16px;">
+    style="margin-top:16px;"
+  >
     <div
-      class="ant-radio-group ant-radio-group-small">
+      class="ant-radio-group ant-radio-group-small"
+    >
       <label
-        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+        class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+      >
         <span
-          class="ant-radio-button ant-radio-button-checked">
+          class="ant-radio-button ant-radio-button-checked"
+        >
           <input
             checked=""
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Hangzhou
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Shanghai
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Beijing
         </span>
       </label>
       <label
-        class="ant-radio-button-wrapper">
+        class="ant-radio-button-wrapper"
+      >
         <span
-          class="ant-radio-button">
+          class="ant-radio-button"
+        >
           <input
             class="ant-radio-button-input"
-            type="radio" />
+            type="radio"
+          />
           <span
-            class="ant-radio-button-inner" />
+            class="ant-radio-button-inner"
+          />
         </span>
         <span>
           Chengdu
diff --git a/components/radio/__tests__/__snapshots__/radio.test.js.snap b/components/radio/__tests__/__snapshots__/radio.test.js.snap
index ae4e65b6ed..91a3c5cb8b 100644
--- a/components/radio/__tests__/__snapshots__/radio.test.js.snap
+++ b/components/radio/__tests__/__snapshots__/radio.test.js.snap
@@ -1,13 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Radio should render correctly 1`] = `
 <label
-  class="ant-radio-wrapper customized">
+  class="ant-radio-wrapper customized"
+>
   <span
-    class="ant-radio">
+    class="ant-radio"
+  >
     <input
       class="ant-radio-input"
-      type="radio" />
+      type="radio"
+    />
     <span
-      class="ant-radio-inner" />
+      class="ant-radio-inner"
+    />
   </span>
   <span>
     Test
diff --git a/components/rate/__tests__/__snapshots__/demo.test.js.snap b/components/rate/__tests__/__snapshots__/demo.test.js.snap
index 950184be0e..6ee1e925bf 100644
--- a/components/rate/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/rate/__tests__/__snapshots__/demo.test.js.snap
@@ -1,259 +1,345 @@
-exports[`test renders ./components/rate/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
 <ul
-  class="ant-rate">
+  class="ant-rate"
+>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/rate/demo/character.md correctly 1`] = `
+exports[`renders ./components/rate/demo/character.md correctly 1`] = `
 <div>
   <ul
-    class="ant-rate">
+    class="ant-rate"
+  >
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-heart" />
+          class="anticon anticon-heart"
+        />
       </div>
     </li>
   </ul>
   <br />
   <ul
     class="ant-rate"
-    style="font-size:36px;">
+    style="font-size:36px;"
+  >
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         A
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         A
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         A
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         A
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         A
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         A
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         A
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         A
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         A
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         A
       </div>
     </li>
   </ul>
   <br />
   <ul
-    class="ant-rate">
+    class="ant-rate"
+  >
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         好
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         好
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         好
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         好
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         好
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         好
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         好
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         好
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         好
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         好
       </div>
     </li>
@@ -261,220 +347,299 @@ exports[`test renders ./components/rate/demo/character.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/rate/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
 <ul
-  class="ant-rate ant-rate-disabled">
+  class="ant-rate ant-rate-disabled"
+>
   <li
-    class="ant-rate-star ant-rate-star-full">
+    class="ant-rate-star ant-rate-star-full"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-full">
+    class="ant-rate-star ant-rate-star-full"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/rate/demo/half.md correctly 1`] = `
+exports[`renders ./components/rate/demo/half.md correctly 1`] = `
 <ul
-  class="ant-rate">
+  class="ant-rate"
+>
   <li
-    class="ant-rate-star ant-rate-star-full">
+    class="ant-rate-star ant-rate-star-full"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-full">
+    class="ant-rate-star ant-rate-star-full"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-half ant-rate-star-active">
+    class="ant-rate-star ant-rate-star-half ant-rate-star-active"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
   <li
-    class="ant-rate-star ant-rate-star-zero">
+    class="ant-rate-star ant-rate-star-zero"
+  >
     <div
-      class="ant-rate-star-first">
+      class="ant-rate-star-first"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
     <div
-      class="ant-rate-star-second">
+      class="ant-rate-star-second"
+    >
       <i
-        class="anticon anticon-star" />
+        class="anticon anticon-star"
+      />
     </div>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/rate/demo/text.md correctly 1`] = `
+exports[`renders ./components/rate/demo/text.md correctly 1`] = `
 <span>
   <ul
-    class="ant-rate">
+    class="ant-rate"
+  >
     <li
-      class="ant-rate-star ant-rate-star-full">
+      class="ant-rate-star ant-rate-star-full"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-full">
+      class="ant-rate-star ant-rate-star-full"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-full">
+      class="ant-rate-star ant-rate-star-full"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
     </li>
     <li
-      class="ant-rate-star ant-rate-star-zero">
+      class="ant-rate-star ant-rate-star-zero"
+    >
       <div
-        class="ant-rate-star-first">
+        class="ant-rate-star-first"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
       <div
-        class="ant-rate-star-second">
+        class="ant-rate-star-second"
+      >
         <i
-          class="anticon anticon-star" />
+          class="anticon anticon-star"
+        />
       </div>
     </li>
   </ul>
   <span
-    class="ant-rate-text">
+    class="ant-rate-text"
+  >
     3 stars
   </span>
 </span>
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index 37209fed08..fa815e849a 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -1,26 +1,35 @@
-exports[`test renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
 <div
   class="ant-select ant-select-enabled"
-  style="width:100%;">
+  style="width:100%;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--multiple"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-select-search__field"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -31,11 +40,12 @@ exports[`test renders ./components/select/demo/automatic-tokenization.md correct
 </div>
 `;
 
-exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
+exports[`renders ./components/select/demo/basic.md correctly 1`] = `
 <div>
   <div
     class="ant-select ant-select-enabled"
-    style="width:120px;">
+    style="width:120px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -43,27 +53,32 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy">
+          title="Lucy"
+        >
           Lucy
         </div>
       </div>
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
   </div>
   <div
     class="ant-select ant-select-disabled ant-select-allow-clear"
-    style="width:120px;">
+    style="width:120px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -71,24 +86,29 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy">
+          title="Lucy"
+        >
           Lucy
         </div>
       </div>
       <span
         class="ant-select-selection__clear"
         style="user-select:none;-webkit-user-select:none;display:block;"
-        unselectable="unselectable" />
+        unselectable="unselectable"
+      />
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
@@ -96,116 +116,11 @@ exports[`test renders ./components/select/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/select/demo/combobox.md correctly 1`] = `
+exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
 <div
   class="ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;">
-  <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox">
-    <div
-      class="ant-select-selection__rendered">
-      <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
-        Enter the account name
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline">
-          <div
-            class="ant-select-search__field__wrap">
-            <input
-              class="ant-select-search__field"
-              value="" />
-            <span
-              class="ant-select-search__field__mirror">
-               
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
-      <b />
-    </span>
-  </div>
-</div>
-`;
-
-exports[`test renders ./components/select/demo/coordinate.md correctly 1`] = `
-<div>
-  <div
-    class="ant-select ant-select-enabled"
-    style="width:90px;">
-    <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0">
-      <div
-        class="ant-select-selection__rendered">
-        <div
-          class="ant-select-selection-selected-value"
-          style="display:block;opacity:1;"
-          title="Zhejiang">
-          Zhejiang
-        </div>
-      </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
-        <b />
-      </span>
-    </div>
-  </div>
-  <div
-    class="ant-select ant-select-enabled"
-    style="width:90px;">
-    <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0">
-      <div
-        class="ant-select-selection__rendered">
-        <div
-          class="ant-select-selection-selected-value"
-          style="display:block;opacity:1;"
-          title="Hangzhou">
-          Hangzhou
-        </div>
-      </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
-        <b />
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`test renders ./components/select/demo/label-in-value.md correctly 1`] = `
-<div
-  class="ant-select ant-select-enabled"
-  style="width:120px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
@@ -213,43 +128,176 @@ exports[`test renders ./components/select/demo/label-in-value.md correctly 1`] =
     class="ant-select-selection
               ant-select-selection--single"
     role="combobox"
-    tabindex="0">
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
-        class="ant-select-selection-selected-value"
-        style="display:block;opacity:1;"
-        title="Lucy (101)">
-        Lucy (101)
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        Enter the account name
       </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <div
+            class="ant-select-search__field__wrap"
+          >
+            <input
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
     </div>
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
+exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
+<div>
+  <div
+    class="ant-select ant-select-enabled"
+    style="width:90px;"
+  >
+    <div
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
+    >
+      <div
+        class="ant-select-selection__rendered"
+      >
+        <div
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Zhejiang"
+        >
+          Zhejiang
+        </div>
+      </div>
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        <b />
+      </span>
+    </div>
+  </div>
+  <div
+    class="ant-select ant-select-enabled"
+    style="width:90px;"
+  >
+    <div
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
+    >
+      <div
+        class="ant-select-selection__rendered"
+      >
+        <div
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Hangzhou"
+        >
+          Hangzhou
+        </div>
+      </div>
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        <b />
+      </span>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
 <div
   class="ant-select ant-select-enabled"
-  style="width:100%;">
+  style="width:120px;"
+>
+  <div
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
+    tabindex="0"
+  >
+    <div
+      class="ant-select-selection__rendered"
+    >
+      <div
+        class="ant-select-selection-selected-value"
+        style="display:block;opacity:1;"
+        title="Lucy (101)"
+      >
+        Lucy (101)
+      </div>
+    </div>
+    <span
+      class="ant-select-arrow"
+      style="user-select:none;-webkit-user-select:none;"
+      unselectable="unselectable"
+    >
+      <b />
+    </span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
+<div
+  class="ant-select ant-select-enabled"
+  style="width:100%;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--multiple"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:none;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         Please select
       </div>
       <ul>
@@ -257,35 +305,45 @@ exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
           class="ant-select-selection__choice"
           style="user-select:none;-webkit-user-select:none;"
           title="a10"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <div
-            class="ant-select-selection__choice__content">
+            class="ant-select-selection__choice__content"
+          >
             a10
           </div>
           <span
-            class="ant-select-selection__choice__remove" />
+            class="ant-select-selection__choice__remove"
+          />
         </li>
         <li
           class="ant-select-selection__choice"
           style="user-select:none;-webkit-user-select:none;"
           title="c12"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <div
-            class="ant-select-selection__choice__content">
+            class="ant-select-selection__choice__content"
+          >
             c12
           </div>
           <span
-            class="ant-select-selection__choice__remove" />
+            class="ant-select-selection__choice__remove"
+          />
         </li>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-select-search__field"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -296,10 +354,11 @@ exports[`test renders ./components/select/demo/multiple.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = `
+exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
 <div
   class="ant-select ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
@@ -307,30 +366,35 @@ exports[`test renders ./components/select/demo/optgroup.md correctly 1`] = `
     class="ant-select-selection
               ant-select-selection--single"
     role="combobox"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection-selected-value"
         style="display:block;opacity:1;"
-        title="Lucy">
+        title="Lucy"
+      >
         Lucy
       </div>
     </div>
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/select/demo/search.md correctly 1`] = `
+exports[`renders ./components/select/demo/search.md correctly 1`] = `
 <div
   class="ant-select ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
@@ -338,25 +402,32 @@ exports[`test renders ./components/select/demo/search.md correctly 1`] = `
     class="ant-select-selection
               ant-select-selection--single"
     role="combobox"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         Select a person
       </div>
       <div
         class="ant-select-search ant-select-search--inline"
-        style="display:none;">
+        style="display:none;"
+      >
         <div
-          class="ant-select-search__field__wrap">
+          class="ant-select-search__field__wrap"
+        >
           <input
             class="ant-select-search__field"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-select-search__field__mirror">
+            class="ant-select-search__field__mirror"
+          >
              
           </span>
         </div>
@@ -365,42 +436,51 @@ exports[`test renders ./components/select/demo/search.md correctly 1`] = `
     <span
       class="ant-select-arrow"
       style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable">
+      unselectable="unselectable"
+    >
       <b />
     </span>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/select/demo/search-box.md correctly 1`] = `
+exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
 <div
   class="ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;">
+  style="width:200px;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <div
         class="ant-select-selection__placeholder"
         style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         input search text
       </div>
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-select-search__field"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
@@ -411,11 +491,12 @@ exports[`test renders ./components/select/demo/search-box.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/select/demo/size.md correctly 1`] = `
+exports[`renders ./components/select/demo/size.md correctly 1`] = `
 <div>
   <div
     class="ant-select-lg ant-select ant-select-enabled"
-    style="width:200px;">
+    style="width:200px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -423,27 +504,32 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy">
+          title="Lucy"
+        >
           Lucy
         </div>
       </div>
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
   </div>
   <div
     class="ant-select ant-select-enabled"
-    style="width:200px;">
+    style="width:200px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -451,27 +537,32 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy">
+          title="Lucy"
+        >
           Lucy
         </div>
       </div>
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
   </div>
   <div
     class="ant-select-sm ant-select ant-select-enabled"
-    style="width:200px;">
+    style="width:200px;"
+  >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
@@ -479,20 +570,24 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-select-selection__rendered">
+        class="ant-select-selection__rendered"
+      >
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy">
+          title="Lucy"
+        >
           Lucy
         </div>
       </div>
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <b />
       </span>
     </div>
@@ -500,29 +595,36 @@ exports[`test renders ./components/select/demo/size.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/select/demo/tags.md correctly 1`] = `
+exports[`renders ./components/select/demo/tags.md correctly 1`] = `
 <div
   class="ant-select ant-select-enabled"
-  style="width:100%;">
+  style="width:100%;"
+>
   <div
     aria-autocomplete="list"
     aria-expanded="false"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--multiple"
-    role="combobox">
+    role="combobox"
+  >
     <div
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <ul>
         <li
-          class="ant-select-search ant-select-search--inline">
+          class="ant-select-search ant-select-search--inline"
+        >
           <div
-            class="ant-select-search__field__wrap">
+            class="ant-select-search__field__wrap"
+          >
             <input
               class="ant-select-search__field"
-              value="" />
+              value=""
+            />
             <span
-              class="ant-select-search__field__mirror">
+              class="ant-select-search__field__mirror"
+            >
                
             </span>
           </div>
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 41dc071697..e331b9e8ec 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -1,217 +1,290 @@
-exports[`test renders ./components/slider/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
 <div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:30%;" />
+      style="visibility:visible;left:0%;width:30%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle"
-      style="left:30%;" />
+      style="left:30%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track ant-slider-track-1"
-      style="visibility:visible;left:20%;width:30%;" />
+      style="visibility:visible;left:20%;width:30%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle ant-slider-handle-1"
-      style="left:20%;" />
+      style="left:20%;"
+    />
     <div
       class="ant-slider-handle ant-slider-handle-2"
-      style="left:50%;" />
+      style="left:50%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
   Disabled: 
   <span
     class="ant-switch-small ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/event.md correctly 1`] = `
+exports[`renders ./components/slider/demo/event.md correctly 1`] = `
 <div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:30%;" />
+      style="visibility:visible;left:0%;width:30%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle"
-      style="left:30%;" />
+      style="left:30%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track ant-slider-track-1"
-      style="visibility:visible;left:20%;width:30%;" />
+      style="visibility:visible;left:20%;width:30%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle ant-slider-handle-1"
-      style="left:20%;" />
+      style="left:20%;"
+    />
     <div
       class="ant-slider-handle ant-slider-handle-2"
-      style="left:50%;" />
+      style="left:50%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/icon-slider.md correctly 1`] = `
+exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
 <div
-  class="icon-wrapper">
+  class="icon-wrapper"
+>
   <i
-    class="anticon anticon-frown-o anticon-highlight" />
+    class="anticon anticon-frown-o anticon-highlight"
+  />
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:0%;" />
+      style="visibility:visible;left:0%;width:0%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle"
-      style="left:0%;" />
+      style="left:0%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
   <i
-    class="anticon anticon-smile-o" />
+    class="anticon anticon-smile-o"
+  />
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = `
+exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
 <div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-12">
+      class="ant-col-12"
+    >
       <div
-        class="ant-slider">
+        class="ant-slider"
+      >
         <div
-          class="ant-slider-rail" />
+          class="ant-slider-rail"
+        />
         <div
           class="ant-slider-track"
-          style="visibility:visible;left:0%;width:0%;" />
+          style="visibility:visible;left:0%;width:0%;"
+        />
         <div
-          class="ant-slider-step" />
+          class="ant-slider-step"
+        />
         <div
           class="ant-slider-handle"
-          style="left:0%;" />
+          style="left:0%;"
+        />
         <div
-          class="ant-slider-mark" />
+          class="ant-slider-mark"
+        />
       </div>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <div
         class="ant-input-number"
-        style="margin-left:16px;">
+        style="margin-left:16px;"
+      >
         <div
-          class="ant-input-number-handler-wrap">
+          class="ant-input-number-handler-wrap"
+        >
           <span
             class="ant-input-number-handler ant-input-number-handler-up "
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <span
               class="ant-input-number-handler-up-inner"
-              unselectable="unselectable" />
+              unselectable="unselectable"
+            />
           </span>
           <span
             class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <span
               class="ant-input-number-handler-down-inner"
-              unselectable="unselectable" />
+              unselectable="unselectable"
+            />
           </span>
         </div>
         <div
-          class="ant-input-number-input-wrap">
+          class="ant-input-number-input-wrap"
+        >
           <input
             autocomplete="off"
             class="ant-input-number-input"
             max="20"
             min="1"
-            value="1" />
+            value="1"
+          />
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-row">
+    class="ant-row"
+  >
     <div
-      class="ant-col-12">
+      class="ant-col-12"
+    >
       <div
-        class="ant-slider">
+        class="ant-slider"
+      >
         <div
-          class="ant-slider-rail" />
+          class="ant-slider-rail"
+        />
         <div
           class="ant-slider-track"
-          style="visibility:visible;left:0%;width:0%;" />
+          style="visibility:visible;left:0%;width:0%;"
+        />
         <div
-          class="ant-slider-step" />
+          class="ant-slider-step"
+        />
         <div
           class="ant-slider-handle"
-          style="left:0%;" />
+          style="left:0%;"
+        />
         <div
-          class="ant-slider-mark" />
+          class="ant-slider-mark"
+        />
       </div>
     </div>
     <div
-      class="ant-col-4">
+      class="ant-col-4"
+    >
       <div
         class="ant-input-number"
-        style="margin-left:16px;">
+        style="margin-left:16px;"
+      >
         <div
-          class="ant-input-number-handler-wrap">
+          class="ant-input-number-handler-wrap"
+        >
           <span
             class="ant-input-number-handler ant-input-number-handler-up "
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <span
               class="ant-input-number-handler-up-inner"
-              unselectable="unselectable" />
+              unselectable="unselectable"
+            />
           </span>
           <span
             class="ant-input-number-handler ant-input-number-handler-down ant-input-number-handler-down-disabled"
-            unselectable="unselectable">
+            unselectable="unselectable"
+          >
             <span
               class="ant-input-number-handler-down-inner"
-              unselectable="unselectable" />
+              unselectable="unselectable"
+            />
           </span>
         </div>
         <div
-          class="ant-input-number-input-wrap">
+          class="ant-input-number-input-wrap"
+        >
           <input
             autocomplete="off"
             class="ant-input-number-input"
             max="1"
             min="0"
-            value="0.00" />
+            value="0.00"
+          />
         </div>
       </div>
     </div>
@@ -219,56 +292,70 @@ exports[`test renders ./components/slider/demo/input-number.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
+exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
 <div>
   <h4>
     included=true
   </h4>
   <div
-    class="ant-slider ant-slider-with-marks">
+    class="ant-slider ant-slider-with-marks"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:37%;" />
+      style="visibility:visible;left:0%;width:37%;"
+    />
     <div
-      class="ant-slider-step">
+      class="ant-slider-step"
+    >
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:0%;" />
+        style="left:0%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:26%;" />
+        style="left:26%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:37%;" />
+        style="left:37%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:100%;" />
+        style="left:100%;"
+      />
     </div>
     <div
       class="ant-slider-handle"
-      style="left:37%;" />
+      style="left:37%;"
+    />
     <div
-      class="ant-slider-mark">
+      class="ant-slider-mark"
+    >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
+      >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
+      >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
+      >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
+      >
         <strong>
           100°C
         </strong>
@@ -276,53 +363,68 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-slider ant-slider-with-marks">
+    class="ant-slider ant-slider-with-marks"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track ant-slider-track-1"
-      style="visibility:visible;left:26%;width:11%;" />
+      style="visibility:visible;left:26%;width:11%;"
+    />
     <div
-      class="ant-slider-step">
+      class="ant-slider-step"
+    >
       <span
         class="ant-slider-dot"
-        style="left:0%;" />
+        style="left:0%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:26%;" />
+        style="left:26%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:37%;" />
+        style="left:37%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:100%;" />
+        style="left:100%;"
+      />
     </div>
     <div
       class="ant-slider-handle ant-slider-handle-1"
-      style="left:26%;" />
+      style="left:26%;"
+    />
     <div
       class="ant-slider-handle ant-slider-handle-2"
-      style="left:37%;" />
+      style="left:37%;"
+    />
     <div
-      class="ant-slider-mark">
+      class="ant-slider-mark"
+    >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
+      >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
+      >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
+      >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
+      >
         <strong>
           100°C
         </strong>
@@ -333,50 +435,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     included=false
   </h4>
   <div
-    class="ant-slider ant-slider-with-marks">
+    class="ant-slider ant-slider-with-marks"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:hidden;left:0%;width:37%;" />
+      style="visibility:hidden;left:0%;width:37%;"
+    />
     <div
-      class="ant-slider-step">
+      class="ant-slider-step"
+    >
       <span
         class="ant-slider-dot"
-        style="left:0%;" />
+        style="left:0%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:26%;" />
+        style="left:26%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:37%;" />
+        style="left:37%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:100%;" />
+        style="left:100%;"
+      />
     </div>
     <div
       class="ant-slider-handle"
-      style="left:37%;" />
+      style="left:37%;"
+    />
     <div
-      class="ant-slider-mark">
+      class="ant-slider-mark"
+    >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
+      >
         0°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
+      >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
+      >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
+      >
         <strong>
           100°C
         </strong>
@@ -387,50 +503,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     marks & step
   </h4>
   <div
-    class="ant-slider ant-slider-with-marks">
+    class="ant-slider ant-slider-with-marks"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:37%;" />
+      style="visibility:visible;left:0%;width:37%;"
+    />
     <div
-      class="ant-slider-step">
+      class="ant-slider-step"
+    >
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:0%;" />
+        style="left:0%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:26%;" />
+        style="left:26%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:37%;" />
+        style="left:37%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:100%;" />
+        style="left:100%;"
+      />
     </div>
     <div
       class="ant-slider-handle"
-      style="left:37%;" />
+      style="left:37%;"
+    />
     <div
-      class="ant-slider-mark">
+      class="ant-slider-mark"
+    >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
+      >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
+      >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
+      >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
+      >
         <strong>
           100°C
         </strong>
@@ -441,50 +571,64 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
     step=null
   </h4>
   <div
-    class="ant-slider ant-slider-with-marks">
+    class="ant-slider ant-slider-with-marks"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:37%;" />
+      style="visibility:visible;left:0%;width:37%;"
+    />
     <div
-      class="ant-slider-step">
+      class="ant-slider-step"
+    >
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:0%;" />
+        style="left:0%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:26%;" />
+        style="left:26%;"
+      />
       <span
         class="ant-slider-dot ant-slider-dot-active"
-        style="left:37%;" />
+        style="left:37%;"
+      />
       <span
         class="ant-slider-dot"
-        style="left:100%;" />
+        style="left:100%;"
+      />
     </div>
     <div
       class="ant-slider-handle"
-      style="left:37%;" />
+      style="left:37%;"
+    />
     <div
-      class="ant-slider-mark">
+      class="ant-slider-mark"
+    >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
+      >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
+      >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
+      >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;">
+        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
+      >
         <strong>
           100°C
         </strong>
@@ -494,133 +638,177 @@ exports[`test renders ./components/slider/demo/mark.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
+exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
 <div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:0%;" />
+      style="visibility:visible;left:0%;width:0%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle"
-      style="left:0%;" />
+      style="left:0%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
   <div
-    class="ant-slider">
+    class="ant-slider"
+  >
     <div
-      class="ant-slider-rail" />
+      class="ant-slider-rail"
+    />
     <div
       class="ant-slider-track"
-      style="visibility:visible;left:0%;width:0%;" />
+      style="visibility:visible;left:0%;width:0%;"
+    />
     <div
-      class="ant-slider-step" />
+      class="ant-slider-step"
+    />
     <div
       class="ant-slider-handle"
-      style="left:0%;" />
+      style="left:0%;"
+    />
     <div
-      class="ant-slider-mark" />
+      class="ant-slider-mark"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/slider/demo/vertical.md correctly 1`] = `
+exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
 <div
-  style="height:300px;">
+  style="height:300px;"
+>
   <div
-    style="float:left;height:300px;margin-left:70px;">
+    style="float:left;height:300px;margin-left:70px;"
+  >
     <div
-      class="ant-slider ant-slider-vertical">
+      class="ant-slider ant-slider-vertical"
+    >
       <div
-        class="ant-slider-rail" />
+        class="ant-slider-rail"
+      />
       <div
         class="ant-slider-track"
-        style="visibility:visible;bottom:0%;height:30%;" />
+        style="visibility:visible;bottom:0%;height:30%;"
+      />
       <div
-        class="ant-slider-step" />
+        class="ant-slider-step"
+      />
       <div
         class="ant-slider-handle"
-        style="bottom:30%;" />
+        style="bottom:30%;"
+      />
       <div
-        class="ant-slider-mark" />
+        class="ant-slider-mark"
+      />
     </div>
   </div>
   <div
-    style="float:left;height:300px;margin-left:70px;">
+    style="float:left;height:300px;margin-left:70px;"
+  >
     <div
-      class="ant-slider ant-slider-vertical">
+      class="ant-slider ant-slider-vertical"
+    >
       <div
-        class="ant-slider-rail" />
+        class="ant-slider-rail"
+      />
       <div
         class="ant-slider-track ant-slider-track-1"
-        style="visibility:visible;bottom:20%;height:30%;" />
+        style="visibility:visible;bottom:20%;height:30%;"
+      />
       <div
-        class="ant-slider-step" />
+        class="ant-slider-step"
+      />
       <div
         class="ant-slider-handle ant-slider-handle-1"
-        style="bottom:20%;" />
+        style="bottom:20%;"
+      />
       <div
         class="ant-slider-handle ant-slider-handle-2"
-        style="bottom:50%;" />
+        style="bottom:50%;"
+      />
       <div
-        class="ant-slider-mark" />
+        class="ant-slider-mark"
+      />
     </div>
   </div>
   <div
-    style="float:left;height:300px;margin-left:70px;">
+    style="float:left;height:300px;margin-left:70px;"
+  >
     <div
-      class="ant-slider ant-slider-with-marks ant-slider-vertical">
+      class="ant-slider ant-slider-with-marks ant-slider-vertical"
+    >
       <div
-        class="ant-slider-rail" />
+        class="ant-slider-rail"
+      />
       <div
         class="ant-slider-track ant-slider-track-1"
-        style="visibility:visible;bottom:26%;height:11%;" />
+        style="visibility:visible;bottom:26%;height:11%;"
+      />
       <div
-        class="ant-slider-step">
+        class="ant-slider-step"
+      >
         <span
           class="ant-slider-dot"
-          style="bottom:0%;" />
+          style="bottom:0%;"
+        />
         <span
           class="ant-slider-dot ant-slider-dot-active"
-          style="bottom:26%;" />
+          style="bottom:26%;"
+        />
         <span
           class="ant-slider-dot ant-slider-dot-active"
-          style="bottom:37%;" />
+          style="bottom:37%;"
+        />
         <span
           class="ant-slider-dot"
-          style="bottom:100%;" />
+          style="bottom:100%;"
+        />
       </div>
       <div
         class="ant-slider-handle ant-slider-handle-1"
-        style="bottom:26%;" />
+        style="bottom:26%;"
+      />
       <div
         class="ant-slider-handle ant-slider-handle-2"
-        style="bottom:37%;" />
+        style="bottom:37%;"
+      />
       <div
-        class="ant-slider-mark">
+        class="ant-slider-mark"
+      >
         <span
           class="ant-slider-mark-text"
-          style="margin-bottom:-50%;bottom:0%;">
+          style="margin-bottom:-50%;bottom:0%;"
+        >
           0°C
         </span>
         <span
           class="ant-slider-mark-text ant-slider-mark-text-active"
-          style="margin-bottom:-50%;bottom:26%;">
+          style="margin-bottom:-50%;bottom:26%;"
+        >
           26°C
         </span>
         <span
           class="ant-slider-mark-text ant-slider-mark-text-active"
-          style="margin-bottom:-50%;bottom:37%;">
+          style="margin-bottom:-50%;bottom:37%;"
+        >
           37°C
         </span>
         <span
           class="ant-slider-mark-text"
-          style="margin-bottom:-50%;bottom:100%;color:#f50;">
+          style="margin-bottom:-50%;bottom:100%;color:#f50;"
+        >
           <strong>
             100°C
           </strong>
diff --git a/components/spin/__tests__/__snapshots__/demo.test.js.snap b/components/spin/__tests__/__snapshots__/demo.test.js.snap
index 9aaccd322a..7d52b91d7b 100644
--- a/components/spin/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/spin/__tests__/__snapshots__/demo.test.js.snap
@@ -1,8 +1,12 @@
-exports[`test renders ./components/spin/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/spin/demo/basic.md correctly 1`] = `
 <div
-  class="ant-spin ant-spin-spinning">
+  class="ant-spin ant-spin-spinning"
+>
   <span
-    class="ant-spin-dot">
+    class="ant-spin-dot"
+  >
     <i />
     <i />
     <i />
@@ -11,21 +15,26 @@ exports[`test renders ./components/spin/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
+exports[`renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
 <div>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
         class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
-        data-show="true">
+        data-show="true"
+      >
         <span
-          class="ant-alert-message">
+          class="ant-alert-message"
+        >
           Alert message title
         </span>
         <span
-          class="ant-alert-description">
+          class="ant-alert-description"
+        >
           Further details about the context of this alert.
         </span>
       </div>
@@ -34,28 +43,54 @@ exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] =
   Loading state：
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] = `
+exports[`renders ./components/spin/demo/inside.md correctly 1`] = `
+<div
+  class="example"
+>
+  <div
+    class="ant-spin ant-spin-spinning"
+  >
+    <span
+      class="ant-spin-dot"
+    >
+      <i />
+      <i />
+      <i />
+      <i />
+    </span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
 <div>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
         class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
-        data-show="true">
+        data-show="true"
+      >
         <span
-          class="ant-alert-message">
+          class="ant-alert-message"
+        >
           Alert message title
         </span>
         <span
-          class="ant-alert-description">
+          class="ant-alert-description"
+        >
           Further details about the context of this alert.
         </span>
       </div>
@@ -64,65 +99,23 @@ exports[`test renders ./components/spin/demo/delayAndDebounce.md correctly 1`] =
   Loading state：
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/spin/demo/inside.md correctly 1`] = `
-<div
-  class="example">
-  <div
-    class="ant-spin ant-spin-spinning">
-    <span
-      class="ant-spin-dot">
-      <i />
-      <i />
-      <i />
-      <i />
-    </span>
-  </div>
-</div>
-`;
-
-exports[`test renders ./components/spin/demo/nested.md correctly 1`] = `
+exports[`renders ./components/spin/demo/size.md correctly 1`] = `
 <div>
   <div
-    class="ant-spin-nested-loading">
-    <div
-      class="ant-spin-container">
-      <div
-        class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
-        data-show="true">
-        <span
-          class="ant-alert-message">
-          Alert message title
-        </span>
-        <span
-          class="ant-alert-description">
-          Further details about the context of this alert.
-        </span>
-      </div>
-    </div>
-  </div>
-  Loading state：
-  <span
-    class="ant-switch"
-    tabindex="0">
+    class="ant-spin ant-spin-sm ant-spin-spinning"
+  >
     <span
-      class="ant-switch-inner" />
-  </span>
-</div>
-`;
-
-exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
-<div>
-  <div
-    class="ant-spin ant-spin-sm ant-spin-spinning">
-    <span
-      class="ant-spin-dot">
+      class="ant-spin-dot"
+    >
       <i />
       <i />
       <i />
@@ -130,9 +123,11 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
     </span>
   </div>
   <div
-    class="ant-spin ant-spin-spinning">
+    class="ant-spin ant-spin-spinning"
+  >
     <span
-      class="ant-spin-dot">
+      class="ant-spin-dot"
+    >
       <i />
       <i />
       <i />
@@ -140,9 +135,11 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
     </span>
   </div>
   <div
-    class="ant-spin ant-spin-lg ant-spin-spinning">
+    class="ant-spin ant-spin-lg ant-spin-spinning"
+  >
     <span
-      class="ant-spin-dot">
+      class="ant-spin-dot"
+    >
       <i />
       <i />
       <i />
@@ -152,36 +149,44 @@ exports[`test renders ./components/spin/demo/size.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/spin/demo/tip.md correctly 1`] = `
+exports[`renders ./components/spin/demo/tip.md correctly 1`] = `
 <div
-  class="ant-spin-nested-loading">
+  class="ant-spin-nested-loading"
+>
   <div>
     <div
-      class="ant-spin ant-spin-spinning ant-spin-show-text">
+      class="ant-spin ant-spin-spinning ant-spin-show-text"
+    >
       <span
-        class="ant-spin-dot">
+        class="ant-spin-dot"
+      >
         <i />
         <i />
         <i />
         <i />
       </span>
       <div
-        class="ant-spin-text">
+        class="ant-spin-text"
+      >
         Loading...
       </div>
     </div>
   </div>
   <div
-    class="ant-spin-container ant-spin-blur">
+    class="ant-spin-container ant-spin-blur"
+  >
     <div
       class="ant-alert ant-alert-info ant-alert-with-description ant-alert-no-icon"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-alert-message">
+        class="ant-alert-message"
+      >
         Alert message title
       </span>
       <span
-        class="ant-alert-description">
+        class="ant-alert-description"
+      >
         Further details about the context of this alert.
       </span>
     </div>
diff --git a/components/steps/__tests__/__snapshots__/demo.test.js.snap b/components/steps/__tests__/__snapshots__/demo.test.js.snap
index 43ae1f3086..a6f91202d3 100644
--- a/components/steps/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/steps/__tests__/__snapshots__/demo.test.js.snap
@@ -1,35 +1,48 @@
-exports[`test renders ./components/steps/demo/customized-progress-dot.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot">
+  class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot"
+>
   <div
     class="ant-steps-item ant-steps-status-finish"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           You can hover on the dot.
         </div>
       </div>
@@ -37,33 +50,43 @@ exports[`test renders ./components/steps/demo/customized-progress-dot.md correct
   </div>
   <div
     class="ant-steps-item ant-steps-status-process"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           You can hover on the dot.
         </div>
       </div>
@@ -71,61 +94,80 @@ exports[`test renders ./components/steps/demo/customized-progress-dot.md correct
   </div>
   <div
     class="ant-steps-item ant-steps-status-wait"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           You can hover on the dot.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           You can hover on the dot.
         </div>
       </div>
@@ -134,35 +176,45 @@ exports[`test renders ./components/steps/demo/customized-progress-dot.md correct
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/error.md correctly 1`] = `
+exports[`renders ./components/steps/demo/error.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
+  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden"
+>
   <div
     class="ant-steps-item ant-steps-status-finish ant-steps-next-error"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-check" />
+            class="ant-steps-icon anticon anticon-check"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description
         </div>
       </div>
@@ -170,57 +222,74 @@ exports[`test renders ./components/steps/demo/error.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-error"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-cross" />
+            class="ant-steps-icon anticon anticon-cross"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Process
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             3
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description
         </div>
       </div>
@@ -229,34 +298,44 @@ exports[`test renders ./components/steps/demo/error.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/icon.md correctly 1`] = `
+exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
+  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden"
+>
   <div
     class="ant-steps-item ant-steps-status-finish ant-steps-custom"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <i
-              class="anticon anticon-user" />
+              class="anticon anticon-user"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Login
         </div>
       </div>
@@ -264,29 +343,38 @@ exports[`test renders ./components/steps/demo/icon.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-finish ant-steps-custom"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <i
-              class="anticon anticon-solution" />
+              class="anticon anticon-solution"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Verification
         </div>
       </div>
@@ -294,53 +382,70 @@ exports[`test renders ./components/steps/demo/icon.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-process ant-steps-custom"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <i
-              class="anticon anticon-credit-card" />
+              class="anticon anticon-credit-card"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Pay
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait ant-steps-custom">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait ant-steps-custom"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <i
-              class="anticon anticon-smile-o" />
+              class="anticon anticon-smile-o"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Done
         </div>
       </div>
@@ -349,38 +454,49 @@ exports[`test renders ./components/steps/demo/icon.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/progress-dot.md correctly 1`] = `
+exports[`renders ./components/steps/demo/progress-dot.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot">
+  class="ant-steps ant-steps-horizontal ant-steps-label-vertical ant-steps-hidden ant-steps-dot"
+>
   <div
     class="ant-steps-item ant-steps-status-finish"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
@@ -388,61 +504,80 @@ exports[`test renders ./components/steps/demo/progress-dot.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-process"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             <span
-              class="ant-steps-icon-dot" />
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
@@ -451,35 +586,45 @@ exports[`test renders ./components/steps/demo/progress-dot.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/simple.md correctly 1`] = `
+exports[`renders ./components/steps/demo/simple.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
+  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden"
+>
   <div
     class="ant-steps-item ant-steps-status-finish"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-check" />
+            class="ant-steps-icon anticon anticon-check"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
@@ -487,59 +632,76 @@ exports[`test renders ./components/steps/demo/simple.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-process"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             2
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             3
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
@@ -548,31 +710,40 @@ exports[`test renders ./components/steps/demo/simple.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/small-size.md correctly 1`] = `
+exports[`renders ./components/steps/demo/small-size.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-small ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
+  class="ant-steps ant-steps-small ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden"
+>
   <div
     class="ant-steps-item ant-steps-status-finish"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-check" />
+            class="ant-steps-icon anticon anticon-check"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
       </div>
@@ -580,51 +751,66 @@ exports[`test renders ./components/steps/demo/small-size.md correctly 1`] = `
   </div>
   <div
     class="ant-steps-item ant-steps-status-process"
-    style="margin-right:-1px;">
+    style="margin-right:-1px;"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:1px;">
+      style="padding-right:1px;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             2
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             3
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
       </div>
@@ -633,34 +819,43 @@ exports[`test renders ./components/steps/demo/small-size.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/step-next.md correctly 1`] = `
+exports[`renders ./components/steps/demo/step-next.md correctly 1`] = `
 <div>
   <div
-    class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden">
+    class="ant-steps ant-steps-horizontal ant-steps-label-horizontal ant-steps-hidden"
+  >
     <div
       class="ant-steps-item ant-steps-status-process"
-      style="margin-right:-1px;">
+      style="margin-right:-1px;"
+    >
       <div
         class="ant-steps-tail"
-        style="padding-right:1px;">
+        style="padding-right:1px;"
+      >
         <i />
       </div>
       <div
-        class="ant-steps-step">
+        class="ant-steps-step"
+      >
         <div
-          class="ant-steps-head">
+          class="ant-steps-head"
+        >
           <div
-            class="ant-steps-head-inner">
+            class="ant-steps-head-inner"
+          >
             <span
-              class="ant-steps-icon">
+              class="ant-steps-icon"
+            >
               1
             </span>
           </div>
         </div>
         <div
-          class="ant-steps-main">
+          class="ant-steps-main"
+        >
           <div
-            class="ant-steps-title">
+            class="ant-steps-title"
+          >
             First
           </div>
         </div>
@@ -668,51 +863,66 @@ exports[`test renders ./components/steps/demo/step-next.md correctly 1`] = `
     </div>
     <div
       class="ant-steps-item ant-steps-status-wait"
-      style="margin-right:-1px;">
+      style="margin-right:-1px;"
+    >
       <div
         class="ant-steps-tail"
-        style="padding-right:1px;">
+        style="padding-right:1px;"
+      >
         <i />
       </div>
       <div
-        class="ant-steps-step">
+        class="ant-steps-step"
+      >
         <div
-          class="ant-steps-head">
+          class="ant-steps-head"
+        >
           <div
-            class="ant-steps-head-inner">
+            class="ant-steps-head-inner"
+          >
             <span
-              class="ant-steps-icon">
+              class="ant-steps-icon"
+            >
               2
             </span>
           </div>
         </div>
         <div
-          class="ant-steps-main">
+          class="ant-steps-main"
+        >
           <div
-            class="ant-steps-title">
+            class="ant-steps-title"
+          >
             Second
           </div>
         </div>
       </div>
     </div>
     <div
-      class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+      class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+    >
       <div
-        class="ant-steps-step">
+        class="ant-steps-step"
+      >
         <div
-          class="ant-steps-head">
+          class="ant-steps-head"
+        >
           <div
-            class="ant-steps-head-inner">
+            class="ant-steps-head-inner"
+          >
             <span
-              class="ant-steps-icon">
+              class="ant-steps-icon"
+            >
               3
             </span>
           </div>
         </div>
         <div
-          class="ant-steps-main">
+          class="ant-steps-main"
+        >
           <div
-            class="ant-steps-title">
+            class="ant-steps-title"
+          >
             Last
           </div>
         </div>
@@ -720,14 +930,17 @@ exports[`test renders ./components/steps/demo/step-next.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="steps-content">
+    class="steps-content"
+  >
     First-content
   </div>
   <div
-    class="steps-action">
+    class="steps-action"
+  >
     <button
       class="ant-btn ant-btn-primary"
-      type="button">
+      type="button"
+    >
       <span>
         Next
       </span>
@@ -736,93 +949,120 @@ exports[`test renders ./components/steps/demo/step-next.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/vertical.md correctly 1`] = `
+exports[`renders ./components/steps/demo/vertical.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-vertical ant-steps-hidden">
+  class="ant-steps ant-steps-vertical ant-steps-hidden"
+>
   <div
-    class="ant-steps-item ant-steps-status-finish">
+    class="ant-steps-item ant-steps-status-finish"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:0;">
+      style="padding-right:0;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-check" />
+            class="ant-steps-icon anticon anticon-check"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-status-process">
+    class="ant-steps-item ant-steps-status-process"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:0;">
+      style="padding-right:0;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             2
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             3
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
@@ -831,93 +1071,120 @@ exports[`test renders ./components/steps/demo/vertical.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/steps/demo/vertical-small.md correctly 1`] = `
+exports[`renders ./components/steps/demo/vertical-small.md correctly 1`] = `
 <div
-  class="ant-steps ant-steps-small ant-steps-vertical ant-steps-hidden">
+  class="ant-steps ant-steps-small ant-steps-vertical ant-steps-hidden"
+>
   <div
-    class="ant-steps-item ant-steps-status-finish">
+    class="ant-steps-item ant-steps-status-finish"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:0;">
+      style="padding-right:0;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon anticon anticon-check" />
+            class="ant-steps-icon anticon anticon-check"
+          />
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Finished
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-status-process">
+    class="ant-steps-item ant-steps-status-process"
+  >
     <div
       class="ant-steps-tail"
-      style="padding-right:0;">
+      style="padding-right:0;"
+    >
       <i />
     </div>
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             2
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           In Progress
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
     </div>
   </div>
   <div
-    class="ant-steps-item ant-steps-item-last ant-steps-status-wait">
+    class="ant-steps-item ant-steps-item-last ant-steps-status-wait"
+  >
     <div
-      class="ant-steps-step">
+      class="ant-steps-step"
+    >
       <div
-        class="ant-steps-head">
+        class="ant-steps-head"
+      >
         <div
-          class="ant-steps-head-inner">
+          class="ant-steps-head-inner"
+        >
           <span
-            class="ant-steps-icon">
+            class="ant-steps-icon"
+          >
             3
           </span>
         </div>
       </div>
       <div
-        class="ant-steps-main">
+        class="ant-steps-main"
+      >
         <div
-          class="ant-steps-title">
+          class="ant-steps-title"
+        >
           Waiting
         </div>
         <div
-          class="ant-steps-description">
+          class="ant-steps-description"
+        >
           This is a description.
         </div>
       </div>
diff --git a/components/switch/__tests__/__snapshots__/demo.test.js.snap b/components/switch/__tests__/__snapshots__/demo.test.js.snap
index 1cccda4ac2..e77a29b9f9 100644
--- a/components/switch/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/switch/__tests__/__snapshots__/demo.test.js.snap
@@ -1,24 +1,31 @@
-exports[`test renders ./components/switch/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/switch/demo/basic.md correctly 1`] = `
 <span
   class="ant-switch"
-  tabindex="0">
+  tabindex="0"
+>
   <span
-    class="ant-switch-inner" />
+    class="ant-switch-inner"
+  />
 </span>
 `;
 
-exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/switch/demo/disabled.md correctly 1`] = `
 <div>
   <span
     class="ant-switch ant-switch-disabled"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
   <br />
   <button
     class="ant-btn ant-btn-primary"
-    type="button">
+    type="button"
+  >
     <span>
       Toggle disabled
     </span>
@@ -26,51 +33,62 @@ exports[`test renders ./components/switch/demo/disabled.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/switch/demo/size.md correctly 1`] = `
+exports[`renders ./components/switch/demo/size.md correctly 1`] = `
 <div>
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
   <br />
   <span
     class="ant-switch-small ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner" />
+      class="ant-switch-inner"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/switch/demo/text.md correctly 1`] = `
+exports[`renders ./components/switch/demo/text.md correctly 1`] = `
 <div>
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner">
+      class="ant-switch-inner"
+    >
       关
     </span>
   </span>
   <br />
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner">
+      class="ant-switch-inner"
+    >
       0
     </span>
   </span>
   <br />
   <span
     class="ant-switch"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-switch-inner">
+      class="ant-switch-inner"
+    >
       <i
-        class="anticon anticon-cross" />
+        class="anticon anticon-cross"
+      />
     </span>
   </span>
 </div>
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 2a1ef35a76..44a4e19bc5 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -1,10 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Table.filter renders custom content correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden">
+    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
+  >
     <div>
       <div
-        class="custom-filter-dropdown">
+        class="custom-filter-dropdown"
+      >
         custom filter
       </div>
     </div>
@@ -14,75 +18,98 @@ exports[`Table.filter renders custom content correctly 1`] = `
 
 exports[`Table.filter renders filter correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                       <i
                         class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
+                        title="筛选"
+                      />
                     </span>
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jack
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Lucy
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Tom
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jerry
                   </td>
                 </tr>
@@ -99,27 +126,35 @@ exports[`Table.filter renders filter correctly 1`] = `
 exports[`Table.filter renders menu correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden">
+    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
+  >
     <div
-      class="ant-table-filter-dropdown">
+      class="ant-table-filter-dropdown"
+    >
       <ul
         aria-activedescendant=""
         class="ant-dropdown-menu ant-dropdown-menu-vertical  ant-dropdown-menu-root"
         role="menu"
-        tabindex="0">
+        tabindex="0"
+      >
         <li
           aria-selected="false"
           class="ant-dropdown-menu-item"
-          role="menuitem">
+          role="menuitem"
+        >
           <label
-            class="ant-checkbox-wrapper">
+            class="ant-checkbox-wrapper"
+          >
             <span
-              class="ant-checkbox">
+              class="ant-checkbox"
+            >
               <input
                 class="ant-checkbox-input"
-                type="checkbox" />
+                type="checkbox"
+              />
               <span
-                class="ant-checkbox-inner" />
+                class="ant-checkbox-inner"
+              />
             </span>
           </label>
           <span>
@@ -129,16 +164,21 @@ exports[`Table.filter renders menu correctly 1`] = `
         <li
           aria-selected="false"
           class="ant-dropdown-menu-item"
-          role="menuitem">
+          role="menuitem"
+        >
           <label
-            class="ant-checkbox-wrapper">
+            class="ant-checkbox-wrapper"
+          >
             <span
-              class="ant-checkbox">
+              class="ant-checkbox"
+            >
               <input
                 class="ant-checkbox-input"
-                type="checkbox" />
+                type="checkbox"
+              />
               <span
-                class="ant-checkbox-inner" />
+                class="ant-checkbox-inner"
+              />
             </span>
           </label>
           <span>
@@ -146,24 +186,29 @@ exports[`Table.filter renders menu correctly 1`] = `
           </span>
         </li>
         <li
-          class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu">
+          class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"
+        >
           <div
             aria-expanded="false"
             aria-haspopup="true"
             aria-owns="title$Menu"
-            class="ant-dropdown-menu-submenu-title">
+            class="ant-dropdown-menu-submenu-title"
+          >
             Title
           </div>
         </li>
       </ul>
       <div
-        class="ant-table-filter-dropdown-btns">
+        class="ant-table-filter-dropdown-btns"
+      >
         <a
-          class="ant-table-filter-dropdown-link confirm">
+          class="ant-table-filter-dropdown-link confirm"
+        >
           确定
         </a>
         <a
-          class="ant-table-filter-dropdown-link clear">
+          class="ant-table-filter-dropdown-link clear"
+        >
           重置
         </a>
       </div>
@@ -175,27 +220,35 @@ exports[`Table.filter renders menu correctly 1`] = `
 exports[`Table.filter renders radio filter correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden">
+    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
+  >
     <div
-      class="ant-table-filter-dropdown">
+      class="ant-table-filter-dropdown"
+    >
       <ul
         aria-activedescendant=""
         class="ant-dropdown-menu ant-dropdown-menu-vertical  ant-dropdown-menu-root"
         role="menu"
-        tabindex="0">
+        tabindex="0"
+      >
         <li
           aria-selected="false"
           class="ant-dropdown-menu-item"
-          role="menuitem">
+          role="menuitem"
+        >
           <label
-            class="ant-radio-wrapper">
+            class="ant-radio-wrapper"
+          >
             <span
-              class="ant-radio">
+              class="ant-radio"
+            >
               <input
                 class="ant-radio-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-inner" />
+                class="ant-radio-inner"
+              />
             </span>
           </label>
           <span>
@@ -205,16 +258,21 @@ exports[`Table.filter renders radio filter correctly 1`] = `
         <li
           aria-selected="false"
           class="ant-dropdown-menu-item"
-          role="menuitem">
+          role="menuitem"
+        >
           <label
-            class="ant-radio-wrapper">
+            class="ant-radio-wrapper"
+          >
             <span
-              class="ant-radio">
+              class="ant-radio"
+            >
               <input
                 class="ant-radio-input"
-                type="radio" />
+                type="radio"
+              />
               <span
-                class="ant-radio-inner" />
+                class="ant-radio-inner"
+              />
             </span>
           </label>
           <span>
@@ -222,24 +280,29 @@ exports[`Table.filter renders radio filter correctly 1`] = `
           </span>
         </li>
         <li
-          class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu">
+          class="ant-dropdown-menu-submenu-vertical ant-dropdown-menu-submenu"
+        >
           <div
             aria-expanded="false"
             aria-haspopup="true"
             aria-owns="title$Menu"
-            class="ant-dropdown-menu-submenu-title">
+            class="ant-dropdown-menu-submenu-title"
+          >
             Title
           </div>
         </li>
       </ul>
       <div
-        class="ant-table-filter-dropdown-btns">
+        class="ant-table-filter-dropdown-btns"
+      >
         <a
-          class="ant-table-filter-dropdown-link confirm">
+          class="ant-table-filter-dropdown-link confirm"
+        >
           确定
         </a>
         <a
-          class="ant-table-filter-dropdown-link clear">
+          class="ant-table-filter-dropdown-link clear"
+        >
           重置
         </a>
       </div>
diff --git a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
index 243f290f5e..d30d7afd93 100644
--- a/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
@@ -1,26 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Table.pagination renders pagination correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
@@ -28,24 +39,31 @@ exports[`Table.pagination renders pagination correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jack
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Lucy
                   </td>
                 </tr>
@@ -56,29 +74,34 @@ exports[`Table.pagination renders pagination correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index ced0a3de2b..73857ca49b 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -1,16 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Table.rowSelection render selection correctly 1`] = `
 <div>
   <div
-    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden">
+    class="ant-dropdown  ant-dropdown-placement-bottomLeft  ant-dropdown-hidden"
+  >
     <ul
       aria-activedescendant=""
       class="ant-dropdown-menu ant-dropdown-menu-vertical ant-table-selection-menu ant-dropdown-menu-light ant-dropdown-menu-root"
       role="menu"
-      tabindex="0">
+      tabindex="0"
+    >
       <li
         aria-selected="false"
         class="ant-dropdown-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         <div>
           全选
         </div>
@@ -18,7 +23,8 @@ exports[`Table.rowSelection render selection correctly 1`] = `
       <li
         aria-selected="false"
         class="ant-dropdown-menu-item"
-        role="menuitem">
+        role="menuitem"
+      >
         <div>
           反选
         </div>
diff --git a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
index 8832d72dc1..0807fde642 100644
--- a/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
@@ -1,24 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Table.sorter renders sorter icon correctly 1`] = `
 <thead
-  class="ant-table-thead">
+  class="ant-table-thead"
+>
   <tr>
     <th
-      class="">
+      class=""
+    >
       <span>
         Name
         <div
-          class="ant-table-column-sorter">
+          class="ant-table-column-sorter"
+        >
           <span
             class="ant-table-column-sorter-up off"
-            title="↑">
+            title="↑"
+          >
             <i
-              class="anticon anticon-caret-up" />
+              class="anticon anticon-caret-up"
+            />
           </span>
           <span
             class="ant-table-column-sorter-down off"
-            title="↓">
+            title="↓"
+          >
             <i
-              class="anticon anticon-caret-down" />
+              class="anticon anticon-caret-down"
+            />
           </span>
         </div>
       </span>
diff --git a/components/table/__tests__/__snapshots__/Table.test.js.snap b/components/table/__tests__/__snapshots__/Table.test.js.snap
index a50e1a623e..4255342442 100644
--- a/components/table/__tests__/__snapshots__/Table.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.test.js.snap
@@ -1,36 +1,48 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Table renders JSX correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
                     class=""
-                    colspan="2">
+                    colspan="2"
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
                     class=""
-                    rowspan="2">
+                    rowspan="2"
+                  >
                     <span>
                       Age
                     </span>
@@ -38,13 +50,15 @@ exports[`Table renders JSX correctly 1`] = `
                 </tr>
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       First Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Last Name
                     </span>
@@ -52,40 +66,51 @@ exports[`Table renders JSX correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     John
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                 </tr>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 3e4ee91b34..bcd6904ee8 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -1,60 +1,81 @@
-exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col
-                  style="width:20%;min-width:20%;" />
+                  style="width:20%;min-width:20%;"
+                />
                 <col
-                  style="width:20%;min-width:20%;" />
+                  style="width:20%;min-width:20%;"
+                />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                       <div
-                        class="ant-table-column-sorter">
+                        class="ant-table-column-sorter"
+                      >
                         <span
                           class="ant-table-column-sorter-up off"
-                          title="↑">
+                          title="↑"
+                        >
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-caret-up"
+                          />
                         </span>
                         <span
                           class="ant-table-column-sorter-down off"
-                          title="↓">
+                          title="↓"
+                        >
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-caret-down"
+                          />
                         </span>
                       </div>
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Gender
                       <i
                         class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Email
                     </span>
@@ -62,14 +83,17 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody" />
+                class="ant-table-tbody"
+              />
             </table>
           </div>
           <div
-            class="ant-table-placeholder">
+            class="ant-table-placeholder"
+          >
             <span>
               <i
-                class="anticon anticon-frown-o" />
+                class="anticon anticon-frown-o"
+              />
               暂无数据
             </span>
           </div>
@@ -80,21 +104,28 @@ exports[`test renders ./components/table/demo/ajax.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
+exports[`renders ./components/table/demo/basic.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
@@ -102,28 +133,33 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Action
                     </span>
@@ -131,138 +167,178 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       John Brown
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 John Brown
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jim Green
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 Jim Green
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Joe Black
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 Joe Black
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
@@ -274,22 +350,26 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -298,47 +378,59 @@ exports[`test renders ./components/table/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
+exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-title">
+          class="ant-table-title"
+        >
           Header
         </div>
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="column-money">
+                    class="column-money"
+                  >
                     <span>
                       Cash Assets
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -346,67 +438,86 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       John Brown
                     </a>
                   </td>
                   <td
-                    class="column-money">
+                    class="column-money"
+                  >
                     ￥300,000.00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jim Green
                     </a>
                   </td>
                   <td
-                    class="column-money">
+                    class="column-money"
+                  >
                     ￥1,256,000.00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Joe Black
                     </a>
                   </td>
                   <td
-                    class="column-money">
+                    class="column-money"
+                  >
                     ￥120,000.00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
@@ -414,29 +525,34 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
             </table>
           </div>
           <div
-            class="ant-table-footer">
+            class="ant-table-footer"
+          >
             Footer
           </div>
         </div>
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -445,21 +561,28 @@ exports[`test renders ./components/table/demo/bordered.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
+exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
@@ -468,29 +591,34 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
                     class=""
-                    colspan="2">
+                    colspan="2"
+                  >
                     <span>
                       Home phone
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -498,130 +626,166 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       John Brown
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     0571-22098909
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18889898989
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jim Green
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     0571-22098333
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18889898888
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Joe Black
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
                     class=""
-                    rowspan="2">
+                    rowspan="2"
+                  >
                     0575-22098909
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18900010002
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jim Red
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18900010002
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 2 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
                     class=""
-                    colspan="5">
+                    colspan="5"
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jake White
                     </a>
                   </td>
@@ -633,22 +797,26 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -657,46 +825,58 @@ exports[`test renders ./components/table/demo/colspan-rowspan.md correctly 1`] =
 </div>
 `;
 
-exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
+exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                       <i
                         class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -704,76 +884,97 @@ exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     John Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Joe Black
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim Red
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 2 Lake Park
                   </td>
                 </tr>
@@ -784,22 +985,26 @@ exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -808,279 +1013,362 @@ exports[`test renders ./components/table/demo/custom-filter-panel.md correctly 1
 </div>
 `;
 
-exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
+exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
 <div>
   <div
-    class="components-table-demo-control-bar">
+    class="components-table-demo-control-bar"
+  >
     <form
-      class="ant-form ant-form-inline">
+      class="ant-form ant-form-inline"
+    >
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Bordered">
+            title="Bordered"
+          >
             Bordered
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               class="ant-switch"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="loading">
+            title="loading"
+          >
             loading
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               class="ant-switch"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Pagination">
+            title="Pagination"
+          >
             Pagination
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Title">
+            title="Title"
+          >
             Title
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Column Header">
+            title="Column Header"
+          >
             Column Header
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Footer">
+            title="Footer"
+          >
             Footer
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Expandable">
+            title="Expandable"
+          >
             Expandable
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Checkbox">
+            title="Checkbox"
+          >
             Checkbox
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               checked=""
               class="ant-switch ant-switch-checked"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Fixed Header">
+            title="Fixed Header"
+          >
             Fixed Header
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <span
               class="ant-switch"
-              tabindex="0">
+              tabindex="0"
+            >
               <span
-                class="ant-switch-inner" />
+                class="ant-switch-inner"
+              />
             </span>
           </div>
         </div>
       </div>
       <div
-        class="ant-row ant-form-item">
+        class="ant-row ant-form-item"
+      >
         <div
-          class="ant-form-item-label">
+          class="ant-form-item-label"
+        >
           <label
             class=""
-            title="Size">
+            title="Size"
+          >
             Size
           </label>
         </div>
         <div
-          class="ant-form-item-control-wrapper">
+          class="ant-form-item-control-wrapper"
+        >
           <div
-            class="ant-form-item-control ">
+            class="ant-form-item-control "
+          >
             <div
-              class="ant-radio-group ant-radio-group-default">
+              class="ant-radio-group ant-radio-group-default"
+            >
               <label
-                class="ant-radio-button-wrapper ant-radio-button-wrapper-checked">
+                class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
+              >
                 <span
-                  class="ant-radio-button ant-radio-button-checked">
+                  class="ant-radio-button ant-radio-button-checked"
+                >
                   <input
                     checked=""
                     class="ant-radio-button-input"
-                    type="radio" />
+                    type="radio"
+                  />
                   <span
-                    class="ant-radio-button-inner" />
+                    class="ant-radio-button-inner"
+                  />
                 </span>
                 <span>
                   Default
                 </span>
               </label>
               <label
-                class="ant-radio-button-wrapper">
+                class="ant-radio-button-wrapper"
+              >
                 <span
-                  class="ant-radio-button">
+                  class="ant-radio-button"
+                >
                   <input
                     class="ant-radio-button-input"
-                    type="radio" />
+                    type="radio"
+                  />
                   <span
-                    class="ant-radio-button-inner" />
+                    class="ant-radio-button-inner"
+                  />
                 </span>
                 <span>
                   Middle
                 </span>
               </label>
               <label
-                class="ant-radio-button-wrapper">
+                class="ant-radio-button-wrapper"
+              >
                 <span
-                  class="ant-radio-button">
+                  class="ant-radio-button"
+                >
                   <input
                     class="ant-radio-button-input"
-                    type="radio" />
+                    type="radio"
+                  />
                   <span
-                    class="ant-radio-button-inner" />
+                    class="ant-radio-button-inner"
+                  />
                 </span>
                 <span>
                   Small
@@ -1093,86 +1381,112 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
     </form>
   </div>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-default ant-table-scroll-position-left">
+          class="ant-table ant-table-default ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-title">
+            class="ant-table-title"
+          >
             Here is title
           </div>
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col
-                    class="ant-table-expand-icon-col" />
+                    class="ant-table-expand-icon-col"
+                  />
                   <col />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:70px;min-width:70px;" />
+                    style="width:70px;min-width:70px;"
+                  />
                   <col />
                   <col
-                    style="width:360px;min-width:360px;" />
+                    style="width:360px;min-width:360px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
                       class="ant-table-expand-icon-th"
                       rowspan="1"
-                      title="" />
+                      title=""
+                    />
                     <th
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <div
-                          class="ant-table-selection">
+                          class="ant-table-selection"
+                        >
                           <label
-                            class="ant-table-selection-select-all ant-checkbox-wrapper">
+                            class="ant-table-selection-select-all ant-checkbox-wrapper"
+                          >
                             <span
-                              class="ant-checkbox">
+                              class="ant-checkbox"
+                            >
                               <input
                                 class="ant-checkbox-input"
-                                type="checkbox" />
+                                type="checkbox"
+                              />
                               <span
-                                class="ant-checkbox-inner" />
+                                class="ant-checkbox-inner"
+                              />
                             </span>
                           </label>
                           <div
-                            class="ant-table-selection-down ant-dropdown-trigger">
+                            class="ant-table-selection-down ant-dropdown-trigger"
+                          >
                             <i
-                              class="anticon anticon-down" />
+                              class="anticon anticon-down"
+                            />
                           </div>
                         </div>
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Action
                       </span>
@@ -1180,633 +1494,824 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       12
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 1 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       22
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 2 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 3 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 4 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       52
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 5 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       62
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 6 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       72
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 7 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       82
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 8 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       92
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 9 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-row-expand-icon-cell">
+                      class="ant-table-row-expand-icon-cell"
+                    >
                       <span
-                        class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                        class="ant-table-row-expand-icon ant-table-row-collapsed"
+                      />
                     </td>
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         John Brown
                       </a>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       102
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 10 Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span>
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Action 一 John Brown
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
-                          href="#">
+                          href="#"
+                        >
                           Delete
                         </a>
                         <span
-                          class="ant-divider" />
+                          class="ant-divider"
+                        />
                         <a
                           class="ant-dropdown-link"
-                          href="#">
+                          href="#"
+                        >
                           More actions 
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </a>
                       </span>
                     </td>
@@ -1815,29 +2320,34 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
               </table>
             </div>
             <div
-              class="ant-table-footer">
+              class="ant-table-footer"
+            >
               Here is footer
             </div>
           </div>
         </div>
         <ul
           class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
@@ -1847,59 +2357,73 @@ exports[`test renders ./components/table/demo/dynamic-settings.md correctly 1`]
 </div>
 `;
 
-exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
+exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
 <div>
   <button
     class="ant-btn editable-add-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Add
     </span>
   </button>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+          class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col
-                    style="width:30%;min-width:30%;" />
+                    style="width:30%;min-width:30%;"
+                  />
                   <col />
                   <col />
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         address
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         operation
                       </span>
@@ -1907,69 +2431,90 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       <div
-                        class="editable-cell">
+                        class="editable-cell"
+                      >
                         <div
-                          class="editable-cell-text-wrapper">
+                          class="editable-cell-text-wrapper"
+                        >
                           Edward King 0
                           <i
-                            class="anticon anticon-edit editable-cell-icon" />
+                            class="anticon anticon-edit editable-cell-icon"
+                          />
                         </div>
                       </div>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       <div
-                        class="editable-cell">
+                        class="editable-cell"
+                      >
                         <div
-                          class="editable-cell-text-wrapper">
+                          class="editable-cell-text-wrapper"
+                        >
                           Edward King 1
                           <i
-                            class="anticon anticon-edit editable-cell-icon" />
+                            class="anticon anticon-edit editable-cell-icon"
+                          />
                         </div>
                       </div>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                     </td>
@@ -1981,22 +2526,26 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
         </div>
         <ul
           class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
@@ -2006,53 +2555,68 @@ exports[`test renders ./components/table/demo/edit-cell.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
+exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col
-                  style="width:25%;min-width:25%;" />
+                  style="width:25%;min-width:25%;"
+                />
                 <col
-                  style="width:15%;min-width:15%;" />
+                  style="width:15%;min-width:15%;"
+                />
                 <col
-                  style="width:40%;min-width:40%;" />
+                  style="width:40%;min-width:40%;"
+                />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       address
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       operation
                     </span>
@@ -2060,38 +2624,48 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <div>
                       <div
-                        class="editable-row-text">
+                        class="editable-row-text"
+                      >
                         Edward King 0
                       </div>
                     </div>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <div>
                       <div
-                        class="editable-row-text">
+                        class="editable-row-text"
+                      >
                         32
                       </div>
                     </div>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 0
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <div
-                      class="editable-row-operations">
+                      class="editable-row-operations"
+                    >
                       <span>
                         <a>
                           Edit
@@ -2107,22 +2681,26 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -2131,56 +2709,70 @@ exports[`test renders ./components/table/demo/edit-row.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
+exports[`renders ./components/table/demo/expand.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col
-                  class="ant-table-expand-icon-col" />
+                  class="ant-table-expand-icon-col"
+                />
                 <col />
                 <col />
                 <col />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
                     class="ant-table-expand-icon-th"
                     rowspan="1"
-                    title="" />
+                    title=""
+                  />
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Action
                     </span>
@@ -2188,84 +2780,109 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     John Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Delete
                     </a>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Jim Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Delete
                     </a>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Joe Black
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Delete
                     </a>
                   </td>
@@ -2277,22 +2894,26 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -2301,70 +2922,91 @@ exports[`test renders ./components/table/demo/expand.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/expand-children.md correctly 1`] = `
+exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col
-                  style="width:40%;min-width:40%;" />
+                  style="width:40%;min-width:40%;"
+                />
                 <col
-                  style="width:30%;min-width:30%;" />
+                  style="width:30%;min-width:30%;"
+                />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <div
-                        class="ant-table-selection">
+                        class="ant-table-selection"
+                      >
                         <label
-                          class="ant-table-selection-select-all ant-checkbox-wrapper">
+                          class="ant-table-selection-select-all ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                         <div
-                          class="ant-table-selection-down ant-dropdown-trigger">
+                          class="ant-table-selection-down ant-dropdown-trigger"
+                        >
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </div>
                       </div>
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -2372,335 +3014,435 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                     John Brown sr.
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     60
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
+                      style="padding-left:20px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                      class="ant-table-row-expand-icon ant-table-row-spaced"
+                    />
                     John Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 2 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
+                      style="padding-left:20px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                     John Brown jr.
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     30
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 3 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-2"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-2"
-                      style="padding-left:40px;" />
+                      style="padding-left:40px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                      class="ant-table-row-expand-icon ant-table-row-spaced"
+                    />
                     Jimmy Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     16
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 3 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-1"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-1"
-                      style="padding-left:20px;" />
+                      style="padding-left:20px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                     Jim Green sr.
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     72
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-2"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-2"
-                      style="padding-left:40px;" />
+                      style="padding-left:40px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                     Jim Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 2 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-3"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-3"
-                      style="padding-left:60px;" />
+                      style="padding-left:60px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                      class="ant-table-row-expand-icon ant-table-row-spaced"
+                    />
                     Jim Green jr.
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     25
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 3 Lake Park
                   </td>
                 </tr>
                 <tr
                   class="ant-table-row  ant-table-row-level-3"
-                  style="display:none;">
+                  style="display:none;"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-3"
-                      style="padding-left:60px;" />
+                      style="padding-left:60px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                      class="ant-table-row-expand-icon ant-table-row-spaced"
+                    />
                     Jimmy Green sr.
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     18
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 4 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-spaced" />
+                      class="ant-table-row-expand-icon ant-table-row-spaced"
+                    />
                     Joe Black
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
@@ -2711,22 +3453,26 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -2735,30 +3481,40 @@ exports[`test renders ./components/table/demo/expand-children.md correctly 1`] =
 </div>
 `;
 
-exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
+exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-scroll">
+            class="ant-table-scroll"
+          >
             <div
               class="ant-table-body"
-              style="overflow-x:auto;">
+              style="overflow-x:auto;"
+            >
               <table
                 class="ant-table-fixed"
-                style="width:1300px;">
+                style="width:1300px;"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col />
                   <col />
                   <col />
@@ -2768,73 +3524,86 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                   <col />
                   <col />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Full Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 1
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 2
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 3
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 4
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 5
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 6
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 7
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 8
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Action
                       </span>
@@ -2842,109 +3611,138 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Jim Green
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       40
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
@@ -2954,30 +3752,39 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
             </div>
           </div>
           <div
-            class="ant-table-fixed-left">
+            class="ant-table-fixed-left"
+          >
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
-                class="ant-table-body-inner">
+                class="ant-table-body-inner"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                   </colgroup>
                   <thead
-                    class="ant-table-thead">
+                    class="ant-table-thead"
+                  >
                     <tr>
                       <th
-                        class="">
+                        class=""
+                      >
                         <span>
                           Full Name
                         </span>
                       </th>
                       <th
-                        class="">
+                        class=""
+                      >
                         <span>
                           Age
                         </span>
@@ -2985,32 +3792,41 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Jim Green
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         40
                       </td>
                     </tr>
@@ -3020,22 +3836,29 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
             </div>
           </div>
           <div
-            class="ant-table-fixed-right">
+            class="ant-table-fixed-right"
+          >
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
-                class="ant-table-body-inner">
+                class="ant-table-body-inner"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                   </colgroup>
                   <thead
-                    class="ant-table-thead">
+                    class="ant-table-thead"
+                  >
                     <tr>
                       <th
-                        class="">
+                        class=""
+                      >
                         <span>
                           Action
                         </span>
@@ -3043,23 +3866,30 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
                     </tr>
                   </thead>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
@@ -3073,22 +3903,26 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -3097,112 +3931,142 @@ exports[`test renders ./components/table/demo/fixed-columns.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
+exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-scroll">
+            class="ant-table-scroll"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
                 class="ant-table-fixed"
-                style="width:1500px;">
+                style="width:1500px;"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Full Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 1
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 2
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 3
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 4
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 5
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 6
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 7
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Column 8
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Action
                       </span>
@@ -3213,561 +4077,714 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
             </div>
             <div
               class="ant-table-body"
-              style="overflow-x:auto;max-height:300px;overflow-y:scroll;">
+              style="overflow-x:auto;max-height:300px;overflow-y:scroll;"
+            >
               <table
                 class="ant-table-fixed"
-                style="width:1500px;">
+                style="width:1500px;"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edrward 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London Park no. 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <a
-                        href="#">
+                        href="#"
+                      >
                         action
                       </a>
                     </td>
@@ -3777,28 +4794,36 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
             </div>
           </div>
           <div
-            class="ant-table-fixed-left">
+            class="ant-table-fixed-left"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
-                class="ant-table-fixed">
+                class="ant-table-fixed"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Full Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
@@ -3808,157 +4833,203 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
               </table>
             </div>
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
                 class="ant-table-body-inner"
-                style="max-height:300px;overflow-y:scroll;">
+                style="max-height:300px;overflow-y:scroll;"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                   </colgroup>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 0
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 1
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 2
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 3
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 4
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 5
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 6
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 7
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 8
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         Edrward 9
                       </td>
                       <td
-                        class="">
+                        class=""
+                      >
                         32
                       </td>
                     </tr>
@@ -3968,20 +5039,26 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
             </div>
           </div>
           <div
-            class="ant-table-fixed-right">
+            class="ant-table-fixed-right"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
-                class="ant-table-fixed">
+                class="ant-table-fixed"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Action
                       </span>
@@ -3991,114 +5068,149 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
               </table>
             </div>
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
                 class="ant-table-body-inner"
-                style="max-height:300px;overflow-y:scroll;">
+                style="max-height:300px;overflow-y:scroll;"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                   </colgroup>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <a
-                          href="#">
+                          href="#"
+                        >
                           action
                         </a>
                       </td>
@@ -4112,62 +5224,72 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-3"
-          title="3">
+          title="3"
+        >
           <a>
             3
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-4"
-          title="4">
+          title="4"
+        >
           <a>
             4
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-          title="5">
+          title="5"
+        >
           <a>
             5
           </a>
         </li>
         <li
           class="ant-pagination-jump-next"
-          title="向后 5 页">
+          title="向后 5 页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-10"
-          title="10">
+          title="10"
+        >
           <a>
             10
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -4176,47 +5298,61 @@ exports[`test renders ./components/table/demo/fixed-columns-header.md correctly
 </div>
 `;
 
-exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
+exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-scroll">
+            class="ant-table-scroll"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                       </span>
@@ -4227,915 +5363,1170 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
             </div>
             <div
               class="ant-table-body"
-              style="max-height:240px;overflow-y:scroll;">
+              style="max-height:240px;overflow-y:scroll;"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col
-                    style="width:150px;min-width:150px;" />
+                    style="width:150px;min-width:150px;"
+                  />
                   <col />
                 </colgroup>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 0
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 1
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 2
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 3
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 4
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 5
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 6
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 7
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 8
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 9
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 10
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 10
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 11
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 11
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 12
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 12
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 13
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 13
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 14
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 14
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 15
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 15
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 16
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 16
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 17
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 17
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 18
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 18
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 19
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 19
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 20
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 20
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 21
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 21
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 22
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 22
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 23
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 23
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 24
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 24
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 25
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 25
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 26
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 26
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 27
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 27
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 28
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 28
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 29
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 29
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 30
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 30
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 31
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 31
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 32
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 33
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 33
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 34
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 34
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 35
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 35
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 36
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 36
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 37
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 37
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 38
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 38
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 39
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 39
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 40
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 40
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 41
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 41
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 42
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 43
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 43
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 44
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 44
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 45
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 45
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 46
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 46
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 47
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 47
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 48
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 48
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 49
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 49
                     </td>
                   </tr>
@@ -5147,29 +6538,34 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -5178,72 +6574,94 @@ exports[`test renders ./components/table/demo/fixed-header.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`] = `
+exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left">
+        class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-scroll">
+            class="ant-table-scroll"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
                 class="ant-table-fixed"
-                style="width:1010px;">
+                style="width:1010px;"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:50px;min-width:50px;" />
+                    style="width:50px;min-width:50px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:60px;min-width:60px;" />
+                    style="width:60px;min-width:60px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
                       class=""
-                      rowspan="4">
+                      rowspan="4"
+                    >
                       <span>
                         Name
                         <i
                           class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
+                          title="筛选"
+                        />
                       </span>
                     </th>
                     <th
                       class=""
-                      colspan="4">
+                      colspan="4"
+                    >
                       <span>
                         Other
                       </span>
                     </th>
                     <th
                       class=""
-                      colspan="2">
+                      colspan="2"
+                    >
                       <span>
                         Company
                       </span>
                     </th>
                     <th
                       class=""
-                      rowspan="4">
+                      rowspan="4"
+                    >
                       <span>
                         Gender
                       </span>
@@ -5252,43 +6670,52 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                   <tr>
                     <th
                       class=""
-                      rowspan="3">
+                      rowspan="3"
+                    >
                       <span>
                         Age
                         <div
-                          class="ant-table-column-sorter">
+                          class="ant-table-column-sorter"
+                        >
                           <span
                             class="ant-table-column-sorter-up off"
-                            title="↑">
+                            title="↑"
+                          >
                             <i
-                              class="anticon anticon-caret-up" />
+                              class="anticon anticon-caret-up"
+                            />
                           </span>
                           <span
                             class="ant-table-column-sorter-down off"
-                            title="↓">
+                            title="↓"
+                          >
                             <i
-                              class="anticon anticon-caret-down" />
+                              class="anticon anticon-caret-down"
+                            />
                           </span>
                         </div>
                       </span>
                     </th>
                     <th
                       class=""
-                      colspan="3">
+                      colspan="3"
+                    >
                       <span>
                         Address
                       </span>
                     </th>
                     <th
                       class=""
-                      rowspan="3">
+                      rowspan="3"
+                    >
                       <span>
                         Company Address
                       </span>
                     </th>
                     <th
                       class=""
-                      rowspan="3">
+                      rowspan="3"
+                    >
                       <span>
                         Company Name
                       </span>
@@ -5297,14 +6724,16 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                   <tr>
                     <th
                       class=""
-                      rowspan="2">
+                      rowspan="2"
+                    >
                       <span>
                         Street
                       </span>
                     </th>
                     <th
                       class=""
-                      colspan="2">
+                      colspan="2"
+                    >
                       <span>
                         Block
                       </span>
@@ -5312,13 +6741,15 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
                   </tr>
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Building
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Door No.
                       </span>
@@ -5329,407 +6760,518 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
             </div>
             <div
               class="ant-table-body"
-              style="overflow-x:auto;max-height:240px;overflow-y:scroll;">
+              style="overflow-x:auto;max-height:240px;overflow-y:scroll;"
+            >
               <table
                 class="ant-table-fixed"
-                style="width:1010px;">
+                style="width:1010px;"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:50px;min-width:50px;" />
+                    style="width:50px;min-width:50px;"
+                  />
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:200px;min-width:200px;" />
+                    style="width:200px;min-width:200px;"
+                  />
                   <col
-                    style="width:60px;min-width:60px;" />
+                    style="width:60px;min-width:60px;"
+                  />
                 </colgroup>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       10
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Park
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       C
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       2035
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Lake Street 42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       SoftLake Co
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       M
                     </td>
                   </tr>
@@ -5738,26 +7280,33 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
             </div>
           </div>
           <div
-            class="ant-table-fixed-left">
+            class="ant-table-fixed-left"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
-                class="ant-table-fixed">
+                class="ant-table-fixed"
+              >
                 <colgroup>
                   <col
-                    style="width:100px;min-width:100px;" />
+                    style="width:100px;min-width:100px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
                       class=""
-                      rowspan="4">
+                      rowspan="4"
+                    >
                       <span>
                         Name
                         <i
                           class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
+                          title="筛选"
+                        />
                       </span>
                     </th>
                   </tr>
@@ -5765,115 +7314,150 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
               </table>
             </div>
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
                 class="ant-table-body-inner"
-                style="max-height:240px;overflow-y:scroll;">
+                style="max-height:240px;overflow-y:scroll;"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:100px;min-width:100px;" />
+                      style="width:100px;min-width:100px;"
+                    />
                   </colgroup>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         <span
                           class="ant-table-row-indent indent-level-0"
-                          style="padding-left:0px;" />
+                          style="padding-left:0px;"
+                        />
                         John Brown
                       </td>
                     </tr>
@@ -5883,21 +7467,27 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
             </div>
           </div>
           <div
-            class="ant-table-fixed-right">
+            class="ant-table-fixed-right"
+          >
             <div
-              class="ant-table-header">
+              class="ant-table-header"
+            >
               <table
-                class="ant-table-fixed">
+                class="ant-table-fixed"
+              >
                 <colgroup>
                   <col
-                    style="width:60px;min-width:60px;" />
+                    style="width:60px;min-width:60px;"
+                  />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
                       class=""
-                      rowspan="4">
+                      rowspan="4"
+                    >
                       <span>
                         Gender
                       </span>
@@ -5907,85 +7497,110 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
               </table>
             </div>
             <div
-              class="ant-table-body-outer">
+              class="ant-table-body-outer"
+            >
               <div
                 class="ant-table-body-inner"
-                style="max-height:240px;overflow-y:scroll;">
+                style="max-height:240px;overflow-y:scroll;"
+              >
                 <table
-                  class="ant-table-fixed">
+                  class="ant-table-fixed"
+                >
                   <colgroup>
                     <col
-                      style="width:60px;min-width:60px;" />
+                      style="width:60px;min-width:60px;"
+                    />
                   </colgroup>
                   <tbody
-                    class="ant-table-tbody">
+                    class="ant-table-tbody"
+                  >
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
                     <tr
-                      class="ant-table-row  ant-table-row-level-0">
+                      class="ant-table-row  ant-table-row-level-0"
+                    >
                       <td
-                        class="">
+                        class=""
+                      >
                         M
                       </td>
                     </tr>
@@ -5998,62 +7613,72 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
       </div>
       <ul
         class="ant-pagination ant-table-pagination mini"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-3"
-          title="3">
+          title="3"
+        >
           <a>
             3
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-4"
-          title="4">
+          title="4"
+        >
           <a>
             4
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
-          title="5">
+          title="5"
+        >
           <a>
             5
           </a>
         </li>
         <li
           class="ant-pagination-jump-next"
-          title="向后 5 页">
+          title="向后 5 页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-10"
-          title="10">
+          title="10"
+        >
           <a>
             10
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -6062,171 +7687,220 @@ exports[`test renders ./components/table/demo/grouping-columns.md correctly 1`]
 </div>
 `;
 
-exports[`test renders ./components/table/demo/head.md correctly 1`] = `
+exports[`renders ./components/table/demo/head.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                       <div
-                        class="ant-table-column-sorter">
+                        class="ant-table-column-sorter"
+                      >
                         <span
                           class="ant-table-column-sorter-up off"
-                          title="↑">
+                          title="↑"
+                        >
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-caret-up"
+                          />
                         </span>
                         <span
                           class="ant-table-column-sorter-down off"
-                          title="↓">
+                          title="↓"
+                        >
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-caret-down"
+                          />
                         </span>
                       </div>
                       <i
                         class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                       <div
-                        class="ant-table-column-sorter">
+                        class="ant-table-column-sorter"
+                      >
                         <span
                           class="ant-table-column-sorter-up off"
-                          title="↑">
+                          title="↑"
+                        >
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-caret-up"
+                          />
                         </span>
                         <span
                           class="ant-table-column-sorter-down off"
-                          title="↓">
+                          title="↓"
+                        >
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-caret-down"
+                          />
                         </span>
                       </div>
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                       <div
-                        class="ant-table-column-sorter">
+                        class="ant-table-column-sorter"
+                      >
                         <span
                           class="ant-table-column-sorter-up off"
-                          title="↑">
+                          title="↑"
+                        >
                           <i
-                            class="anticon anticon-caret-up" />
+                            class="anticon anticon-caret-up"
+                          />
                         </span>
                         <span
                           class="ant-table-column-sorter-down off"
-                          title="↓">
+                          title="↓"
+                        >
                           <i
-                            class="anticon anticon-caret-down" />
+                            class="anticon anticon-caret-down"
+                          />
                         </span>
                       </div>
                       <i
                         class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选" />
+                        title="筛选"
+                      />
                     </span>
                   </th>
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     John Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Joe Black
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim Red
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 2 Lake Park
                   </td>
                 </tr>
@@ -6237,22 +7911,26 @@ exports[`test renders ./components/table/demo/head.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -6261,21 +7939,28 @@ exports[`test renders ./components/table/demo/head.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
+exports[`renders ./components/table/demo/jsx.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
@@ -6284,32 +7969,37 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
                     class=""
-                    colspan="2">
+                    colspan="2"
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
                     class=""
-                    rowspan="2">
+                    rowspan="2"
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
                     class=""
-                    rowspan="2">
+                    rowspan="2"
+                  >
                     <span>
                       Address
                     </span>
                   </th>
                   <th
                     class=""
-                    rowspan="2">
+                    rowspan="2"
+                  >
                     <span>
                       Action
                     </span>
@@ -6317,13 +8007,15 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
                 </tr>
                 <tr>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       First Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Last Name
                     </span>
@@ -6331,141 +8023,181 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     John
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Brown
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Jim
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Green
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Joe
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Black
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span>
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Action 一 
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
-                        href="#">
+                        href="#"
+                      >
                         Delete
                       </a>
                       <span
-                        class="ant-divider" />
+                        class="ant-divider"
+                      />
                       <a
                         class="ant-dropdown-link"
-                        href="#">
+                        href="#"
+                      >
                         More actions 
                         <i
-                          class="anticon anticon-down" />
+                          class="anticon anticon-down"
+                        />
                       </a>
                     </span>
                   </td>
@@ -6477,22 +8209,26 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -6501,24 +8237,32 @@ exports[`test renders ./components/table/demo/jsx.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
+exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
 <div
-  class="ant-table-wrapper components-table-demo-nested">
+  class="ant-table-wrapper components-table-demo-nested"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col
-                  class="ant-table-expand-icon-col" />
+                  class="ant-table-expand-icon-col"
+                />
                 <col />
                 <col />
                 <col />
@@ -6528,50 +8272,59 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
                     class="ant-table-expand-icon-th"
                     rowspan="1"
-                    title="" />
+                    title=""
+                  />
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Platform
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Version
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Upgraded
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Creator
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Date
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Action
                     </span>
@@ -6579,120 +8332,154 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Screem
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     iOS
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     10.3.4.5654
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     500
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Jack
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     2014-12-24 23:12:00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Publish
                     </a>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Screem
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     iOS
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     10.3.4.5654
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     500
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Jack
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     2014-12-24 23:12:00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Publish
                     </a>
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-row-expand-icon-cell">
+                    class="ant-table-row-expand-icon-cell"
+                  >
                     <span
-                      class="ant-table-row-expand-icon ant-table-row-collapsed" />
+                      class="ant-table-row-expand-icon ant-table-row-collapsed"
+                    />
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Screem
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     iOS
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     10.3.4.5654
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     500
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Jack
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     2014-12-24 23:12:00
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Publish
                     </a>
                   </td>
@@ -6704,22 +8491,26 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -6728,196 +8519,249 @@ exports[`test renders ./components/table/demo/nested-table.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
+exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
 <div>
   <div
-    class="table-operations">
+    class="table-operations"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Sort age
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Clear filters
       </span>
     </button>
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         Clear filters and sorters
       </span>
     </button>
   </div>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-large ant-table-scroll-position-left">
+          class="ant-table ant-table-large ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col />
                   <col />
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                         <div
-                          class="ant-table-column-sorter">
+                          class="ant-table-column-sorter"
+                        >
                           <span
                             class="ant-table-column-sorter-up off"
-                            title="↑">
+                            title="↑"
+                          >
                             <i
-                              class="anticon anticon-caret-up" />
+                              class="anticon anticon-caret-up"
+                            />
                           </span>
                           <span
                             class="ant-table-column-sorter-down off"
-                            title="↓">
+                            title="↓"
+                          >
                             <i
-                              class="anticon anticon-caret-down" />
+                              class="anticon anticon-caret-down"
+                            />
                           </span>
                         </div>
                         <i
                           class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
+                          title="筛选"
+                        />
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                         <div
-                          class="ant-table-column-sorter">
+                          class="ant-table-column-sorter"
+                        >
                           <span
                             class="ant-table-column-sorter-up off"
-                            title="↑">
+                            title="↑"
+                          >
                             <i
-                              class="anticon anticon-caret-up" />
+                              class="anticon anticon-caret-up"
+                            />
                           </span>
                           <span
                             class="ant-table-column-sorter-down off"
-                            title="↓">
+                            title="↓"
+                          >
                             <i
-                              class="anticon anticon-caret-down" />
+                              class="anticon anticon-caret-down"
+                            />
                           </span>
                         </div>
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                         <div
-                          class="ant-table-column-sorter">
+                          class="ant-table-column-sorter"
+                        >
                           <span
                             class="ant-table-column-sorter-up off"
-                            title="↑">
+                            title="↑"
+                          >
                             <i
-                              class="anticon anticon-caret-up" />
+                              class="anticon anticon-caret-up"
+                            />
                           </span>
                           <span
                             class="ant-table-column-sorter-down off"
-                            title="↓">
+                            title="↓"
+                          >
                             <i
-                              class="anticon anticon-caret-down" />
+                              class="anticon anticon-caret-down"
+                            />
                           </span>
                         </div>
                         <i
                           class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选" />
+                          title="筛选"
+                        />
                       </span>
                     </th>
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Jim Green
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Joe Black
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Sidney No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Jim Red
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London No. 2 Lake Park
                     </td>
                   </tr>
@@ -6928,22 +8772,26 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
         </div>
         <ul
           class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
@@ -6953,21 +8801,28 @@ exports[`test renders ./components/table/demo/reset-filter.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
+exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
@@ -6975,46 +8830,58 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <div
-                        class="ant-table-selection">
+                        class="ant-table-selection"
+                      >
                         <label
-                          class="ant-table-selection-select-all ant-checkbox-wrapper">
+                          class="ant-table-selection-select-all ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                         <div
-                          class="ant-table-selection-down ant-dropdown-trigger">
+                          class="ant-table-selection-down ant-dropdown-trigger"
+                        >
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </div>
                       </div>
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -7022,153 +8889,198 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       John Brown
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     New York No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Jim Green
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     42
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Joe Black
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox ant-checkbox-disabled">
+                          class="ant-checkbox ant-checkbox-disabled"
+                        >
                           <input
                             class="ant-checkbox-input"
                             disabled=""
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     <a
-                      href="#">
+                      href="#"
+                    >
                       Disabled User
                     </a>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     99
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     Sidney No. 1 Lake Park
                   </td>
                 </tr>
@@ -7179,22 +9091,26 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-disabled ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -7203,35 +9119,45 @@ exports[`test renders ./components/table/demo/row-selection.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
+exports[`renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
 <div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <button
       class="ant-btn ant-btn-primary"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         Reload
       </span>
     </button>
     <span
-      style="margin-left:8px;" />
+      style="margin-left:8px;"
+    />
   </div>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-large ant-table-scroll-position-left">
+          class="ant-table ant-table-large ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col />
                   <col />
@@ -7239,46 +9165,58 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <div
-                          class="ant-table-selection">
+                          class="ant-table-selection"
+                        >
                           <label
-                            class="ant-table-selection-select-all ant-checkbox-wrapper">
+                            class="ant-table-selection-select-all ant-checkbox-wrapper"
+                          >
                             <span
-                              class="ant-checkbox">
+                              class="ant-checkbox"
+                            >
                               <input
                                 class="ant-checkbox-input"
-                                type="checkbox" />
+                                type="checkbox"
+                              />
                               <span
-                                class="ant-checkbox-inner" />
+                                class="ant-checkbox-inner"
+                              />
                             </span>
                           </label>
                           <div
-                            class="ant-table-selection-down ant-dropdown-trigger">
+                            class="ant-table-selection-down ant-dropdown-trigger"
+                          >
                             <i
-                              class="anticon anticon-down" />
+                              class="anticon anticon-down"
+                            />
                           </div>
                         </div>
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                       </span>
@@ -7286,344 +9224,445 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 0
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 0
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 1
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 1
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 2
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 2
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 3
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 3
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 4
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 4
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 5
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 5
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 6
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 6
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 7
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 7
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 8
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 8
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="ant-table-selection-column">
+                      class="ant-table-selection-column"
+                    >
                       <span>
                         <label
-                          class="ant-checkbox-wrapper">
+                          class="ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                       </span>
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Edward King 9
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London, Park Lane no. 9
                     </td>
                   </tr>
@@ -7634,50 +9673,58 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
         </div>
         <ul
           class="ant-pagination ant-table-pagination"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-2"
-            title="2">
+            title="2"
+          >
             <a>
               2
             </a>
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-3"
-            title="3">
+            title="3"
+          >
             <a>
               3
             </a>
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-4"
-            title="4">
+            title="4"
+          >
             <a>
               4
             </a>
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-5"
-            title="5">
+            title="5"
+          >
             <a>
               5
             </a>
           </li>
           <li
             class=" ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
@@ -7687,21 +9734,28 @@ exports[`test renders ./components/table/demo/row-selection-and-operation.md cor
 </div>
 `;
 
-exports[`test renders ./components/table/demo/row-selection-custom.md correctly 1`] = `
+exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] = `
 <div
-  class="ant-table-wrapper">
+  class="ant-table-wrapper"
+>
   <div
-    class="ant-spin-nested-loading">
+    class="ant-spin-nested-loading"
+  >
     <div
-      class="ant-spin-container">
+      class="ant-spin-container"
+    >
       <div
-        class="ant-table ant-table-large ant-table-scroll-position-left">
+        class="ant-table ant-table-large ant-table-scroll-position-left"
+      >
         <div
-          class="ant-table-content">
+          class="ant-table-content"
+        >
           <div
-            class="ant-table-body">
+            class="ant-table-body"
+          >
             <table
-              class="">
+              class=""
+            >
               <colgroup>
                 <col />
                 <col />
@@ -7709,46 +9763,58 @@ exports[`test renders ./components/table/demo/row-selection-custom.md correctly
                 <col />
               </colgroup>
               <thead
-                class="ant-table-thead">
+                class="ant-table-thead"
+              >
                 <tr>
                   <th
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <div
-                        class="ant-table-selection">
+                        class="ant-table-selection"
+                      >
                         <label
-                          class="ant-table-selection-select-all ant-checkbox-wrapper">
+                          class="ant-table-selection-select-all ant-checkbox-wrapper"
+                        >
                           <span
-                            class="ant-checkbox">
+                            class="ant-checkbox"
+                          >
                             <input
                               class="ant-checkbox-input"
-                              type="checkbox" />
+                              type="checkbox"
+                            />
                             <span
-                              class="ant-checkbox-inner" />
+                              class="ant-checkbox-inner"
+                            />
                           </span>
                         </label>
                         <div
-                          class="ant-table-selection-down ant-dropdown-trigger">
+                          class="ant-table-selection-down ant-dropdown-trigger"
+                        >
                           <i
-                            class="anticon anticon-down" />
+                            class="anticon anticon-down"
+                          />
                         </div>
                       </div>
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Name
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Age
                     </span>
                   </th>
                   <th
-                    class="">
+                    class=""
+                  >
                     <span>
                       Address
                     </span>
@@ -7756,344 +9822,445 @@ exports[`test renders ./components/table/demo/row-selection-custom.md correctly
                 </tr>
               </thead>
               <tbody
-                class="ant-table-tbody">
+                class="ant-table-tbody"
+              >
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 0
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 0
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 1
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 1
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 2
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 2
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 3
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 3
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 4
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 4
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 5
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 5
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 6
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 6
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 7
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 7
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 8
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 8
                   </td>
                 </tr>
                 <tr
-                  class="ant-table-row  ant-table-row-level-0">
+                  class="ant-table-row  ant-table-row-level-0"
+                >
                   <td
-                    class="ant-table-selection-column">
+                    class="ant-table-selection-column"
+                  >
                     <span>
                       <label
-                        class="ant-checkbox-wrapper">
+                        class="ant-checkbox-wrapper"
+                      >
                         <span
-                          class="ant-checkbox">
+                          class="ant-checkbox"
+                        >
                           <input
                             class="ant-checkbox-input"
-                            type="checkbox" />
+                            type="checkbox"
+                          />
                           <span
-                            class="ant-checkbox-inner" />
+                            class="ant-checkbox-inner"
+                          />
                         </span>
                       </label>
                     </span>
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     <span
                       class="ant-table-row-indent indent-level-0"
-                      style="padding-left:0px;" />
+                      style="padding-left:0px;"
+                    />
                     Edward King 9
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     32
                   </td>
                   <td
-                    class="">
+                    class=""
+                  >
                     London, Park Lane no. 9
                   </td>
                 </tr>
@@ -8104,50 +10271,58 @@ exports[`test renders ./components/table/demo/row-selection-custom.md correctly
       </div>
       <ul
         class="ant-pagination ant-table-pagination"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <li
           class="ant-pagination-disabled ant-pagination-prev"
-          title="上一页">
+          title="上一页"
+        >
           <a />
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          title="1">
+          title="1"
+        >
           <a>
             1
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-2"
-          title="2">
+          title="2"
+        >
           <a>
             2
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-3"
-          title="3">
+          title="3"
+        >
           <a>
             3
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-4"
-          title="4">
+          title="4"
+        >
           <a>
             4
           </a>
         </li>
         <li
           class="ant-pagination-item ant-pagination-item-5"
-          title="5">
+          title="5"
+        >
           <a>
             5
           </a>
         </li>
         <li
           class=" ant-pagination-next"
-          title="下一页">
+          title="下一页"
+        >
           <a />
         </li>
       </ul>
@@ -8156,47 +10331,58 @@ exports[`test renders ./components/table/demo/row-selection-custom.md correctly
 </div>
 `;
 
-exports[`test renders ./components/table/demo/size.md correctly 1`] = `
+exports[`renders ./components/table/demo/size.md correctly 1`] = `
 <div>
   <h4>
     Middle size table
   </h4>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-middle ant-table-scroll-position-left">
+          class="ant-table ant-table-middle ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col />
                   <col />
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                       </span>
@@ -8204,58 +10390,74 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Jim Green
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Joe Black
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Sidney No. 1 Lake Park
                     </td>
                   </tr>
@@ -8266,22 +10468,26 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
         </div>
         <ul
           class="ant-pagination ant-table-pagination mini"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
@@ -8292,41 +10498,52 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
     Small size table
   </h4>
   <div
-    class="ant-table-wrapper">
+    class="ant-table-wrapper"
+  >
     <div
-      class="ant-spin-nested-loading">
+      class="ant-spin-nested-loading"
+    >
       <div
-        class="ant-spin-container">
+        class="ant-spin-container"
+      >
         <div
-          class="ant-table ant-table-small ant-table-scroll-position-left">
+          class="ant-table ant-table-small ant-table-scroll-position-left"
+        >
           <div
-            class="ant-table-content">
+            class="ant-table-content"
+          >
             <div
-              class="ant-table-body">
+              class="ant-table-body"
+            >
               <table
-                class="">
+                class=""
+              >
                 <colgroup>
                   <col />
                   <col />
                   <col />
                 </colgroup>
                 <thead
-                  class="ant-table-thead">
+                  class="ant-table-thead"
+                >
                   <tr>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Name
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Age
                       </span>
                     </th>
                     <th
-                      class="">
+                      class=""
+                    >
                       <span>
                         Address
                       </span>
@@ -8334,58 +10551,74 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
                   </tr>
                 </thead>
                 <tbody
-                  class="ant-table-tbody">
+                  class="ant-table-tbody"
+                >
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       John Brown
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       New York No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Jim Green
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       42
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       London No. 1 Lake Park
                     </td>
                   </tr>
                   <tr
-                    class="ant-table-row  ant-table-row-level-0">
+                    class="ant-table-row  ant-table-row-level-0"
+                  >
                     <td
-                      class="">
+                      class=""
+                    >
                       <span
                         class="ant-table-row-indent indent-level-0"
-                        style="padding-left:0px;" />
+                        style="padding-left:0px;"
+                      />
                       Joe Black
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       32
                     </td>
                     <td
-                      class="">
+                      class=""
+                    >
                       Sidney No. 1 Lake Park
                     </td>
                   </tr>
@@ -8396,22 +10629,26 @@ exports[`test renders ./components/table/demo/size.md correctly 1`] = `
         </div>
         <ul
           class="ant-pagination ant-table-pagination mini"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <li
             class="ant-pagination-disabled ant-pagination-prev"
-            title="上一页">
+            title="上一页"
+          >
             <a />
           </li>
           <li
             class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-            title="1">
+            title="1"
+          >
             <a>
               1
             </a>
           </li>
           <li
             class="ant-pagination-disabled ant-pagination-next"
-            title="下一页">
+            title="下一页"
+          >
             <a />
           </li>
         </ul>
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 3c284c77e9..e9e01c1b53 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -1,39 +1,51 @@
-exports[`test renders ./components/tabs/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
           </div>
@@ -43,61 +55,75 @@ exports[`test renders ./components/tabs/demo/basic.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of Tab Pane 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/card.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-card">
+  class="ant-tabs ant-tabs-top ant-tabs-card"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
           </div>
@@ -107,63 +133,78 @@ exports[`test renders ./components/tabs/demo/card.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of Tab Pane 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/card-top.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
 <div
-  class="card-container">
+  class="card-container"
+>
   <div
-    class="ant-tabs ant-tabs-top ant-tabs-card">
+    class="ant-tabs ant-tabs-top ant-tabs-card"
+  >
     <div
       class="ant-tabs-bar"
       role="tablist"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-tabs-nav-container">
+        class="ant-tabs-nav-container"
+      >
         <div
-          class="ant-tabs-nav-wrap">
+          class="ant-tabs-nav-wrap"
+        >
           <div
-            class="ant-tabs-nav-scroll">
+            class="ant-tabs-nav-scroll"
+          >
             <div
-              class="ant-tabs-nav ant-tabs-nav-animated">
+              class="ant-tabs-nav ant-tabs-nav-animated"
+            >
               <div
-                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+              />
               <div
                 aria-disabled="false"
                 aria-selected="true"
                 class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 1
               </div>
               <div
                 aria-disabled="false"
                 aria-selected="false"
                 class=" ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 2
               </div>
               <div
                 aria-disabled="false"
                 aria-selected="false"
                 class=" ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 3
               </div>
             </div>
@@ -173,74 +214,91 @@ exports[`test renders ./components/tabs/demo/card-top.md correctly 1`] = `
     </div>
     <div
       class="ant-tabs-content ant-tabs-content-animated"
-      style="margin-left:0%;">
+      style="margin-left:0%;"
+    >
       <div
         aria-hidden="false"
         class="ant-tabs-tabpane ant-tabs-tabpane-active"
-        role="tabpanel">
+        role="tabpanel"
+      >
         Content of Tab Pane 1
       </div>
       <div
         aria-hidden="true"
         class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-        role="tabpanel" />
+        role="tabpanel"
+      />
       <div
         aria-hidden="true"
         class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-        role="tabpanel" />
+        role="tabpanel"
+      />
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
 <div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     <button
       class="ant-btn"
-      type="button">
+      type="button"
+    >
       <span>
         ADD
       </span>
     </button>
   </div>
   <div
-    class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card">
+    class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card"
+  >
     <div
       class="ant-tabs-bar"
       role="tablist"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-tabs-nav-container">
+        class="ant-tabs-nav-container"
+      >
         <div
-          class="ant-tabs-nav-wrap">
+          class="ant-tabs-nav-wrap"
+        >
           <div
-            class="ant-tabs-nav-scroll">
+            class="ant-tabs-nav-scroll"
+          >
             <div
-              class="ant-tabs-nav ant-tabs-nav-animated">
+              class="ant-tabs-nav ant-tabs-nav-animated"
+            >
               <div
-                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+              />
               <div
                 aria-disabled="false"
                 aria-selected="true"
                 class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 <div>
                   Tab 1
                   <i
-                    class="anticon anticon-close" />
+                    class="anticon anticon-close"
+                  />
                 </div>
               </div>
               <div
                 aria-disabled="false"
                 aria-selected="false"
                 class=" ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 <div>
                   Tab 2
                   <i
-                    class="anticon anticon-close" />
+                    class="anticon anticon-close"
+                  />
                 </div>
               </div>
             </div>
@@ -250,58 +308,71 @@ exports[`test renders ./components/tabs/demo/custom-add-trigger.md correctly 1`]
     </div>
     <div
       class="ant-tabs-content ant-tabs-content-animated"
-      style="margin-left:0%;">
+      style="margin-left:0%;"
+    >
       <div
         aria-hidden="false"
         class="ant-tabs-tabpane ant-tabs-tabpane-active"
-        role="tabpanel">
+        role="tabpanel"
+      >
         Content of Tab Pane 1
       </div>
       <div
         aria-hidden="true"
         class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-        role="tabpanel" />
+        role="tabpanel"
+      />
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="true"
               aria-selected="false"
               class=" ant-tabs-tab ant-tabs-tab-disabled"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
           </div>
@@ -311,59 +382,75 @@ exports[`test renders ./components/tabs/demo/disabled.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Tab 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/editable-card.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card">
+  class="ant-tabs ant-tabs-top ant-tabs-card ant-tabs-editable-card"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      style="float:right;">
+      style="float:right;"
+    >
       <div
-        class="ant-tabs-extra-content">
+        class="ant-tabs-extra-content"
+      >
         <span>
           <i
-            class="anticon anticon-plus ant-tabs-new-tab" />
+            class="anticon anticon-plus ant-tabs-new-tab"
+          />
         </span>
       </div>
     </div>
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               <div
-                class="ant-tabs-tab-unclosable">
+                class="ant-tabs-tab-unclosable"
+              >
                 Tab 1
               </div>
             </div>
@@ -371,11 +458,13 @@ exports[`test renders ./components/tabs/demo/editable-card.md correctly 1`] = `
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               <div>
                 Tab 2
                 <i
-                  class="anticon anticon-close" />
+                  class="anticon anticon-close"
+                />
               </div>
             </div>
           </div>
@@ -385,35 +474,43 @@ exports[`test renders ./components/tabs/demo/editable-card.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of Tab 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/extra.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      style="float:right;">
+      style="float:right;"
+    >
       <div
-        class="ant-tabs-extra-content">
+        class="ant-tabs-extra-content"
+      >
         <button
           class="ant-btn"
-          type="button">
+          type="button"
+        >
           <span>
             Extra Action
           </span>
@@ -421,34 +518,42 @@ exports[`test renders ./components/tabs/demo/extra.md correctly 1`] = `
       </div>
     </div>
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
           </div>
@@ -458,50 +563,63 @@ exports[`test renders ./components/tabs/demo/extra.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of tab 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/icon.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               <span>
                 <i
-                  class="anticon anticon-apple" />
+                  class="anticon anticon-apple"
+                />
                 Tab 1
               </span>
             </div>
@@ -509,10 +627,12 @@ exports[`test renders ./components/tabs/demo/icon.md correctly 1`] = `
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               <span>
                 <i
-                  class="anticon anticon-android" />
+                  class="anticon anticon-android"
+                />
                 Tab 2
               </span>
             </div>
@@ -523,28 +643,33 @@ exports[`test renders ./components/tabs/demo/icon.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:-100%;">
+    style="margin-left:-100%;"
+  >
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Tab 2
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/position.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
 <div>
   <div
-    style="margin-bottom:16px;">
+    style="margin-bottom:16px;"
+  >
     Tab position：
     <div
-      class="ant-select ant-select-enabled">
+      class="ant-select ant-select-enabled"
+    >
       <div
         aria-autocomplete="list"
         aria-expanded="false"
@@ -552,60 +677,74 @@ exports[`test renders ./components/tabs/demo/position.md correctly 1`] = `
         class="ant-select-selection
                   ant-select-selection--single"
         role="combobox"
-        tabindex="0">
+        tabindex="0"
+      >
         <div
-          class="ant-select-selection__rendered">
+          class="ant-select-selection__rendered"
+        >
           <div
             class="ant-select-selection-selected-value"
             style="display:block;opacity:1;"
-            title="top">
+            title="top"
+          >
             top
           </div>
         </div>
         <span
           class="ant-select-arrow"
           style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable">
+          unselectable="unselectable"
+        >
           <b />
         </span>
       </div>
     </div>
   </div>
   <div
-    class="ant-tabs ant-tabs-top ant-tabs-line">
+    class="ant-tabs ant-tabs-top ant-tabs-line"
+  >
     <div
       class="ant-tabs-bar"
       role="tablist"
-      tabindex="0">
+      tabindex="0"
+    >
       <div
-        class="ant-tabs-nav-container">
+        class="ant-tabs-nav-container"
+      >
         <div
-          class="ant-tabs-nav-wrap">
+          class="ant-tabs-nav-wrap"
+        >
           <div
-            class="ant-tabs-nav-scroll">
+            class="ant-tabs-nav-scroll"
+          >
             <div
-              class="ant-tabs-nav ant-tabs-nav-animated">
+              class="ant-tabs-nav ant-tabs-nav-animated"
+            >
               <div
-                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+              />
               <div
                 aria-disabled="false"
                 aria-selected="true"
                 class="ant-tabs-tab-active ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 1
               </div>
               <div
                 aria-disabled="false"
                 aria-selected="false"
                 class=" ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 2
               </div>
               <div
                 aria-disabled="false"
                 aria-selected="false"
                 class=" ant-tabs-tab"
-                role="tab">
+                role="tab"
+              >
                 Tab 3
               </div>
             </div>
@@ -615,62 +754,76 @@ exports[`test renders ./components/tabs/demo/position.md correctly 1`] = `
     </div>
     <div
       class="ant-tabs-content ant-tabs-content-animated"
-      style="margin-left:0%;">
+      style="margin-left:0%;"
+    >
       <div
         aria-hidden="false"
         class="ant-tabs-tabpane ant-tabs-tabpane-active"
-        role="tabpanel">
+        role="tabpanel"
+      >
         Content of Tab 1
       </div>
       <div
         aria-hidden="true"
         class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-        role="tabpanel" />
+        role="tabpanel"
+      />
       <div
         aria-hidden="true"
         class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-        role="tabpanel" />
+        role="tabpanel"
+      />
     </div>
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/size.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-mini ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-mini ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
           </div>
@@ -680,103 +833,123 @@ exports[`test renders ./components/tabs/demo/size.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:-100%;">
+    style="margin-left:-100%;"
+  >
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of tab 2
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tabs/demo/slide.md correctly 1`] = `
+exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
 <div
-  class="ant-tabs ant-tabs-top ant-tabs-line">
+  class="ant-tabs ant-tabs-top ant-tabs-line"
+>
   <div
     class="ant-tabs-bar"
     role="tablist"
-    tabindex="0">
+    tabindex="0"
+  >
     <div
-      class="ant-tabs-nav-container">
+      class="ant-tabs-nav-container"
+    >
       <div
-        class="ant-tabs-nav-wrap">
+        class="ant-tabs-nav-wrap"
+      >
         <div
-          class="ant-tabs-nav-scroll">
+          class="ant-tabs-nav-scroll"
+        >
           <div
-            class="ant-tabs-nav ant-tabs-nav-animated">
+            class="ant-tabs-nav ant-tabs-nav-animated"
+          >
             <div
-              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" />
+              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
+            />
             <div
               aria-disabled="false"
               aria-selected="true"
               class="ant-tabs-tab-active ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 1
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 2
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 3
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 4
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 5
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 6
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 7
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 8
             </div>
             <div
               aria-disabled="false"
               aria-selected="false"
               class=" ant-tabs-tab"
-              role="tab">
+              role="tab"
+            >
               Tab 9
             </div>
           </div>
@@ -786,45 +959,55 @@ exports[`test renders ./components/tabs/demo/slide.md correctly 1`] = `
   </div>
   <div
     class="ant-tabs-content ant-tabs-content-animated"
-    style="margin-left:0%;">
+    style="margin-left:0%;"
+  >
     <div
       aria-hidden="false"
       class="ant-tabs-tabpane ant-tabs-tabpane-active"
-      role="tabpanel">
+      role="tabpanel"
+    >
       Content of tab 1
     </div>
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
     <div
       aria-hidden="true"
       class="ant-tabs-tabpane ant-tabs-tabpane-inactive"
-      role="tabpanel" />
+      role="tabpanel"
+    />
   </div>
 </div>
 `;
diff --git a/components/tag/__tests__/__snapshots__/demo.test.js.snap b/components/tag/__tests__/__snapshots__/demo.test.js.snap
index e6f51179da..c96a4672b7 100644
--- a/components/tag/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tag/__tests__/__snapshots__/demo.test.js.snap
@@ -1,218 +1,272 @@
-exports[`test renders ./components/tag/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
 <div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Tag 1
     </span>
   </div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       <a
-        href="https://github.com/ant-design/ant-design/issues/1862">
+        href="https://github.com/ant-design/ant-design/issues/1862"
+      >
         Link
       </a>
     </span>
   </div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Tag 2
     </span>
     <i
-      class="anticon anticon-cross" />
+      class="anticon anticon-cross"
+    />
   </div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Prevent Default
     </span>
     <i
-      class="anticon anticon-cross" />
+      class="anticon anticon-cross"
+    />
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tag/demo/checkable.md correctly 1`] = `
+exports[`renders ./components/tag/demo/checkable.md correctly 1`] = `
 <div>
   <div
-    class="ant-tag ant-tag-checkable">
+    class="ant-tag ant-tag-checkable"
+  >
     Unchecked
   </div>
   <div
-    class="ant-tag ant-tag-checkable ant-tag-checkable-checked">
+    class="ant-tag ant-tag-checkable ant-tag-checkable-checked"
+  >
     Checked
   </div>
   <div
-    class="ant-tag ant-tag-checkable">
+    class="ant-tag ant-tag-checkable"
+  >
     Uncontrolled
   </div>
 </div>
 `;
 
-exports[`test renders ./components/tag/demo/colorful.md correctly 1`] = `
+exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
 <div>
   <div>
     <div
       class="ant-tag ant-tag-pink"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         pink
       </span>
     </div>
     <div
       class="ant-tag ant-tag-red"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         red
       </span>
     </div>
     <div
       class="ant-tag ant-tag-orange"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         orange
       </span>
     </div>
     <div
       class="ant-tag ant-tag-green"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         green
       </span>
     </div>
     <div
       class="ant-tag ant-tag-cyan"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         cyan
       </span>
     </div>
     <div
       class="ant-tag ant-tag-blue"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         blue
       </span>
     </div>
     <div
       class="ant-tag ant-tag-purple"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         purple
       </span>
     </div>
   </div>
   <div
-    style="margin-top:24px;">
+    style="margin-top:24px;"
+  >
     <div
       class="ant-tag ant-tag-pink-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         pink-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-red-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         red-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-orange-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         orange-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-green-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         green-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-cyan-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         cyan-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-blue-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         blue-inverse
       </span>
     </div>
     <div
       class="ant-tag ant-tag-purple-inverse"
-      data-show="true">
+      data-show="true"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         purple-inverse
       </span>
     </div>
   </div>
   <div
-    style="margin-top:24px;">
+    style="margin-top:24px;"
+  >
     <div
       class="ant-tag ant-tag-has-color"
       data-show="true"
-      style="background-color:#f50;">
+      style="background-color:#f50;"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         #f50
       </span>
     </div>
     <div
       class="ant-tag ant-tag-has-color"
       data-show="true"
-      style="background-color:#2db7f5;">
+      style="background-color:#2db7f5;"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         #2db7f5
       </span>
     </div>
     <div
       class="ant-tag ant-tag-has-color"
       data-show="true"
-      style="background-color:#87d068;">
+      style="background-color:#87d068;"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         #87d068
       </span>
     </div>
     <div
       class="ant-tag ant-tag-has-color"
       data-show="true"
-      style="background-color:#108ee9;">
+      style="background-color:#108ee9;"
+    >
       <span
-        class="ant-tag-text">
+        class="ant-tag-text"
+      >
         #108ee9
       </span>
     </div>
@@ -220,39 +274,48 @@ exports[`test renders ./components/tag/demo/colorful.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/tag/demo/control.md correctly 1`] = `
+exports[`renders ./components/tag/demo/control.md correctly 1`] = `
 <div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Unremovable
     </span>
   </div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Tag 2
     </span>
     <i
-      class="anticon anticon-cross" />
+      class="anticon anticon-cross"
+    />
   </div>
   <div
     class="ant-tag"
-    data-show="true">
+    data-show="true"
+  >
     <span
-      class="ant-tag-text">
+      class="ant-tag-text"
+    >
       Tag 3
     </span>
     <i
-      class="anticon anticon-cross" />
+      class="anticon anticon-cross"
+    />
   </div>
   <button
     class="ant-btn ant-btn-dashed ant-btn-sm"
-    type="button">
+    type="button"
+  >
     <span>
       + New Tag
     </span>
@@ -260,21 +323,24 @@ exports[`test renders ./components/tag/demo/control.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/tag/demo/hot-tags.md correctly 1`] = `
+exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = `
 <div>
   <strong>
     Hots: 
   </strong>
   <div
-    class="ant-tag ant-tag-checkable">
+    class="ant-tag ant-tag-checkable"
+  >
     Movie
   </div>
   <div
-    class="ant-tag ant-tag-checkable">
+    class="ant-tag ant-tag-checkable"
+  >
     Books
   </div>
   <div
-    class="ant-tag ant-tag-checkable">
+    class="ant-tag ant-tag-checkable"
+  >
     Music
   </div>
 </div>
diff --git a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
index d2c6f0c99f..51f4779c9f 100644
--- a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -1,135 +1,167 @@
-exports[`test renders ./components/time-picker/demo/addon.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
 <span
-  class="ant-time-picker ">
+  class="ant-time-picker "
+>
   <input
     class="ant-time-picker-input"
     placeholder="请选择时间"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-time-picker-icon" />
+    class="ant-time-picker-icon"
+  />
 </span>
 `;
 
-exports[`test renders ./components/time-picker/demo/basic.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
 <span
-  class="ant-time-picker ">
+  class="ant-time-picker "
+>
   <input
     class="ant-time-picker-input"
     placeholder="请选择时间"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-time-picker-icon" />
+    class="ant-time-picker-icon"
+  />
 </span>
 `;
 
-exports[`test renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
 <div>
   <span
-    class="ant-time-picker ">
+    class="ant-time-picker "
+  >
     <input
       class="ant-time-picker-input"
       placeholder="Just Disabled"
       readonly=""
       type="text"
-      value="" />
+      value=""
+    />
     <span
-      class="ant-time-picker-icon" />
+      class="ant-time-picker-icon"
+    />
   </span>
   <span
-    class="ant-time-picker ">
+    class="ant-time-picker "
+  >
     <input
       class="ant-time-picker-input"
       placeholder="Hide Directly"
       readonly=""
       type="text"
-      value="" />
+      value=""
+    />
     <span
-      class="ant-time-picker-icon" />
+      class="ant-time-picker-icon"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/time-picker/demo/disabled.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
 <span
-  class="ant-time-picker ">
+  class="ant-time-picker "
+>
   <input
     class="ant-time-picker-input"
     disabled=""
     placeholder="请选择时间"
     readonly=""
     type="text"
-    value="12:08:23" />
+    value="12:08:23"
+  />
   <span
-    class="ant-time-picker-icon" />
+    class="ant-time-picker-icon"
+  />
 </span>
 `;
 
-exports[`test renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
 <span
-  class="ant-time-picker ">
+  class="ant-time-picker "
+>
   <input
     class="ant-time-picker-input"
     placeholder="请选择时间"
     readonly=""
     type="text"
-    value="12:08" />
+    value="12:08"
+  />
   <span
-    class="ant-time-picker-icon" />
+    class="ant-time-picker-icon"
+  />
 </span>
 `;
 
-exports[`test renders ./components/time-picker/demo/size.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
 <div>
   <span
-    class="ant-time-picker ant-time-picker-large">
+    class="ant-time-picker ant-time-picker-large"
+  >
     <input
       class="ant-time-picker-input"
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08:23" />
+      value="12:08:23"
+    />
     <span
-      class="ant-time-picker-icon" />
+      class="ant-time-picker-icon"
+    />
   </span>
   <span
-    class="ant-time-picker ">
+    class="ant-time-picker "
+  >
     <input
       class="ant-time-picker-input"
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08:23" />
+      value="12:08:23"
+    />
     <span
-      class="ant-time-picker-icon" />
+      class="ant-time-picker-icon"
+    />
   </span>
   <span
-    class="ant-time-picker ant-time-picker-small">
+    class="ant-time-picker ant-time-picker-small"
+  >
     <input
       class="ant-time-picker-input"
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08:23" />
+      value="12:08:23"
+    />
     <span
-      class="ant-time-picker-icon" />
+      class="ant-time-picker-icon"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/time-picker/demo/value.md correctly 1`] = `
+exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
 <span
-  class="ant-time-picker ">
+  class="ant-time-picker "
+>
   <input
     class="ant-time-picker-input"
     placeholder="请选择时间"
     readonly=""
     type="text"
-    value="" />
+    value=""
+  />
   <span
-    class="ant-time-picker-icon" />
+    class="ant-time-picker-icon"
+  />
 </span>
 `;
diff --git a/components/time-picker/__tests__/__snapshots__/index.test.js.snap b/components/time-picker/__tests__/__snapshots__/index.test.js.snap
index 681fc429e8..2ed9c15651 100644
--- a/components/time-picker/__tests__/__snapshots__/index.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/index.test.js.snap
@@ -1,6 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`TimePicker renders addon correctly 1`] = `
 <div
-  class="ant-time-picker-panel-addon">
+  class="ant-time-picker-panel-addon"
+>
   <button>
     Ok
   </button>
diff --git a/components/timeline/__tests__/__snapshots__/demo.test.js.snap b/components/timeline/__tests__/__snapshots__/demo.test.js.snap
index ab28740345..db24867177 100644
--- a/components/timeline/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/timeline/__tests__/__snapshots__/demo.test.js.snap
@@ -1,86 +1,118 @@
-exports[`test renders ./components/timeline/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/timeline/demo/basic.md correctly 1`] = `
 <ul
-  class="ant-timeline">
+  class="ant-timeline"
+>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Create a services site 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Solve initial network problems 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Technical testing 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item ant-timeline-item-last">
+    class="ant-timeline-item ant-timeline-item-last"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Network problems being solved 2015-09-01
     </div>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/timeline/demo/color.md correctly 1`] = `
+exports[`renders ./components/timeline/demo/color.md correctly 1`] = `
 <ul
-  class="ant-timeline">
+  class="ant-timeline"
+>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-green" />
+      class="ant-timeline-item-head ant-timeline-item-head-green"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Create a services site 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-green" />
+      class="ant-timeline-item-head ant-timeline-item-head-green"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Create a services site 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-red" />
+      class="ant-timeline-item-head ant-timeline-item-head-red"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       <p>
         Solve initial network problems 1
       </p>
@@ -93,13 +125,17 @@ exports[`test renders ./components/timeline/demo/color.md correctly 1`] = `
     </div>
   </li>
   <li
-    class="ant-timeline-item ant-timeline-item-last">
+    class="ant-timeline-item ant-timeline-item-last"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       <p>
         Technical testing 1
       </p>
@@ -114,106 +150,142 @@ exports[`test renders ./components/timeline/demo/color.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/timeline/demo/custom.md correctly 1`] = `
+exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
 <ul
-  class="ant-timeline">
+  class="ant-timeline"
+>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Create a services site 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Solve initial network problems 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red">
+      class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-red"
+    >
       <i
         class="anticon anticon-clock-circle-o"
-        style="font-size:16px;" />
+        style="font-size:16px;"
+      />
     </div>
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Technical testing 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item ant-timeline-item-last">
+    class="ant-timeline-item ant-timeline-item-last"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Network problems being solved 2015-09-01
     </div>
   </li>
 </ul>
 `;
 
-exports[`test renders ./components/timeline/demo/pending.md correctly 1`] = `
+exports[`renders ./components/timeline/demo/pending.md correctly 1`] = `
 <ul
-  class="ant-timeline ant-timeline-pending">
+  class="ant-timeline ant-timeline-pending"
+>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Create a services site 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item">
+    class="ant-timeline-item"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Solve initial network problems 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item ant-timeline-item-last">
+    class="ant-timeline-item ant-timeline-item-last"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       Technical testing 2015-09-01
     </div>
   </li>
   <li
-    class="ant-timeline-item ant-timeline-item-pending">
+    class="ant-timeline-item ant-timeline-item-pending"
+  >
     <div
-      class="ant-timeline-item-tail" />
+      class="ant-timeline-item-tail"
+    />
     <div
-      class="ant-timeline-item-head ant-timeline-item-head-blue" />
+      class="ant-timeline-item-head ant-timeline-item-head-blue"
+    />
     <div
-      class="ant-timeline-item-content">
+      class="ant-timeline-item-content"
+    >
       <a
-        href="#">
+        href="#"
+      >
         See more
       </a>
     </div>
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
index 2b986e5c20..920d332bca 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
@@ -1,15 +1,19 @@
-exports[`test renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Align edge / 边缘对齐
     </span>
   </button>
   <button
     class="ant-btn"
-    type="button">
+    type="button"
+  >
     <span>
       Arrow points to center / 箭头指向中心
     </span>
@@ -17,71 +21,87 @@ exports[`test renders ./components/tooltip/demo/arrow-point-at-center.md correct
 </div>
 `;
 
-exports[`test renders ./components/tooltip/demo/basic.md correctly 1`] = `
+exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
 <span>
   Tooltip will show when mouse enter.
 </span>
 `;
 
-exports[`test renders ./components/tooltip/demo/placement.md correctly 1`] = `
+exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
 <div>
   <div
-    style="margin-left:60px;">
+    style="margin-left:60px;"
+  >
     <a
-      href="#">
+      href="#"
+    >
       TL
     </a>
     <a
-      href="#">
+      href="#"
+    >
       Top
     </a>
     <a
-      href="#">
+      href="#"
+    >
       TR
     </a>
   </div>
   <div
-    style="width:60px;float:left;">
+    style="width:60px;float:left;"
+  >
     <a
-      href="#">
+      href="#"
+    >
       LT
     </a>
     <a
-      href="#">
+      href="#"
+    >
       Left
     </a>
     <a
-      href="#">
+      href="#"
+    >
       LB
     </a>
   </div>
   <div
-    style="width:60px;margin-left:270px;">
+    style="width:60px;margin-left:270px;"
+  >
     <a
-      href="#">
+      href="#"
+    >
       RT
     </a>
     <a
-      href="#">
+      href="#"
+    >
       Right
     </a>
     <a
-      href="#">
+      href="#"
+    >
       RB
     </a>
   </div>
   <div
-    style="margin-left:60px;clear:both;">
+    style="margin-left:60px;clear:both;"
+  >
     <a
-      href="#">
+      href="#"
+    >
       BL
     </a>
     <a
-      href="#">
+      href="#"
+    >
       Bottom
     </a>
     <a
-      href="#">
+      href="#"
+    >
       BR
     </a>
   </div>
diff --git a/components/transfer/__tests__/__snapshots__/demo.test.js.snap b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
index 1eb46af444..49ad988dbe 100644
--- a/components/transfer/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
@@ -1,61 +1,81 @@
-exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
     class="ant-transfer-list ant-transfer-list-with-footer"
-    style="width:250px;height:300px;">
+    style="width:250px;height:300px;"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      class="ant-transfer-list-body ant-transfer-list-body-with-search"
+    >
       <div
-        class="ant-transfer-list-body-search-wrapper">
+        class="ant-transfer-list-body-search-wrapper"
+      >
         <div>
           <input
             class="ant-input ant-transfer-list-search"
             placeholder="Search"
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-transfer-list-search-action">
+            class="ant-transfer-list-search-action"
+          >
             <i
-              class="anticon anticon-search" />
+              class="anticon anticon-search"
+            />
           </span>
         </div>
       </div>
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
     <div
-      class="ant-transfer-list-footer">
+      class="ant-transfer-list-footer"
+    >
       <button
         class="ant-btn ant-btn-sm"
         style="float:right;margin:5px;"
-        type="button">
+        type="button"
+      >
         <span>
           reload
         </span>
@@ -63,83 +83,105 @@ exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
         to left
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         to right
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
     class="ant-transfer-list ant-transfer-list-with-footer"
-    style="width:250px;height:300px;">
+    style="width:250px;height:300px;"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      class="ant-transfer-list-body ant-transfer-list-body-with-search"
+    >
       <div
-        class="ant-transfer-list-body-search-wrapper">
+        class="ant-transfer-list-body-search-wrapper"
+      >
         <div>
           <input
             class="ant-input ant-transfer-list-search"
             placeholder="Search"
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-transfer-list-search-action">
+            class="ant-transfer-list-search-action"
+          >
             <i
-              class="anticon anticon-search" />
+              class="anticon anticon-search"
+            />
           </span>
         </div>
       </div>
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
     <div
-      class="ant-transfer-list-footer">
+      class="ant-transfer-list-footer"
+    >
       <button
         class="ant-btn ant-btn-sm"
         style="float:right;margin:5px;"
-        type="button">
+        type="button"
+      >
         <span>
           reload
         </span>
@@ -149,160 +191,208 @@ exports[`test renders ./components/transfer/demo/advanced.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/transfer/demo/basic.md correctly 1`] = `
+exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           14 
         </span>
         <span
-          class="ant-transfer-list-header-title">
+          class="ant-transfer-list-header-title"
+        >
           Source
         </span>
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content">
+        class="ant-transfer-list-content"
+      >
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
       </ul>
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           6 
         </span>
         <span
-          class="ant-transfer-list-header-title">
+          class="ant-transfer-list-header-title"
+        >
           Target
         </span>
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content">
+        class="ant-transfer-list-content"
+      >
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
         <div
           class="LazyLoad"
-          style="height:32px;" />
+          style="height:32px;"
+        />
       </ul>
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
@@ -310,96 +400,124 @@ exports[`test renders ./components/transfer/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/transfer/demo/custom-item.md correctly 1`] = `
+exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
     class="ant-transfer-list"
-    style="width:300px;height:300px;">
+    style="width:300px;height:300px;"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
     class="ant-transfer-list"
-    style="width:300px;height:300px;">
+    style="width:300px;height:300px;"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
@@ -407,94 +525,122 @@ exports[`test renders ./components/transfer/demo/custom-item.md correctly 1`] =
 </div>
 `;
 
-exports[`test renders ./components/transfer/demo/large-data.md correctly 1`] = `
+exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
@@ -502,124 +648,160 @@ exports[`test renders ./components/transfer/demo/large-data.md correctly 1`] = `
 </div>
 `;
 
-exports[`test renders ./components/transfer/demo/search.md correctly 1`] = `
+exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      class="ant-transfer-list-body ant-transfer-list-body-with-search"
+    >
       <div
-        class="ant-transfer-list-body-search-wrapper">
+        class="ant-transfer-list-body-search-wrapper"
+      >
         <div>
           <input
             class="ant-input ant-transfer-list-search"
             placeholder="Search"
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-transfer-list-search-action">
+            class="ant-transfer-list-search-action"
+          >
             <i
-              class="anticon anticon-search" />
+              class="anticon anticon-search"
+            />
           </span>
         </div>
       </div>
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           0 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      class="ant-transfer-list-body ant-transfer-list-body-with-search"
+    >
       <div
-        class="ant-transfer-list-body-search-wrapper">
+        class="ant-transfer-list-body-search-wrapper"
+      >
         <div>
           <input
             class="ant-input ant-transfer-list-search"
             placeholder="Search"
             type="text"
-            value="" />
+            value=""
+          />
           <span
-            class="ant-transfer-list-search-action">
+            class="ant-transfer-list-search-action"
+          >
             <i
-              class="anticon anticon-search" />
+              class="anticon anticon-search"
+            />
           </span>
         </div>
       </div>
       <ul
-        class="ant-transfer-list-content" />
+        class="ant-transfer-list-content"
+      />
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
diff --git a/components/transfer/__tests__/__snapshots__/index.test.js.snap b/components/transfer/__tests__/__snapshots__/index.test.js.snap
index 09b6bb35ba..9591ae1908 100644
--- a/components/transfer/__tests__/__snapshots__/index.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/index.test.js.snap
@@ -1,140 +1,185 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Transfer should render correctly 1`] = `
 <div
-  class="ant-transfer">
+  class="ant-transfer"
+>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox ant-checkbox-checked">
+          class="ant-checkbox ant-checkbox-checked"
+        >
           <input
             checked=""
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           1/2 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content">
+        class="ant-transfer-list-content"
+      >
         <li
-          class="ant-transfer-list-content-item">
+          class="ant-transfer-list-content-item"
+        >
           <label
-            class="ant-checkbox-wrapper">
+            class="ant-checkbox-wrapper"
+          >
             <span
-              class="ant-checkbox ant-checkbox-checked">
+              class="ant-checkbox ant-checkbox-checked"
+            >
               <input
                 checked=""
                 class="ant-checkbox-input"
-                type="checkbox" />
+                type="checkbox"
+              />
               <span
-                class="ant-checkbox-inner" />
+                class="ant-checkbox-inner"
+              />
             </span>
           </label>
           <span />
         </li>
         <li
-          class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled">
+          class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
+        >
           <label
-            class="ant-checkbox-wrapper">
+            class="ant-checkbox-wrapper"
+          >
             <span
-              class="ant-checkbox ant-checkbox-disabled">
+              class="ant-checkbox ant-checkbox-disabled"
+            >
               <input
                 class="ant-checkbox-input"
                 disabled=""
-                type="checkbox" />
+                type="checkbox"
+              />
               <span
-                class="ant-checkbox-inner" />
+                class="ant-checkbox-inner"
+              />
             </span>
           </label>
           <span />
         </li>
       </ul>
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
   </div>
   <div
-    class="ant-transfer-operation">
+    class="ant-transfer-operation"
+  >
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
       disabled=""
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-left" />
+          class="anticon anticon-left"
+        />
       </span>
     </button>
     <button
       class="ant-btn ant-btn-primary ant-btn-sm"
-      type="button">
+      type="button"
+    >
       <span>
         <i
-          class="anticon anticon-right" />
+          class="anticon anticon-right"
+        />
       </span>
     </button>
   </div>
   <div
-    class="ant-transfer-list">
+    class="ant-transfer-list"
+  >
     <div
-      class="ant-transfer-list-header">
+      class="ant-transfer-list-header"
+    >
       <label
-        class="ant-checkbox-wrapper">
+        class="ant-checkbox-wrapper"
+      >
         <span
-          class="ant-checkbox">
+          class="ant-checkbox"
+        >
           <input
             class="ant-checkbox-input"
-            type="checkbox" />
+            type="checkbox"
+          />
           <span
-            class="ant-checkbox-inner" />
+            class="ant-checkbox-inner"
+          />
         </span>
       </label>
       <span
-        class="ant-transfer-list-header-selected">
+        class="ant-transfer-list-header-selected"
+      >
         <span>
           1 
         </span>
         <span
-          class="ant-transfer-list-header-title" />
+          class="ant-transfer-list-header-title"
+        />
       </span>
     </div>
     <div
-      class="ant-transfer-list-body">
+      class="ant-transfer-list-body"
+    >
       <ul
-        class="ant-transfer-list-content">
+        class="ant-transfer-list-content"
+      >
         <li
-          class="ant-transfer-list-content-item">
+          class="ant-transfer-list-content-item"
+        >
           <label
-            class="ant-checkbox-wrapper">
+            class="ant-checkbox-wrapper"
+          >
             <span
-              class="ant-checkbox">
+              class="ant-checkbox"
+            >
               <input
                 class="ant-checkbox-input"
-                type="checkbox" />
+                type="checkbox"
+              />
               <span
-                class="ant-checkbox-inner" />
+                class="ant-checkbox-inner"
+              />
             </span>
           </label>
           <span />
         </li>
       </ul>
       <div
-        class="ant-transfer-list-body-not-found">
+        class="ant-transfer-list-body-not-found"
+      >
         Not Found
       </div>
     </div>
diff --git a/components/transfer/__tests__/__snapshots__/list.test.js.snap b/components/transfer/__tests__/__snapshots__/list.test.js.snap
index eab8acfff0..bf578def8e 100644
--- a/components/transfer/__tests__/__snapshots__/list.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/list.test.js.snap
@@ -1,82 +1,110 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`List should render correctly 1`] = `
 <div
-  class="ant-transfer-list">
+  class="ant-transfer-list"
+>
   <div
-    class="ant-transfer-list-header">
+    class="ant-transfer-list-header"
+  >
     <label
-      class="ant-checkbox-wrapper">
+      class="ant-checkbox-wrapper"
+    >
       <span
-        class="ant-checkbox ant-checkbox-indeterminate">
+        class="ant-checkbox ant-checkbox-indeterminate"
+      >
         <input
           class="ant-checkbox-input"
-          type="checkbox" />
+          type="checkbox"
+        />
         <span
-          class="ant-checkbox-inner" />
+          class="ant-checkbox-inner"
+        />
       </span>
     </label>
     <span
-      class="ant-transfer-list-header-selected">
+      class="ant-transfer-list-header-selected"
+    >
       <span>
         1/3 
       </span>
       <span
-        class="ant-transfer-list-header-title" />
+        class="ant-transfer-list-header-title"
+      />
     </span>
   </div>
   <div
-    class="ant-transfer-list-body">
+    class="ant-transfer-list-body"
+  >
     <ul
-      class="ant-transfer-list-content">
+      class="ant-transfer-list-content"
+    >
       <li
-        class="ant-transfer-list-content-item">
+        class="ant-transfer-list-content-item"
+      >
         <label
-          class="ant-checkbox-wrapper">
+          class="ant-checkbox-wrapper"
+        >
           <span
-            class="ant-checkbox ant-checkbox-checked">
+            class="ant-checkbox ant-checkbox-checked"
+          >
             <input
               checked=""
               class="ant-checkbox-input"
-              type="checkbox" />
+              type="checkbox"
+            />
             <span
-              class="ant-checkbox-inner" />
+              class="ant-checkbox-inner"
+            />
           </span>
         </label>
         <span />
       </li>
       <li
-        class="ant-transfer-list-content-item">
+        class="ant-transfer-list-content-item"
+      >
         <label
-          class="ant-checkbox-wrapper">
+          class="ant-checkbox-wrapper"
+        >
           <span
-            class="ant-checkbox">
+            class="ant-checkbox"
+          >
             <input
               class="ant-checkbox-input"
-              type="checkbox" />
+              type="checkbox"
+            />
             <span
-              class="ant-checkbox-inner" />
+              class="ant-checkbox-inner"
+            />
           </span>
         </label>
         <span />
       </li>
       <li
-        class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled">
+        class="ant-transfer-list-content-item ant-transfer-list-content-item-disabled"
+      >
         <label
-          class="ant-checkbox-wrapper">
+          class="ant-checkbox-wrapper"
+        >
           <span
-            class="ant-checkbox ant-checkbox-disabled">
+            class="ant-checkbox ant-checkbox-disabled"
+          >
             <input
               class="ant-checkbox-input"
               disabled=""
-              type="checkbox" />
+              type="checkbox"
+            />
             <span
-              class="ant-checkbox-inner" />
+              class="ant-checkbox-inner"
+            />
           </span>
         </label>
         <span />
       </li>
     </ul>
     <div
-      class="ant-transfer-list-body-not-found">
+      class="ant-transfer-list-body-not-found"
+    >
       Not Found
     </div>
   </div>
diff --git a/components/transfer/__tests__/__snapshots__/search.test.js.snap b/components/transfer/__tests__/__snapshots__/search.test.js.snap
index 2dcdafe2f9..70e09730d0 100644
--- a/components/transfer/__tests__/__snapshots__/search.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/search.test.js.snap
@@ -1,7 +1,10 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`Search should show cross icon when input value exists 1`] = `
 <Search
   placeholder=""
-  value="">
+  value=""
+>
   <div>
     <Input
       autosize={false}
@@ -10,7 +13,8 @@ exports[`Search should show cross icon when input value exists 1`] = `
       placeholder=""
       prefixCls="ant-input"
       type="text"
-      value="">
+      value=""
+    >
       <input
         className="ant-input"
         disabled={false}
@@ -18,14 +22,18 @@ exports[`Search should show cross icon when input value exists 1`] = `
         onKeyDown={[Function]}
         placeholder=""
         type="text"
-        value="" />
+        value=""
+      />
     </Input>
     <span
-      className="undefined-action">
+      className="undefined-action"
+    >
       <Component
-        type="search">
+        type="search"
+      >
         <i
-          className="anticon anticon-search" />
+          className="anticon anticon-search"
+        />
       </Component>
     </span>
   </div>
@@ -35,7 +43,8 @@ exports[`Search should show cross icon when input value exists 1`] = `
 exports[`Search should show cross icon when input value exists 2`] = `
 <Search
   placeholder=""
-  value="a">
+  value="a"
+>
   <div>
     <Input
       autosize={false}
@@ -44,7 +53,8 @@ exports[`Search should show cross icon when input value exists 2`] = `
       placeholder=""
       prefixCls="ant-input"
       type="text"
-      value="a">
+      value="a"
+    >
       <input
         className="ant-input"
         disabled={false}
@@ -52,16 +62,20 @@ exports[`Search should show cross icon when input value exists 2`] = `
         onKeyDown={[Function]}
         placeholder=""
         type="text"
-        value="a" />
+        value="a"
+      />
     </Input>
     <a
       className="undefined-action"
       href="#"
-      onClick={[Function]}>
+      onClick={[Function]}
+    >
       <Component
-        type="cross-circle">
+        type="cross-circle"
+      >
         <i
-          className="anticon anticon-cross-circle" />
+          className="anticon anticon-cross-circle"
+        />
       </Component>
     </a>
   </div>
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index eb6090d09e..05928fb417 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -1,95 +1,117 @@
-exports[`test renders ./components/tree-select/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
 <span
   class="ant-select ant-select-enabled"
-  style="width:300px;">
+  style="width:300px;"
+>
   <span
     aria-autocomplete="list"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
     role="combobox"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <span
-        class="ant-select-selection__placeholder">
+        class="ant-select-selection__placeholder"
+      >
         Please select
       </span>
     </span>
     <span
       class="ant-select-arrow"
-      style="outline:none;">
+      style="outline:none;"
+    >
       <b />
     </span>
   </span>
 </span>
 `;
 
-exports[`test renders ./components/tree-select/demo/checkable.md correctly 1`] = `
+exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
 <span
   class="ant-select ant-select-enabled"
-  style="width:300px;">
+  style="width:300px;"
+>
   <span
     aria-autocomplete="list"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--multiple"
-    role="combobox">
+    role="combobox"
+  >
     <ul
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <li
         class="ant-select-selection__choice"
         style="user-select:none;-webkit-user-select:none;"
         title="Node1"
-        unselectable="unselectable">
+        unselectable="unselectable"
+      >
         <span
-          class="ant-select-selection__choice__remove" />
+          class="ant-select-selection__choice__remove"
+        />
         <span
-          class="ant-select-selection__choice__content">
+          class="ant-select-selection__choice__content"
+        >
           Node1
         </span>
       </li>
       <li
-        class="ant-select-search ant-select-search--inline">
+        class="ant-select-search ant-select-search--inline"
+      >
         <span
-          class="ant-select-search__field__wrap">
+          class="ant-select-search__field__wrap"
+        >
           <input
             class="ant-select-search__field"
             role="textbox"
-            value="" />
+            value=""
+          />
         </span>
       </li>
     </ul>
     <span
       class="ant-select-search__field__placeholder"
-      style="display:none;">
+      style="display:none;"
+    >
       Please select
     </span>
   </span>
 </span>
 `;
 
-exports[`test renders ./components/tree-select/demo/treeData.md correctly 1`] = `
+exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
 <span
   class="ant-select ant-select-enabled"
-  style="width:300px;">
+  style="width:300px;"
+>
   <span
     aria-autocomplete="list"
     aria-haspopup="true"
     class="ant-select-selection
               ant-select-selection--single"
     role="combobox"
-    tabindex="0">
+    tabindex="0"
+  >
     <span
-      class="ant-select-selection__rendered">
+      class="ant-select-selection__rendered"
+    >
       <span
-        class="ant-select-selection__placeholder">
+        class="ant-select-selection__placeholder"
+      >
         Please select
       </span>
     </span>
     <span
       class="ant-select-arrow"
-      style="outline:none;">
+      style="outline:none;"
+    >
       <b />
     </span>
   </span>
diff --git a/components/tree/__tests__/__snapshots__/demo.test.js.snap b/components/tree/__tests__/__snapshots__/demo.test.js.snap
index 5587aface3..e5f4b2b0f9 100644
--- a/components/tree/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree/__tests__/__snapshots__/demo.test.js.snap
@@ -1,80 +1,109 @@
-exports[`test renders ./components/tree/demo/basic.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
 <ul
   class="ant-tree"
   role="tree-node"
-  unselectable="true">
+  unselectable="true"
+>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-noline_open" />
+      class="ant-tree-switcher ant-tree-noline_open"
+    />
     <span
-      class="ant-tree-checkbox ant-tree-checkbox-checked">
+      class="ant-tree-checkbox ant-tree-checkbox-checked"
+    >
       <span
-        class="ant-tree-checkbox-inner" />
+        class="ant-tree-checkbox-inner"
+      />
     </span>
     <a
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-      title="parent 1">
+      title="parent 1"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         parent 1
       </span>
     </a>
     <ul
       class="ant-tree-child-tree ant-tree-child-tree-open"
-      data-expanded="true">
+      data-expanded="true"
+    >
       <li
-        class="ant-tree-treenode-disabled">
+        class="ant-tree-treenode-disabled"
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled" />
+          class="ant-tree-switcher ant-tree-noline_open ant-tree-switcher-disabled"
+        />
         <span
-          class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled">
+          class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
+        >
           <span
-            class="ant-tree-checkbox-inner" />
+            class="ant-tree-checkbox-inner"
+          />
         </span>
         <a
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-          title="parent 1-0">
+          title="parent 1-0"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             parent 1-0
           </span>
         </a>
         <ul
           class="ant-tree-child-tree ant-tree-child-tree-open"
-          data-expanded="true">
+          data-expanded="true"
+        >
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled">
+              class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="leaf">
+              title="leaf"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 leaf
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked">
+              class="ant-tree-checkbox ant-tree-checkbox-checked"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="leaf">
+              title="leaf"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 leaf
               </span>
             </a>
@@ -82,41 +111,55 @@ exports[`test renders ./components/tree/demo/basic.md correctly 1`] = `
         </ul>
       </li>
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_open" />
+          class="ant-tree-switcher ant-tree-noline_open"
+        />
         <span
-          class="ant-tree-checkbox ant-tree-checkbox-checked">
+          class="ant-tree-checkbox ant-tree-checkbox-checked"
+        >
           <span
-            class="ant-tree-checkbox-inner" />
+            class="ant-tree-checkbox-inner"
+          />
         </span>
         <a
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-          title="parent 1-1">
+          title="parent 1-1"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             parent 1-1
           </span>
         </a>
         <ul
           class="ant-tree-child-tree ant-tree-child-tree-open"
-          data-expanded="true">
+          data-expanded="true"
+        >
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked">
+              class="ant-tree-checkbox ant-tree-checkbox-checked"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="">
+              title=""
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 <span
-                  style="color:#08c;">
+                  style="color:#08c;"
+                >
                   sss
                 </span>
               </span>
@@ -129,101 +172,134 @@ exports[`test renders ./components/tree/demo/basic.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
+exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
 <ul
   class="ant-tree"
   role="tree-node"
-  unselectable="true">
+  unselectable="true"
+>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-noline_open" />
+      class="ant-tree-switcher ant-tree-noline_open"
+    />
     <span
-      class="ant-tree-checkbox ant-tree-checkbox-indeterminate">
+      class="ant-tree-checkbox ant-tree-checkbox-indeterminate"
+    >
       <span
-        class="ant-tree-checkbox-inner" />
+        class="ant-tree-checkbox-inner"
+      />
     </span>
     <a
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-      title="0-0">
+      title="0-0"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-0
       </span>
     </a>
     <ul
       class="ant-tree-child-tree ant-tree-child-tree-open"
-      data-expanded="true">
+      data-expanded="true"
+    >
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_open" />
+          class="ant-tree-switcher ant-tree-noline_open"
+        />
         <span
-          class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled">
+          class="ant-tree-checkbox ant-tree-checkbox-checked ant-tree-checkbox-disabled"
+        >
           <span
-            class="ant-tree-checkbox-inner" />
+            class="ant-tree-checkbox-inner"
+          />
         </span>
         <a
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-          title="0-0-0">
+          title="0-0-0"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-0
           </span>
         </a>
         <ul
           class="ant-tree-child-tree ant-tree-child-tree-open"
-          data-expanded="true">
+          data-expanded="true"
+        >
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked">
+              class="ant-tree-checkbox ant-tree-checkbox-checked"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-0-0">
+              title="0-0-0-0"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-0
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked">
+              class="ant-tree-checkbox ant-tree-checkbox-checked"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-0-1">
+              title="0-0-0-1"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-1
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox ant-tree-checkbox-checked">
+              class="ant-tree-checkbox ant-tree-checkbox-checked"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-0-2">
+              title="0-0-0-2"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-2
               </span>
             </a>
@@ -231,75 +307,100 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
         </ul>
       </li>
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_open" />
+          class="ant-tree-switcher ant-tree-noline_open"
+        />
         <span
-          class="ant-tree-checkbox">
+          class="ant-tree-checkbox"
+        >
           <span
-            class="ant-tree-checkbox-inner" />
+            class="ant-tree-checkbox-inner"
+          />
         </span>
         <a
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
-          title="0-0-1">
+          title="0-0-1"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-1
           </span>
         </a>
         <ul
           class="ant-tree-child-tree ant-tree-child-tree-open"
-          data-expanded="true">
+          data-expanded="true"
+        >
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox">
+              class="ant-tree-checkbox"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-1-0">
+              title="0-0-1-0"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-1-0
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox">
+              class="ant-tree-checkbox"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-1-1">
+              title="0-0-1-1"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-1-1
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <span
-              class="ant-tree-checkbox">
+              class="ant-tree-checkbox"
+            >
               <span
-                class="ant-tree-checkbox-inner" />
+                class="ant-tree-checkbox-inner"
+              />
             </span>
             <a
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-              title="0-0-1-2">
+              title="0-0-1-2"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-1-2
               </span>
             </a>
@@ -307,19 +408,25 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
         </ul>
       </li>
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+          class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+        />
         <span
-          class="ant-tree-checkbox">
+          class="ant-tree-checkbox"
+        >
           <span
-            class="ant-tree-checkbox-inner" />
+            class="ant-tree-checkbox-inner"
+          />
         </span>
         <a
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-          title="0-0-2">
+          title="0-0-2"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-2
           </span>
         </a>
@@ -327,37 +434,49 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
     </ul>
   </li>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-noline_close" />
+      class="ant-tree-switcher ant-tree-noline_close"
+    />
     <span
-      class="ant-tree-checkbox">
+      class="ant-tree-checkbox"
+    >
       <span
-        class="ant-tree-checkbox-inner" />
+        class="ant-tree-checkbox-inner"
+      />
     </span>
     <a
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
-      title="0-1">
+      title="0-1"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-1
       </span>
     </a>
   </li>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+      class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+    />
     <span
-      class="ant-tree-checkbox">
+      class="ant-tree-checkbox"
+    >
       <span
-        class="ant-tree-checkbox-inner" />
+        class="ant-tree-checkbox-inner"
+      />
     </span>
     <a
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-      title="0-2">
+      title="0-2"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-2
       </span>
     </a>
@@ -365,86 +484,109 @@ exports[`test renders ./components/tree/demo/basic-controlled.md correctly 1`] =
 </ul>
 `;
 
-exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
+exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
 <ul
   class="draggable-tree ant-tree"
   role="tree-node"
-  unselectable="true">
+  unselectable="true"
+>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-noline_open" />
+      class="ant-tree-switcher ant-tree-noline_open"
+    />
     <a
       aria-grabbed="true"
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"
       draggable="true"
-      title="0-0">
+      title="0-0"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-0
       </span>
     </a>
     <ul
       class="ant-tree-child-tree ant-tree-child-tree-open"
-      data-expanded="true">
+      data-expanded="true"
+    >
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_open" />
+          class="ant-tree-switcher ant-tree-noline_open"
+        />
         <a
           aria-grabbed="true"
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open draggable"
           draggable="true"
-          title="0-0-0">
+          title="0-0-0"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-0
           </span>
         </a>
         <ul
           class="ant-tree-child-tree ant-tree-child-tree-open"
-          data-expanded="true">
+          data-expanded="true"
+        >
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <a
               aria-grabbed="true"
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
               draggable="true"
-              title="0-0-0-0">
+              title="0-0-0-0"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-0
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <a
               aria-grabbed="true"
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
               draggable="true"
-              title="0-0-0-1">
+              title="0-0-0-1"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-1
               </span>
             </a>
           </li>
           <li
-            class="">
+            class=""
+          >
             <span
-              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+              class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+            />
             <a
               aria-grabbed="true"
               class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
               draggable="true"
-              title="0-0-0-2">
+              title="0-0-0-2"
+            >
               <span
-                class="ant-tree-title">
+                class="ant-tree-title"
+              >
                 0-0-0-2
               </span>
             </a>
@@ -452,31 +594,39 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
         </ul>
       </li>
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-noline_close" />
+          class="ant-tree-switcher ant-tree-noline_close"
+        />
         <a
           aria-grabbed="true"
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"
           draggable="true"
-          title="0-0-1">
+          title="0-0-1"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-1
           </span>
         </a>
       </li>
       <li
-        class="">
+        class=""
+      >
         <span
-          class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+          class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+        />
         <a
           aria-grabbed="true"
           class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
           draggable="true"
-          title="0-0-2">
+          title="0-0-2"
+        >
           <span
-            class="ant-tree-title">
+            class="ant-tree-title"
+          >
             0-0-2
           </span>
         </a>
@@ -484,31 +634,39 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
     </ul>
   </li>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-noline_close" />
+      class="ant-tree-switcher ant-tree-noline_close"
+    />
     <a
       aria-grabbed="true"
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close draggable"
       draggable="true"
-      title="0-1">
+      title="0-1"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-1
       </span>
     </a>
   </li>
   <li
-    class="">
+    class=""
+  >
     <span
-      class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+      class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+    />
     <a
       aria-grabbed="true"
       class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal draggable"
       draggable="true"
-      title="0-2">
+      title="0-2"
+    >
       <span
-        class="ant-tree-title">
+        class="ant-tree-title"
+      >
         0-2
       </span>
     </a>
@@ -516,78 +674,99 @@ exports[`test renders ./components/tree/demo/draggable.md correctly 1`] = `
 </ul>
 `;
 
-exports[`test renders ./components/tree/demo/dynamic.md correctly 1`] = `
+exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
 <ul
   class="ant-tree"
   role="tree-node"
-  unselectable="true" />
+  unselectable="true"
+/>
 `;
 
-exports[`test renders ./components/tree/demo/search.md correctly 1`] = `
+exports[`renders ./components/tree/demo/search.md correctly 1`] = `
 <div>
   <span
     class="ant-input-preSuffix-wrapper"
-    style="width:300px;">
+    style="width:300px;"
+  >
     <input
       class="ant-input ant-input-search"
       placeholder="Search"
-      type="text" />
+      type="text"
+    />
     <span
-      class="ant-input-suffix">
+      class="ant-input-suffix"
+    >
       <i
-        class="anticon anticon-search ant-input-search-icon" />
+        class="anticon anticon-search ant-input-search-icon"
+      />
     </span>
   </span>
   <ul
     class="ant-tree"
     role="tree-node"
-    unselectable="true">
+    unselectable="true"
+  >
     <li
-      class="">
+      class=""
+    >
       <span
-        class="ant-tree-switcher ant-tree-noline_close" />
+        class="ant-tree-switcher ant-tree-noline_close"
+      />
       <a
         class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
-        title="">
+        title=""
+      >
         <span
-          class="ant-tree-title">
+          class="ant-tree-title"
+        >
           <span>
             <span
-              style="color:#f50;" />
+              style="color:#f50;"
+            />
             0-0
           </span>
         </span>
       </a>
     </li>
     <li
-      class="">
+      class=""
+    >
       <span
-        class="ant-tree-switcher ant-tree-noline_close" />
+        class="ant-tree-switcher ant-tree-noline_close"
+      />
       <a
         class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close"
-        title="">
+        title=""
+      >
         <span
-          class="ant-tree-title">
+          class="ant-tree-title"
+        >
           <span>
             <span
-              style="color:#f50;" />
+              style="color:#f50;"
+            />
             0-1
           </span>
         </span>
       </a>
     </li>
     <li
-      class="">
+      class=""
+    >
       <span
-        class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu" />
+        class="ant-tree-switcher ant-tree-switcher-noop ant-tree-noline_docu"
+      />
       <a
         class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
-        title="">
+        title=""
+      >
         <span
-          class="ant-tree-title">
+          class="ant-tree-title"
+        >
           <span>
             <span
-              style="color:#f50;" />
+              style="color:#f50;"
+            />
             0-2
           </span>
         </span>
diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 4c4975db6f..5f6e52d66e 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -1,327 +1,406 @@
-exports[`test renders ./components/upload/demo/avatar.md correctly 1`] = `
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `
 <span
-  class="avatar-uploader">
+  class="avatar-uploader"
+>
   <div
     class="ant-upload ant-upload-select ant-upload-select-text"
-    style="display:;" />
+    style="display:;"
+  />
 </span>
 `;
 
-exports[`test renders ./components/upload/demo/basic.md correctly 1`] = `
+exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
 <span
-  class="">
+  class=""
+>
   <div
     class="ant-upload ant-upload-select ant-upload-select-text"
-    style="display:;" />
+    style="display:;"
+  />
   <div
-    class="ant-upload-list ant-upload-list-text" />
+    class="ant-upload-list ant-upload-list-text"
+  />
 </span>
 `;
 
-exports[`test renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
+exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
 <span
-  class="">
+  class=""
+>
   <div
     class="ant-upload ant-upload-select ant-upload-select-text"
-    style="display:;" />
+    style="display:;"
+  />
   <div
-    class="ant-upload-list ant-upload-list-text">
+    class="ant-upload-list ant-upload-list-text"
+  >
     <div
-      class="ant-upload-list-item ant-upload-list-item-done">
+      class="ant-upload-list-item ant-upload-list-item-done"
+    >
       <div
-        class="ant-upload-list-item-info">
+        class="ant-upload-list-item-info"
+      >
         <span>
           <i
-            class="anticon anticon-paper-clip" />
+            class="anticon anticon-paper-clip"
+          />
           <a
             class="ant-upload-list-item-name"
             href="http://www.baidu.com/xxx.png"
             rel="noopener noreferrer"
             target="_blank"
-            title="xxx.png">
+            title="xxx.png"
+          >
             xxx.png
           </a>
         </span>
       </div>
       <i
         class="anticon anticon-cross"
-        title="删除文件" />
+        title="删除文件"
+      />
     </div>
     <div
-      class="ant-upload-list-item ant-upload-list-item-done">
+      class="ant-upload-list-item ant-upload-list-item-done"
+    >
       <div
-        class="ant-upload-list-item-info">
+        class="ant-upload-list-item-info"
+      >
         <span>
           <i
-            class="anticon anticon-paper-clip" />
+            class="anticon anticon-paper-clip"
+          />
           <a
             class="ant-upload-list-item-name"
             href="http://www.baidu.com/yyy.png"
             rel="noopener noreferrer"
             target="_blank"
-            title="yyy.png">
+            title="yyy.png"
+          >
             yyy.png
           </a>
         </span>
       </div>
       <i
         class="anticon anticon-cross"
-        title="删除文件" />
+        title="删除文件"
+      />
     </div>
     <div
-      class="ant-upload-list-item ant-upload-list-item-error">
+      class="ant-upload-list-item ant-upload-list-item-error"
+    >
       <div
-        class="ant-upload-list-item-info">
+        class="ant-upload-list-item-info"
+      >
         <span>
           <i
-            class="anticon anticon-paper-clip" />
+            class="anticon anticon-paper-clip"
+          />
           <a
             class="ant-upload-list-item-name"
             href="http://www.baidu.com/zzz.png"
             rel="noopener noreferrer"
             target="_blank"
-            title="zzz.png">
+            title="zzz.png"
+          >
             zzz.png
           </a>
         </span>
       </div>
       <i
         class="anticon anticon-cross"
-        title="删除文件" />
+        title="删除文件"
+      />
     </div>
   </div>
 </span>
 `;
 
-exports[`test renders ./components/upload/demo/drag.md correctly 1`] = `
+exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
 <div
-  style="margin-top:16px;height:180px;">
+  style="margin-top:16px;height:180px;"
+>
   <span
-    class="">
+    class=""
+  >
     <div
-      class="ant-upload ant-upload-drag" />
+      class="ant-upload ant-upload-drag"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/upload/demo/fileList.md correctly 1`] = `
+exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
 <span
-  class="">
+  class=""
+>
   <div
     class="ant-upload ant-upload-select ant-upload-select-text"
-    style="display:;" />
+    style="display:;"
+  />
   <div
-    class="ant-upload-list ant-upload-list-text">
+    class="ant-upload-list ant-upload-list-text"
+  >
     <div
-      class="ant-upload-list-item ant-upload-list-item-done">
+      class="ant-upload-list-item ant-upload-list-item-done"
+    >
       <div
-        class="ant-upload-list-item-info">
+        class="ant-upload-list-item-info"
+      >
         <span>
           <i
-            class="anticon anticon-paper-clip" />
+            class="anticon anticon-paper-clip"
+          />
           <a
             class="ant-upload-list-item-name"
             href="http://www.baidu.com/xxx.png"
             rel="noopener noreferrer"
             target="_blank"
-            title="xxx.png">
+            title="xxx.png"
+          >
             xxx.png
           </a>
         </span>
       </div>
       <i
         class="anticon anticon-cross"
-        title="删除文件" />
+        title="删除文件"
+      />
     </div>
   </div>
 </span>
 `;
 
-exports[`test renders ./components/upload/demo/picture-card.md correctly 1`] = `
+exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
 <div
-  class="clearfix">
+  class="clearfix"
+>
   <span
-    class="">
+    class=""
+  >
     <div
-      class="ant-upload-list ant-upload-list-picture-card">
+      class="ant-upload-list ant-upload-list-picture-card"
+    >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done">
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
         <div
-          class="ant-upload-list-item-info">
+          class="ant-upload-list-item-info"
+        >
           <span>
             <a
               class="ant-upload-list-item-thumbnail"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
-              target="_blank">
+              target="_blank"
+            >
               <img
                 alt="xxx.png"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+              />
             </a>
             <a
               class="ant-upload-list-item-name"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
               target="_blank"
-              title="xxx.png">
+              title="xxx.png"
+            >
               xxx.png
             </a>
           </span>
         </div>
         <span
-          class="ant-upload-list-item-actions">
+          class="ant-upload-list-item-actions"
+        >
           <a
             href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
             rel="noopener noreferrer"
             target="_blank"
-            title="预览文件">
+            title="预览文件"
+          >
             <i
-              class="anticon anticon-eye-o" />
+              class="anticon anticon-eye-o"
+            />
           </a>
           <i
             class="anticon anticon-delete"
-            title="删除文件" />
+            title="删除文件"
+          />
         </span>
       </div>
     </div>
     <div
       class="ant-upload ant-upload-select ant-upload-select-picture-card"
-      style="display:;" />
+      style="display:;"
+    />
   </span>
 </div>
 `;
 
-exports[`test renders ./components/upload/demo/picture-style.md correctly 1`] = `
+exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
 <div>
   <span
-    class="">
+    class=""
+  >
     <div
       class="ant-upload ant-upload-select ant-upload-select-picture"
-      style="display:;" />
+      style="display:;"
+    />
     <div
-      class="ant-upload-list ant-upload-list-picture">
+      class="ant-upload-list ant-upload-list-picture"
+    >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done">
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
         <div
-          class="ant-upload-list-item-info">
+          class="ant-upload-list-item-info"
+        >
           <span>
             <a
               class="ant-upload-list-item-thumbnail"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
-              target="_blank">
+              target="_blank"
+            >
               <img
                 alt="xxx.png"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+              />
             </a>
             <a
               class="ant-upload-list-item-name"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
               target="_blank"
-              title="xxx.png">
+              title="xxx.png"
+            >
               xxx.png
             </a>
           </span>
         </div>
         <i
           class="anticon anticon-cross"
-          title="删除文件" />
+          title="删除文件"
+        />
       </div>
       <div
-        class="ant-upload-list-item ant-upload-list-item-done">
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
         <div
-          class="ant-upload-list-item-info">
+          class="ant-upload-list-item-info"
+        >
           <span>
             <a
               class="ant-upload-list-item-thumbnail"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
-              target="_blank">
+              target="_blank"
+            >
               <img
                 alt="yyy.png"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+              />
             </a>
             <a
               class="ant-upload-list-item-name"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
               target="_blank"
-              title="yyy.png">
+              title="yyy.png"
+            >
               yyy.png
             </a>
           </span>
         </div>
         <i
           class="anticon anticon-cross"
-          title="删除文件" />
+          title="删除文件"
+        />
       </div>
     </div>
   </span>
   <br />
   <br />
   <span
-    class="upload-list-inline">
+    class="upload-list-inline"
+  >
     <div
       class="ant-upload ant-upload-select ant-upload-select-picture"
-      style="display:;" />
+      style="display:;"
+    />
     <div
-      class="ant-upload-list ant-upload-list-picture">
+      class="ant-upload-list ant-upload-list-picture"
+    >
       <div
-        class="ant-upload-list-item ant-upload-list-item-done">
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
         <div
-          class="ant-upload-list-item-info">
+          class="ant-upload-list-item-info"
+        >
           <span>
             <a
               class="ant-upload-list-item-thumbnail"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
-              target="_blank">
+              target="_blank"
+            >
               <img
                 alt="xxx.png"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+              />
             </a>
             <a
               class="ant-upload-list-item-name"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
               target="_blank"
-              title="xxx.png">
+              title="xxx.png"
+            >
               xxx.png
             </a>
           </span>
         </div>
         <i
           class="anticon anticon-cross"
-          title="删除文件" />
+          title="删除文件"
+        />
       </div>
       <div
-        class="ant-upload-list-item ant-upload-list-item-done">
+        class="ant-upload-list-item ant-upload-list-item-done"
+      >
         <div
-          class="ant-upload-list-item-info">
+          class="ant-upload-list-item-info"
+        >
           <span>
             <a
               class="ant-upload-list-item-thumbnail"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
-              target="_blank">
+              target="_blank"
+            >
               <img
                 alt="yyy.png"
-                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+              />
             </a>
             <a
               class="ant-upload-list-item-name"
               href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
               rel="noopener noreferrer"
               target="_blank"
-              title="yyy.png">
+              title="yyy.png"
+            >
               yyy.png
             </a>
           </span>
         </div>
         <i
           class="anticon anticon-cross"
-          title="删除文件" />
+          title="删除文件"
+        />
       </div>
     </div>
   </span>
diff --git a/package.json b/package.json
index f57560368e..fb85657fa7 100644
--- a/package.json
+++ b/package.json
@@ -109,7 +109,7 @@
     "eslint-tinker": "^0.4.0",
     "fetch-jsonp": "^1.0.3",
     "glob": "^7.1.1",
-    "jest": "^18.1.0",
+    "jest": "^19.0.2",
     "jsonml.js": "^0.1.0",
     "lint-staged": "^3.3.1",
     "mockdate": "^2.0.1",
diff --git a/tests/__snapshots__/index.test.js.snap b/tests/__snapshots__/index.test.js.snap
index f7c1abb968..fc474223e0 100644
--- a/tests/__snapshots__/index.test.js.snap
+++ b/tests/__snapshots__/index.test.js.snap
@@ -1,3 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
 exports[`antd dist files exports modules correctly 1`] = `
 Array [
   "Affix",