From 9d2c91598b42d8b4e15efe65a439fb2fe1d345e2 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Fri, 15 Sep 2017 16:14:26 +0800
Subject: [PATCH 1/7] Mock rc-trigger

Ref #5522
---
 .../__tests__/__snapshots__/demo.test.js.snap |  452 ++---
 .../__tests__/__snapshots__/demo.test.js.snap |   24 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  352 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  404 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  826 ++++----
 .../__tests__/__snapshots__/demo.test.js.snap |  274 +--
 .../__tests__/__snapshots__/demo.test.js.snap |  776 ++++----
 .../__tests__/__snapshots__/demo.test.js.snap |   40 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  566 +++---
 .../__tests__/__snapshots__/demo.test.js.snap |  864 +++++----
 .../__tests__/__snapshots__/demo.test.js.snap |  354 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  528 +++---
 .../__tests__/__snapshots__/demo.test.js.snap |   46 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   88 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  252 ++-
 .../__tests__/__snapshots__/demo.test.js.snap |  318 ++--
 .../__tests__/__snapshots__/demo.test.js.snap | 1120 +++++------
 .../__tests__/__snapshots__/demo.test.js.snap |  440 +++--
 .../__tests__/__snapshots__/demo.test.js.snap |   40 +-
 .../table/__tests__/Table.filter.test.js      |    2 +-
 .../__snapshots__/Table.filter.test.js.snap   |   12 +-
 .../Table.rowSelection.test.js.snap           |   40 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  146 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   44 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  304 +--
 .../__tests__/__snapshots__/demo.test.js.snap |  226 ++-
 .../__snapshots__/tooltip.test.js.snap        | 1676 +++++++++++++++++
 components/tooltip/__tests__/tooltip.test.js  |   94 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  240 +--
 .../__tests__/__snapshots__/demo.test.js.snap |   32 +-
 tests/__mocks__/rc-trigger.js                 |   17 +
 31 files changed, 6762 insertions(+), 3835 deletions(-)
 create mode 100644 components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
 create mode 100644 tests/__mocks__/rc-trigger.js

diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index 98b12c8423..68127ed519 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -2,121 +2,69 @@
 
 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;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
+    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;height:50px;"
   >
     <div
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        class="ant-select-selection__rendered"
       >
-        input here
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          <div
-            class="ant-select-search__field__wrap"
+          input here
+        </div>
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            <textarea
-              class="ant-input ant-select-search__field"
-              style="height:50px;"
-            />
-            <span
-              class="ant-select-search__field__mirror"
+            <div
+              class="ant-select-search__field__wrap"
             >
-               
-            </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[`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;"
->
-  <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;"
+              <textarea
+                class="ant-input ant-select-search__field"
+                style="height:50px;"
+              />
+              <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"
       >
-        input here
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
-        >
-          <div
-            class="ant-select-search__field__wrap"
-          >
-            <input
-              class="ant-input ant-select-search__field"
-              type="text"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
+        <b />
+      </span>
     </div>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable"
-    >
-      <b />
-    </span>
   </div>
 </div>
 `;
 
-exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
 <div
-  class="certain-category-search-wrapper"
-  style="width:250px;"
+  id="TriggerContainer"
 >
   <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%;"
+    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
       aria-autocomplete="list"
@@ -143,22 +91,11 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
             <div
               class="ant-select-search__field__wrap"
             >
-              <span
-                class="ant-select-search__field ant-input-affix-wrapper"
-              >
-                <input
-                  class="ant-input"
-                  type="text"
-                  value=""
-                />
-                <span
-                  class="ant-input-suffix"
-                >
-                  <i
-                    class="anticon anticon-search certain-category-icon"
-                  />
-                </span>
-              </span>
+              <input
+                class="ant-input ant-select-search__field"
+                type="text"
+                value=""
+              />
               <span
                 class="ant-select-search__field__mirror"
               >
@@ -180,124 +117,147 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
 </div>
 `;
 
-exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
 <div
-  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;"
+  class="certain-category-search-wrapper"
+  style="width:250px;"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
+    id="TriggerContainer"
   >
     <div
-      class="ant-select-selection__rendered"
+      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%;"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
       >
-        try to type \`b\`
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-search__field__wrap"
+            class="ant-select-selection__placeholder"
+            style="display:block;user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
           >
-            <input
-              class="ant-input ant-select-search__field"
-              type="text"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
+            input here
           </div>
-        </li>
-      </ul>
+          <ul>
+            <li
+              class="ant-select-search ant-select-search--inline"
+            >
+              <div
+                class="ant-select-search__field__wrap"
+              >
+                <span
+                  class="ant-select-search__field ant-input-affix-wrapper"
+                >
+                  <input
+                    class="ant-input"
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="ant-input-suffix"
+                  >
+                    <i
+                      class="anticon anticon-search certain-category-icon"
+                    />
+                  </span>
+                </span>
+                <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>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable"
-    >
-      <b />
-    </span>
   </div>
 </div>
 `;
 
-exports[`renders ./components/auto-complete/demo/options.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;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
+    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        class="ant-select-selection__rendered"
       >
-        input here
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          <div
-            class="ant-select-search__field__wrap"
+          try to type \`b\`
+        </div>
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            <input
-              class="ant-input ant-select-search__field"
-              type="text"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
+            <div
+              class="ant-select-search__field__wrap"
             >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
+              <input
+                class="ant-input ant-select-search__field"
+                type="text"
+                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>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable"
-    >
-      <b />
-    </span>
   </div>
 </div>
 `;
 
-exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
 <div
-  class="global-search-wrapper"
-  style="width:300px;"
+  id="TriggerContainer"
 >
   <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%;"
+    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
       aria-autocomplete="list"
@@ -324,27 +284,11 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
             <div
               class="ant-select-search__field__wrap"
             >
-              <span
-                class="ant-select-search__field ant-input-affix-wrapper"
-              >
-                <input
-                  class="ant-input"
-                  type="text"
-                  value=""
-                />
-                <span
-                  class="ant-input-suffix"
-                >
-                  <button
-                    class="ant-btn search-btn ant-btn-primary ant-btn-lg"
-                    type="button"
-                  >
-                    <i
-                      class="anticon anticon-search"
-                    />
-                  </button>
-                </span>
-              </span>
+              <input
+                class="ant-input ant-select-search__field"
+                type="text"
+                value=""
+              />
               <span
                 class="ant-select-search__field__mirror"
               >
@@ -365,3 +309,83 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
   </div>
 </div>
 `;
+
+exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
+<div
+  class="global-search-wrapper"
+  style="width:300px;"
+>
+  <div
+    id="TriggerContainer"
+  >
+    <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%;"
+    >
+      <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"
+          >
+            input here
+          </div>
+          <ul>
+            <li
+              class="ant-select-search ant-select-search--inline"
+            >
+              <div
+                class="ant-select-search__field__wrap"
+              >
+                <span
+                  class="ant-select-search__field ant-input-affix-wrapper"
+                >
+                  <input
+                    class="ant-input"
+                    type="text"
+                    value=""
+                  />
+                  <span
+                    class="ant-input-suffix"
+                  >
+                    <button
+                      class="ant-btn search-btn ant-btn-primary ant-btn-lg"
+                      type="button"
+                    >
+                      <i
+                        class="anticon anticon-search"
+                      />
+                    </button>
+                  </span>
+                </span>
+                <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>
+  </div>
+</div>
+`;
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index 38b2c73d73..b3f6aac4da 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -460,17 +460,21 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
       secondary
     </span>
   </button>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      more 
-    </span>
-    <i
-      class="anticon anticon-down"
-    />
-  </button>
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        more 
+      </span>
+      <i
+        class="anticon anticon-down"
+      />
+    </button>
+  </div>
 </div>
 `;
 
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 0075355810..092393ae65 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -8,67 +8,75 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
     class="ant-fullcalendar-header"
   >
     <div
-      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="2016年"
+            class="ant-select-selection__rendered"
           >
-            2016年
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="2016年"
+            >
+              2016年
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <div
-      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="11月"
+            class="ant-select-selection__rendered"
           >
-            11月
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="11月"
+            >
+              11月
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <div
@@ -1015,67 +1023,75 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
       class="ant-fullcalendar-header"
     >
       <div
-        class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="2016年"
+              class="ant-select-selection__rendered"
             >
-              2016年
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="2016年"
+              >
+                2016年
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <div
-        class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="11月"
+              class="ant-select-selection__rendered"
             >
-              11月
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="11月"
+              >
+                11月
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <div
@@ -2020,67 +2036,75 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
     class="ant-fullcalendar-header"
   >
     <div
-      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="2016年"
+            class="ant-select-selection__rendered"
           >
-            2016年
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="2016年"
+            >
+              2016年
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <div
-      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="11月"
+            class="ant-select-selection__rendered"
           >
-            11月
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="11月"
+            >
+              11月
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <div
@@ -3339,67 +3363,75 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
       class="ant-fullcalendar-header"
     >
       <div
-        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-fullcalendar-year-select ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="2017年"
+              class="ant-select-selection__rendered"
             >
-              2017年
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="2017年"
+              >
+                2017年
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <div
-        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-fullcalendar-month-select ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="1月"
+              class="ant-select-selection__rendered"
             >
-              1月
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="1月"
+              >
+                1月
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <div
diff --git a/components/cascader/__tests__/__snapshots__/demo.test.js.snap b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
index 2946a2c3eb..a1f7d0e4ac 100644
--- a/components/cascader/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
@@ -1,215 +1,176 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
   <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
+    class="ant-cascader-picker"
+    tabindex="0"
+  >
+    <span
+      class="ant-cascader-picker-label"
+    />
+    <input
+      autocomplete="off"
+      class="ant-input ant-cascader-input "
+      placeholder="Please select"
+      readonly=""
+      type="text"
+      value=""
+    />
+    <i
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
+  </span>
+</div>
 `;
 
 exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
   <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
+    class="ant-cascader-picker"
+    tabindex="0"
+  >
+    <span
+      class="ant-cascader-picker-label"
+    />
+    <input
+      autocomplete="off"
+      class="ant-input ant-cascader-input "
+      placeholder="Please select"
+      readonly=""
+      type="text"
+      value=""
+    />
+    <i
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
+  </span>
+</div>
 `;
 
 exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  style="width:270px;"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
   <span
-    class="ant-cascader-picker-label"
+    class="ant-cascader-picker"
+    style="width:270px;"
+    tabindex="0"
   >
-    <span>
-      Zhejiang / 
-    </span>
-    <span>
-      Hangzhou / 
-    </span>
-    <span>
-      West Lake (
-      <a>
-        752100
-      </a>
-      )
+    <span
+      class="ant-cascader-picker-label"
+    >
+      <span>
+        Zhejiang / 
+      </span>
+      <span>
+        Hangzhou / 
+      </span>
+      <span>
+        West Lake (
+        <a>
+          752100
+        </a>
+        )
+      </span>
     </span>
+    <input
+      autocomplete="off"
+      class="ant-input ant-cascader-input "
+      readonly=""
+      type="text"
+      value=""
+    />
+    <i
+      class="anticon anticon-cross-circle ant-cascader-picker-clear"
+    />
+    <i
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
   </span>
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-cross-circle ant-cascader-picker-clear"
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
+</div>
 `;
 
 exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
 <span>
   Unselect 
-  <a
-    href="#"
-    tabindex="0"
+  <div
+    id="TriggerContainer"
   >
-    Change city
-  </a>
+    <a
+      href="#"
+      tabindex="0"
+    >
+      Change city
+    </a>
+  </div>
 </span>
 `;
 
 exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
   <span
-    class="ant-cascader-picker-label"
+    class="ant-cascader-picker"
+    tabindex="0"
   >
-    Zhejiang / Hangzhou / West Lake
+    <span
+      class="ant-cascader-picker-label"
+    >
+      Zhejiang / Hangzhou / West Lake
+    </span>
+    <input
+      autocomplete="off"
+      class="ant-input ant-cascader-input "
+      readonly=""
+      type="text"
+      value=""
+    />
+    <i
+      class="anticon anticon-cross-circle ant-cascader-picker-clear"
+    />
+    <i
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
   </span>
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-cross-circle ant-cascader-picker-clear"
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
+</div>
 `;
 
 exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
   <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
+    class="ant-cascader-picker"
+    tabindex="0"
+  >
+    <span
+      class="ant-cascader-picker-label"
+    />
+    <input
+      autocomplete="off"
+      class="ant-input ant-cascader-input "
+      placeholder="Please select"
+      readonly=""
+      type="text"
+      value=""
+    />
+    <i
+      class="anticon anticon-down ant-cascader-picker-arrow"
+    />
+  </span>
+</div>
 `;
 
 exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
->
-  <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
-`;
-
-exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
+<div
+  id="TriggerContainer"
 >
-  <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
-`;
-
-exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
-<span
-  class="ant-cascader-picker"
-  tabindex="0"
->
-  <span
-    class="ant-cascader-picker-label"
-  />
-  <input
-    autocomplete="off"
-    class="ant-input ant-cascader-input "
-    placeholder="Please select"
-    type="text"
-    value=""
-  />
-  <i
-    class="anticon anticon-down ant-cascader-picker-arrow"
-  />
-</span>
-`;
-
-exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
-<div>
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -219,7 +180,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
     />
     <input
       autocomplete="off"
-      class="ant-input ant-cascader-input ant-input-lg"
+      class="ant-input ant-cascader-input "
       placeholder="Please select"
       readonly=""
       type="text"
@@ -229,8 +190,13 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
-  <br />
-  <br />
+</div>
+`;
+
+exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -250,8 +216,13 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
-  <br />
-  <br />
+</div>
+`;
+
+exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -261,9 +232,8 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
     />
     <input
       autocomplete="off"
-      class="ant-input ant-cascader-input ant-input-sm"
+      class="ant-input ant-cascader-input "
       placeholder="Please select"
-      readonly=""
       type="text"
       value=""
     />
@@ -271,6 +241,84 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
+</div>
+`;
+
+exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
+<div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-cascader-picker"
+      tabindex="0"
+    >
+      <span
+        class="ant-cascader-picker-label"
+      />
+      <input
+        autocomplete="off"
+        class="ant-input ant-cascader-input ant-input-lg"
+        placeholder="Please select"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <i
+        class="anticon anticon-down ant-cascader-picker-arrow"
+      />
+    </span>
+  </div>
+  <br />
+  <br />
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-cascader-picker"
+      tabindex="0"
+    >
+      <span
+        class="ant-cascader-picker-label"
+      />
+      <input
+        autocomplete="off"
+        class="ant-input ant-cascader-input "
+        placeholder="Please select"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <i
+        class="anticon anticon-down ant-cascader-picker-arrow"
+      />
+    </span>
+  </div>
+  <br />
+  <br />
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-cascader-picker"
+      tabindex="0"
+    >
+      <span
+        class="ant-cascader-picker-label"
+      />
+      <input
+        autocomplete="off"
+        class="ant-input ant-cascader-input ant-input-sm"
+        placeholder="Please select"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <i
+        class="anticon anticon-down ant-cascader-picker-arrow"
+      />
+    </span>
+  </div>
   <br />
   <br />
 </div>
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index eacf4aa7c6..ffcbff88d7 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -5,62 +5,74 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="Select month"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="Select month"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -70,66 +82,78 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input ant-input-disabled"
-        disabled=""
-        placeholder="请选择日期"
-        readonly=""
-        value="2015-06-06"
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input ant-input-disabled"
+          disabled=""
+          placeholder="请选择日期"
+          readonly=""
+          value="2015-06-06"
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input ant-input-disabled"
-        disabled=""
-        placeholder="请选择日期"
-        readonly=""
-        value="2015-06"
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input ant-input-disabled"
+          disabled=""
+          placeholder="请选择日期"
+          readonly=""
+          value="2015-06"
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input ant-input-disabled"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        disabled=""
-        placeholder="开始日期"
-        readonly=""
-        value="2015-06-06"
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        class="ant-calendar-picker-input ant-input ant-input-disabled"
       >
-         ~ 
+        <input
+          class="ant-calendar-range-picker-input"
+          disabled=""
+          placeholder="开始日期"
+          readonly=""
+          value="2015-06-06"
+        />
+        <span
+          class="ant-calendar-range-picker-separator"
+        >
+           ~ 
+        </span>
+        <input
+          class="ant-calendar-range-picker-input"
+          disabled=""
+          placeholder="结束日期"
+          readonly=""
+          value="2015-06-06"
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
       </span>
-      <input
-        class="ant-calendar-range-picker-input"
-        disabled=""
-        placeholder="结束日期"
-        readonly=""
-        value="2015-06-06"
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -140,32 +164,40 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="Select month"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="Select month"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
@@ -173,30 +205,34 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -206,90 +242,106 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -299,71 +351,83 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value="2015/01/01"
-      />
-      <i
-        class="anticon anticon-cross-circle ant-calendar-picker-clear"
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value="2015/01/01"
+        />
+        <i
+          class="anticon anticon-cross-circle ant-calendar-picker-clear"
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <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"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <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"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value="2015/01/01"
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <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>
+    </div>
   </span>
 </div>
 `;
@@ -373,60 +437,68 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -497,62 +569,74 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="请选择日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="开始日期"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        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>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="结束日期"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
@@ -563,32 +647,40 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="Start"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="Start"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="End"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="End"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
 </div>
@@ -600,16 +692,20 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div>
-      <input
-        class="ant-calendar-picker-input ant-input"
-        placeholder="Select Time"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
+    <div
+      id="TriggerContainer"
+    >
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="Select Time"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
+      </div>
     </div>
   </span>
   <br />
@@ -617,30 +713,34 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <span
-      class="ant-calendar-picker-input ant-input"
+    <div
+      id="TriggerContainer"
     >
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="Start Time"
-        readonly=""
-        value=""
-      />
       <span
-        class="ant-calendar-range-picker-separator"
+        class="ant-calendar-picker-input ant-input"
       >
-         ~ 
+        <input
+          class="ant-calendar-range-picker-input"
+          placeholder="Start Time"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-range-picker-separator"
+        >
+           ~ 
+        </span>
+        <input
+          class="ant-calendar-range-picker-input"
+          placeholder="End Time"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
       </span>
-      <input
-        class="ant-calendar-range-picker-input"
-        placeholder="End Time"
-        readonly=""
-        value=""
-      />
-      <span
-        class="ant-calendar-picker-icon"
-      />
-    </span>
+    </div>
   </span>
 </div>
 `;
diff --git a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
index 6a075615f9..d4a4af6826 100644
--- a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -1,15 +1,19 @@
 // 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="#"
+<div
+  id="TriggerContainer"
 >
-  Hover me 
-  <i
-    class="anticon anticon-down"
-  />
-</a>
+  <a
+    class="ant-dropdown-link ant-dropdown-trigger"
+    href="#"
+  >
+    Hover me 
+    <i
+      class="anticon anticon-down"
+    />
+  </a>
+</div>
 `;
 
 exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
@@ -25,14 +29,18 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
         Dropdown
       </span>
     </button>
-    <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-down"
-      />
-    </button>
+      <button
+        class="ant-btn ant-dropdown-trigger ant-btn-default"
+        type="button"
+      >
+        <i
+          class="anticon anticon-down"
+        />
+      </button>
+    </div>
   </div>
   <div
     class="ant-btn-group ant-dropdown-button"
@@ -47,142 +55,194 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
         Dropdown
       </span>
     </button>
+    <div
+      id="TriggerContainer"
+    >
+      <button
+        class="ant-btn ant-dropdown-trigger ant-btn-default"
+        type="button"
+      >
+        <i
+          class="anticon anticon-down"
+        />
+      </button>
+    </div>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
     <button
-      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      class="ant-btn ant-dropdown-trigger"
+      style="margin-left:8px;"
       type="button"
     >
+      <span>
+        Button 
+      </span>
       <i
         class="anticon anticon-down"
       />
     </button>
   </div>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    style="margin-left:8px;"
-    type="button"
-  >
-    <span>
-      Button 
-    </span>
-    <i
-      class="anticon anticon-down"
-    />
-  </button>
 </div>
 `;
 
 exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
-<a
-  class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Hover me, Click menu item 
-  <i
-    class="anticon anticon-down"
-  />
-</a>
+  <a
+    class="ant-dropdown-link ant-dropdown-trigger"
+    href="#"
+  >
+    Hover me, Click menu item 
+    <i
+      class="anticon anticon-down"
+    />
+  </a>
+</div>
 `;
 
 exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
-<a
-  class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Hover me 
-  <i
-    class="anticon anticon-down"
-  />
-</a>
+  <a
+    class="ant-dropdown-link ant-dropdown-trigger"
+    href="#"
+  >
+    Hover me 
+    <i
+      class="anticon anticon-down"
+    />
+  </a>
+</div>
 `;
 
 exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
-<a
-  class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Hover me 
-  <i
-    class="anticon anticon-down"
-  />
-</a>
+  <a
+    class="ant-dropdown-link ant-dropdown-trigger"
+    href="#"
+  >
+    Hover me 
+    <i
+      class="anticon anticon-down"
+    />
+  </a>
+</div>
 `;
 
 exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
 <div>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      bottomLeft
-    </span>
-  </button>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        bottomLeft
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      bottomCenter
-    </span>
-  </button>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        bottomCenter
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      bottomRight
-    </span>
-  </button>
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        bottomRight
+      </span>
+    </button>
+  </div>
   <br />
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      topLeft
-    </span>
-  </button>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        topLeft
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      topCenter
-    </span>
-  </button>
-  <button
-    class="ant-btn ant-dropdown-trigger"
-    type="button"
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        topCenter
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      topRight
-    </span>
-  </button>
+    <button
+      class="ant-btn ant-dropdown-trigger"
+      type="button"
+    >
+      <span>
+        topRight
+      </span>
+    </button>
+  </div>
 </div>
 `;
 
 exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
-<a
-  class="ant-dropdown-link ant-dropdown-trigger"
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Cascading menu 
-  <i
-    class="anticon anticon-down"
-  />
-</a>
-`;
-
-exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
-<div>
   <a
     class="ant-dropdown-link ant-dropdown-trigger"
     href="#"
   >
-    Click me 
+    Cascading menu 
     <i
       class="anticon anticon-down"
     />
   </a>
 </div>
 `;
+
+exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
+<div>
+  <div
+    id="TriggerContainer"
+  >
+    <a
+      class="ant-dropdown-link ant-dropdown-trigger"
+      href="#"
+    >
+      Click me 
+      <i
+        class="anticon anticon-down"
+      />
+    </a>
+  </div>
+</div>
+`;
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 3599a0a2c0..133a7af5dd 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -468,35 +468,39 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          class="ant-select-lg ant-select ant-select-enabled"
+          id="TriggerContainer"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-lg ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-selection__rendered"
+              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__placeholder"
-                style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
+                class="ant-select-selection__rendered"
               >
-                Select a option and change input text above
+                <div
+                  class="ant-select-selection__placeholder"
+                  style="display:block;user-select:none;-webkit-user-select:none;"
+                  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"
+              >
+                <b />
+              </span>
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
         </div>
       </div>
@@ -557,36 +561,40 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
             value="0"
           />
           <div
-            class="ant-select-lg ant-select ant-select-enabled"
-            style="width:32%;"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-lg ant-select ant-select-enabled"
+              style="width:32%;"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title="RMB"
+                  class="ant-select-selection__rendered"
                 >
-                  RMB
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title="RMB"
+                  >
+                    RMB
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
         </span>
@@ -1330,9 +1338,13 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
       >
         <span>
           Nickname 
-          <i
-            class="anticon anticon-question-circle-o"
-          />
+          <div
+            id="TriggerContainer"
+          >
+            <i
+              class="anticon anticon-question-circle-o"
+            />
+          </div>
         </span>
       </label>
     </div>
@@ -1372,31 +1384,35 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
       <div
         class="ant-form-item-control has-success"
       >
-        <span
-          class="ant-cascader-picker"
-          tabindex="0"
+        <div
+          id="TriggerContainer"
         >
           <span
-            class="ant-cascader-picker-label"
+            class="ant-cascader-picker"
+            tabindex="0"
           >
-            Zhejiang / Hangzhou / West Lake
+            <span
+              class="ant-cascader-picker-label"
+            >
+              Zhejiang / Hangzhou / West Lake
+            </span>
+            <input
+              autocomplete="off"
+              class="ant-input ant-cascader-input ant-input-lg"
+              data-__meta="[object Object]"
+              id="residence"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <i
+              class="anticon anticon-cross-circle ant-cascader-picker-clear"
+            />
+            <i
+              class="anticon anticon-down ant-cascader-picker-arrow"
+            />
           </span>
-          <input
-            autocomplete="off"
-            class="ant-input ant-cascader-input ant-input-lg"
-            data-__meta="[object Object]"
-            id="residence"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <i
-            class="anticon anticon-cross-circle ant-cascader-picker-clear"
-          />
-          <i
-            class="anticon anticon-down ant-cascader-picker-arrow"
-          />
-        </span>
+        </div>
       </div>
     </div>
   </div>
@@ -1431,36 +1447,40 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
               class="ant-input-group-addon"
             >
               <div
-                class="ant-select ant-select-enabled"
-                style="width:60px;"
+                id="TriggerContainer"
               >
                 <div
-                  aria-autocomplete="list"
-                  aria-expanded="false"
-                  aria-haspopup="true"
-                  class="ant-select-selection
-                            ant-select-selection--single"
-                  role="combobox"
-                  tabindex="0"
+                  class="ant-select ant-select-enabled"
+                  style="width:60px;"
                 >
                   <div
-                    class="ant-select-selection__rendered"
+                    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-selected-value"
-                      style="display:block;opacity:1;"
-                      title="+86"
+                      class="ant-select-selection__rendered"
                     >
-                      +86
+                      <div
+                        class="ant-select-selection-selected-value"
+                        style="display:block;opacity:1;"
+                        title="+86"
+                      >
+                        +86
+                      </div>
                     </div>
+                    <span
+                      class="ant-select-arrow"
+                      style="user-select:none;-webkit-user-select:none;"
+                      unselectable="unselectable"
+                    >
+                      <b />
+                    </span>
                   </div>
-                  <span
-                    class="ant-select-arrow"
-                    style="user-select:none;-webkit-user-select:none;"
-                    unselectable="unselectable"
-                  >
-                    <b />
-                  </span>
                 </div>
               </div>
             </span>
@@ -1497,54 +1517,58 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+          id="TriggerContainer"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
+            class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
           >
             <div
-              class="ant-select-selection__rendered"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
             >
               <div
-                class="ant-select-selection__placeholder"
-                style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
+                class="ant-select-selection__rendered"
               >
-                website
-              </div>
-              <ul>
-                <li
-                  class="ant-select-search ant-select-search--inline"
+                <div
+                  class="ant-select-selection__placeholder"
+                  style="display:block;user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
                 >
-                  <div
-                    class="ant-select-search__field__wrap"
+                  website
+                </div>
+                <ul>
+                  <li
+                    class="ant-select-search ant-select-search--inline"
                   >
-                    <input
-                      class="ant-input ant-select-search__field"
-                      type="text"
-                      value=""
-                    />
-                    <span
-                      class="ant-select-search__field__mirror"
+                    <div
+                      class="ant-select-search__field__wrap"
                     >
-                       
-                    </span>
-                  </div>
-                </li>
-              </ul>
+                      <input
+                        class="ant-input ant-select-search__field"
+                        type="text"
+                        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>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
         </div>
       </div>
@@ -1695,16 +1719,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <div>
-            <input
-              class="ant-calendar-picker-input ant-input ant-input-lg"
-              placeholder="请选择日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
+          <div
+            id="TriggerContainer"
+          >
+            <div>
+              <input
+                class="ant-calendar-picker-input ant-input ant-input-lg"
+                placeholder="请选择日期"
+                readonly=""
+                value=""
+              />
+              <span
+                class="ant-calendar-picker-icon"
+              />
+            </div>
           </div>
         </span>
       </div>
@@ -1734,16 +1762,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
           class="ant-calendar-picker"
           style="width:154px;"
         >
-          <div>
-            <input
-              class="ant-calendar-picker-input ant-input ant-input-lg"
-              placeholder="请选择日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
+          <div
+            id="TriggerContainer"
+          >
+            <div>
+              <input
+                class="ant-calendar-picker-input ant-input ant-input-lg"
+                placeholder="请选择日期"
+                readonly=""
+                value=""
+              />
+              <span
+                class="ant-calendar-picker-icon"
+              />
+            </div>
           </div>
         </span>
       </div>
@@ -1772,16 +1804,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <div>
-            <input
-              class="ant-calendar-picker-input ant-input ant-input-lg"
-              placeholder="请选择日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
+          <div
+            id="TriggerContainer"
+          >
+            <div>
+              <input
+                class="ant-calendar-picker-input ant-input ant-input-lg"
+                placeholder="请选择日期"
+                readonly=""
+                value=""
+              />
+              <span
+                class="ant-calendar-picker-icon"
+              />
+            </div>
           </div>
         </span>
       </div>
@@ -1810,30 +1846,34 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <span
-            class="ant-calendar-picker-input ant-input ant-input-lg"
+          <div
+            id="TriggerContainer"
           >
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="开始日期"
-              readonly=""
-              value=""
-            />
             <span
-              class="ant-calendar-range-picker-separator"
+              class="ant-calendar-picker-input ant-input ant-input-lg"
             >
-               ~ 
+              <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>
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="结束日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
-          </span>
+          </div>
         </span>
       </div>
     </div>
@@ -1862,30 +1902,34 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
           class="ant-calendar-picker"
           style="width:300px;"
         >
-          <span
-            class="ant-calendar-picker-input ant-input ant-input-lg"
+          <div
+            id="TriggerContainer"
           >
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="开始日期"
-              readonly=""
-              value=""
-            />
             <span
-              class="ant-calendar-range-picker-separator"
+              class="ant-calendar-picker-input ant-input ant-input-lg"
             >
-               ~ 
+              <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>
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="结束日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
-          </span>
+          </div>
         </span>
       </div>
     </div>
@@ -1910,20 +1954,24 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
       <div
         class="ant-form-item-control "
       >
-        <span
-          class="ant-time-picker ant-time-picker-large"
+        <div
+          id="TriggerContainer"
         >
-          <input
-            class="ant-time-picker-input"
-            placeholder="请选择时间"
-            readonly=""
-            type="text"
-            value=""
-          />
           <span
-            class="ant-time-picker-icon"
-          />
-        </span>
+            class="ant-time-picker ant-time-picker-large"
+          >
+            <input
+              class="ant-time-picker-input"
+              placeholder="请选择时间"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="ant-time-picker-icon"
+            />
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -2002,35 +2050,39 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          class="ant-select-lg ant-select ant-select-enabled"
+          id="TriggerContainer"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-lg ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-selection__rendered"
+              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__placeholder"
-                style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
+                class="ant-select-selection__rendered"
               >
-                Please select a country
+                <div
+                  class="ant-select-selection__placeholder"
+                  style="display:block;user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  Please select a country
+                </div>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
         </div>
       </div>
@@ -2057,47 +2109,51 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          class="ant-select-lg ant-select ant-select-enabled"
+          id="TriggerContainer"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--multiple"
-            role="combobox"
+            class="ant-select-lg ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-selection__rendered"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--multiple"
+              role="combobox"
             >
               <div
-                class="ant-select-selection__placeholder"
-                style="display:block;user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
+                class="ant-select-selection__rendered"
               >
-                Please select favourite colors
-              </div>
-              <ul>
-                <li
-                  class="ant-select-search ant-select-search--inline"
+                <div
+                  class="ant-select-selection__placeholder"
+                  style="display:block;user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
                 >
-                  <div
-                    class="ant-select-search__field__wrap"
+                  Please select favourite colors
+                </div>
+                <ul>
+                  <li
+                    class="ant-select-search ant-select-search--inline"
                   >
-                    <input
-                      autocomplete="off"
-                      class="ant-select-search__field"
-                      id="select-multiple"
-                      value=""
-                    />
-                    <span
-                      class="ant-select-search__field__mirror"
+                    <div
+                      class="ant-select-search__field__wrap"
                     >
-                       
-                    </span>
-                  </div>
-                </li>
-              </ul>
+                      <input
+                        autocomplete="off"
+                        class="ant-select-search__field"
+                        id="select-multiple"
+                        value=""
+                      />
+                      <span
+                        class="ant-select-search__field__mirror"
+                      >
+                         
+                      </span>
+                    </div>
+                  </li>
+                </ul>
+              </div>
             </div>
           </div>
         </div>
@@ -2273,14 +2329,18 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             />
           </div>
           <div
-            aria-disabled="false"
-            aria-valuemax="100"
-            aria-valuemin="0"
-            aria-valuenow="0"
-            class="ant-slider-handle"
-            role="slider"
-            style="left:0%;"
-          />
+            id="TriggerContainer"
+          >
+            <div
+              aria-disabled="false"
+              aria-valuemax="100"
+              aria-valuemin="0"
+              aria-valuenow="0"
+              class="ant-slider-handle"
+              role="slider"
+              style="left:0%;"
+            />
+          </div>
           <div
             class="ant-slider-mark"
           >
@@ -2796,16 +2856,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
           class="ant-calendar-picker"
           style="width:100%;"
         >
-          <div>
-            <input
-              class="ant-calendar-picker-input ant-input ant-input-lg"
-              placeholder="请选择日期"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
+          <div
+            id="TriggerContainer"
+          >
+            <div>
+              <input
+                class="ant-calendar-picker-input ant-input ant-input-lg"
+                placeholder="请选择日期"
+                readonly=""
+                value=""
+              />
+              <span
+                class="ant-calendar-picker-icon"
+              />
+            </div>
           </div>
         </span>
       </div>
@@ -2830,21 +2894,25 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
       <div
         class="ant-form-item-control has-feedback has-warning"
       >
-        <span
-          class="ant-time-picker ant-time-picker-large"
-          style="width:100%;"
+        <div
+          id="TriggerContainer"
         >
-          <input
-            class="ant-time-picker-input"
-            placeholder="请选择时间"
-            readonly=""
-            type="text"
-            value=""
-          />
           <span
-            class="ant-time-picker-icon"
-          />
-        </span>
+            class="ant-time-picker ant-time-picker-large"
+            style="width:100%;"
+          >
+            <input
+              class="ant-time-picker-input"
+              placeholder="请选择时间"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <span
+              class="ant-time-picker-icon"
+            />
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -2868,35 +2936,39 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
         class="ant-form-item-control has-feedback has-error"
       >
         <div
-          class="ant-select-lg ant-select ant-select-enabled"
+          id="TriggerContainer"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-lg ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-selection__rendered"
+              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-selected-value"
-                style="display:block;opacity:1;"
-                title="Option 1"
+                class="ant-select-selection__rendered"
               >
-                Option 1
+                <div
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="Option 1"
+                >
+                  Option 1
+                </div>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
         </div>
       </div>
@@ -2921,27 +2993,31 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
       <div
         class="ant-form-item-control has-feedback is-validating"
       >
-        <span
-          class="ant-cascader-picker"
-          tabindex="0"
+        <div
+          id="TriggerContainer"
         >
           <span
-            class="ant-cascader-picker-label"
-          />
-          <input
-            autocomplete="off"
-            class="ant-input ant-cascader-input ant-input-lg"
-            readonly=""
-            type="text"
-            value=""
-          />
-          <i
-            class="anticon anticon-cross-circle ant-cascader-picker-clear"
-          />
-          <i
-            class="anticon anticon-down ant-cascader-picker-arrow"
-          />
-        </span>
+            class="ant-cascader-picker"
+            tabindex="0"
+          >
+            <span
+              class="ant-cascader-picker-label"
+            />
+            <input
+              autocomplete="off"
+              class="ant-input ant-cascader-input ant-input-lg"
+              readonly=""
+              type="text"
+              value=""
+            />
+            <i
+              class="anticon anticon-cross-circle ant-cascader-picker-clear"
+            />
+            <i
+              class="anticon anticon-down ant-cascader-picker-arrow"
+            />
+          </span>
+        </div>
         <div
           class="ant-form-explain"
         >
@@ -2984,16 +3060,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                 <span
                   class="ant-calendar-picker"
                 >
-                  <div>
-                    <input
-                      class="ant-calendar-picker-input ant-input ant-input-lg"
-                      placeholder="请选择日期"
-                      readonly=""
-                      value=""
-                    />
-                    <span
-                      class="ant-calendar-picker-icon"
-                    />
+                  <div
+                    id="TriggerContainer"
+                  >
+                    <div>
+                      <input
+                        class="ant-calendar-picker-input ant-input ant-input-lg"
+                        placeholder="请选择日期"
+                        readonly=""
+                        value=""
+                      />
+                      <span
+                        class="ant-calendar-picker-icon"
+                      />
+                    </div>
                   </div>
                 </span>
                 <div
@@ -3029,16 +3109,20 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                 <span
                   class="ant-calendar-picker"
                 >
-                  <div>
-                    <input
-                      class="ant-calendar-picker-input ant-input ant-input-lg"
-                      placeholder="请选择日期"
-                      readonly=""
-                      value=""
-                    />
-                    <span
-                      class="ant-calendar-picker-icon"
-                    />
+                  <div
+                    id="TriggerContainer"
+                  >
+                    <div>
+                      <input
+                        class="ant-calendar-picker-input ant-input ant-input-lg"
+                        placeholder="请选择日期"
+                        readonly=""
+                        value=""
+                      />
+                      <span
+                        class="ant-calendar-picker-icon"
+                      />
+                    </div>
                   </div>
                 </span>
               </div>
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index fbd1aa81aa..34a220317f 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -511,14 +511,18 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
-          aria-disabled="false"
-          aria-valuemax="5"
-          aria-valuemin="0"
-          aria-valuenow="1"
-          class="ant-slider-handle"
-          role="slider"
-          style="left:20%;"
-        />
+          id="TriggerContainer"
+        >
+          <div
+            aria-disabled="false"
+            aria-valuemax="5"
+            aria-valuemin="0"
+            aria-valuenow="1"
+            class="ant-slider-handle"
+            role="slider"
+            style="left:20%;"
+          />
+        </div>
         <div
           class="ant-slider-mark"
         >
@@ -608,14 +612,18 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
-          aria-disabled="false"
-          aria-valuemax="5"
-          aria-valuemin="0"
-          aria-valuenow="2"
-          class="ant-slider-handle"
-          role="slider"
-          style="left:40%;"
-        />
+          id="TriggerContainer"
+        >
+          <div
+            aria-disabled="false"
+            aria-valuemax="5"
+            aria-valuemin="0"
+            aria-valuenow="2"
+            class="ant-slider-handle"
+            role="slider"
+            style="left:40%;"
+          />
+        </div>
         <div
           class="ant-slider-mark"
         >
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 8419ae2363..17d8d21b6c 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -42,36 +42,40 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
           class="ant-input-group-addon"
         >
           <div
-            class="ant-select ant-select-enabled"
-            style="width:80px;"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select ant-select-enabled"
+              style="width:80px;"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title="Http://"
+                  class="ant-select-selection__rendered"
                 >
-                  Http://
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title="Http://"
+                  >
+                    Http://
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
         </span>
@@ -84,36 +88,40 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
           class="ant-input-group-addon"
         >
           <div
-            class="ant-select ant-select-enabled"
-            style="width:70px;"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select ant-select-enabled"
+              style="width:70px;"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title=".com"
+                  class="ant-select-selection__rendered"
                 >
-                  .com
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title=".com"
+                  >
+                    .com
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
         </span>
@@ -217,35 +225,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Zhejiang"
+            class="ant-select-selection__rendered"
           >
-            Zhejiang
+            <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>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <input
@@ -260,35 +272,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Option1"
+            class="ant-select-selection__rendered"
           >
-            Option1
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Option1"
+            >
+              Option1
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <input
@@ -358,16 +374,20 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     <span
       class="ant-calendar-picker"
     >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
+      <div
+        id="TriggerContainer"
+      >
+        <div>
+          <input
+            class="ant-calendar-picker-input ant-input"
+            placeholder="请选择日期"
+            readonly=""
+            value=""
+          />
+          <span
+            class="ant-calendar-picker-icon"
+          />
+        </div>
       </div>
     </span>
   </span>
@@ -376,67 +396,75 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Option1-1"
+            class="ant-select-selection__rendered"
           >
-            Option1-1
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Option1-1"
+            >
+              Option1-1
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </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"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Option2-2"
+            class="ant-select-selection__rendered"
           >
-            Option2-2
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Option2-2"
+            >
+              Option2-2
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
   </span>
@@ -445,35 +473,39 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Between"
+            class="ant-select-selection__rendered"
           >
-            Between
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Between"
+            >
+              Between
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <input
@@ -501,87 +533,95 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Sign Up"
+            class="ant-select-selection__rendered"
           >
-            Sign Up
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Sign Up"
+            >
+              Sign Up
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
     <div
-      class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-      style="width:200px;"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
+        class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+        style="width:200px;"
       >
         <div
-          class="ant-select-selection__rendered"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
         >
           <div
-            class="ant-select-selection__placeholder"
-            style="display:block;user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
+            class="ant-select-selection__rendered"
           >
-            Email
-          </div>
-          <ul>
-            <li
-              class="ant-select-search ant-select-search--inline"
+            <div
+              class="ant-select-selection__placeholder"
+              style="display:block;user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
             >
-              <div
-                class="ant-select-search__field__wrap"
+              Email
+            </div>
+            <ul>
+              <li
+                class="ant-select-search ant-select-search--inline"
               >
-                <input
-                  class="ant-input ant-select-search__field"
-                  type="text"
-                  value=""
-                />
-                <span
-                  class="ant-select-search__field__mirror"
+                <div
+                  class="ant-select-search__field__wrap"
                 >
-                   
-                </span>
-              </div>
-            </li>
-          </ul>
+                  <input
+                    class="ant-input ant-select-search__field"
+                    type="text"
+                    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>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
   </span>
@@ -590,58 +630,66 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:30%;"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
+        style="width:30%;"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="Home"
+            class="ant-select-selection__rendered"
           >
-            Home
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="Home"
+            >
+              Home
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
-    <span
-      class="ant-cascader-picker"
-      style="width:70%;"
-      tabindex="0"
+    <div
+      id="TriggerContainer"
     >
       <span
-        class="ant-cascader-picker-label"
-      />
-      <input
-        autocomplete="off"
-        class="ant-input ant-cascader-input "
-        placeholder="Select Address"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <i
-        class="anticon anticon-down ant-cascader-picker-arrow"
-      />
-    </span>
+        class="ant-cascader-picker"
+        style="width:70%;"
+        tabindex="0"
+      >
+        <span
+          class="ant-cascader-picker-label"
+        />
+        <input
+          autocomplete="off"
+          class="ant-input ant-cascader-input "
+          placeholder="Select Address"
+          readonly=""
+          type="text"
+          value=""
+        />
+        <i
+          class="anticon anticon-down ant-cascader-picker-arrow"
+        />
+      </span>
+    </div>
   </span>
 </div>
 `;
@@ -716,12 +764,16 @@ exports[`renders ./components/input/demo/textarea.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=""
-/>
+<div
+  id="TriggerContainer"
+>
+  <input
+    class="ant-input"
+    maxlength="25"
+    placeholder="Input a number"
+    style="width:120px;"
+    type="text"
+    value=""
+  />
+</div>
 `;
diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index 27826e3c90..674f5647e3 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -143,45 +143,57 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-user"
-          />
-          <span>
-            nav 1
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-user"
+            />
+            <span>
+              nav 1
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-video-camera"
-          />
-          <span>
-            nav 2
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-video-camera"
+            />
+            <span>
+              nav 2
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-upload"
-          />
-          <span>
-            nav 3
-          </span>
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-upload"
+            />
+            <span>
+              nav 3
+            </span>
+          </li>
+        </div>
       </ul>
     </div>
   </div>
@@ -224,27 +236,39 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+      <div
+        id="TriggerContainer"
       >
-        nav 1
-      </li>
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 1
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 2
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+        >
+          nav 2
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 3
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 3
+        </li>
+      </div>
     </ul>
   </div>
   <div
@@ -327,126 +351,158 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-user"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 1
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-user"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 1
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-video-camera"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 2
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-video-camera"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 2
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-upload"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 3
-          </span>
-        </li>
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-upload"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 3
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-bar-chart"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 4
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-bar-chart"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 4
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-cloud-o"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 5
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-cloud-o"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 5
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-appstore-o"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 6
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-appstore-o"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 6
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-team"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 7
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-team"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 7
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-shop"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 8
-          </span>
-        </li>
+            <i
+              class="anticon anticon-shop"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 8
+            </span>
+          </li>
+        </div>
       </ul>
     </div>
   </div>
@@ -592,66 +648,82 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-user"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 1
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-user"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 1
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-video-camera"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 2
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-video-camera"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 2
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-upload"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 3
-          </span>
-        </li>
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+            <i
+              class="anticon anticon-upload"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 3
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-user"
-          />
-          <span
-            class="nav-text"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
           >
-            nav 4
-          </span>
-        </li>
+            <i
+              class="anticon anticon-user"
+            />
+            <span
+              class="nav-text"
+            >
+              nav 4
+            </span>
+          </li>
+        </div>
       </ul>
     </div>
   </div>
@@ -703,32 +775,40 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-pie-chart"
-          />
-          <span>
-            Option 1
-          </span>
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-pie-chart"
+            />
+            <span>
+              Option 1
+            </span>
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-desktop"
-          />
-          <span>
-            Option 2
-          </span>
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-desktop"
+            />
+            <span>
+              Option 2
+            </span>
+          </li>
+        </div>
         <li
           class="ant-menu-submenu-inline ant-menu-submenu"
         >
@@ -769,19 +849,23 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
             </span>
           </div>
         </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:24px;"
+        <div
+          id="TriggerContainer"
         >
-          <i
-            class="anticon anticon-file"
-          />
-          <span>
-            File
-          </span>
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:24px;"
+          >
+            <i
+              class="anticon anticon-file"
+            />
+            <span>
+              File
+            </span>
+          </li>
+        </div>
       </ul>
     </div>
     <div
@@ -866,27 +950,39 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+      <div
+        id="TriggerContainer"
       >
-        nav 1
-      </li>
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 1
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 2
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+        >
+          nav 2
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 3
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 3
+        </li>
+      </div>
     </ul>
   </div>
   <div
@@ -966,27 +1062,39 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+      <div
+        id="TriggerContainer"
       >
-        nav 1
-      </li>
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 1
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 2
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+        >
+          nav 2
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 3
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 3
+        </li>
+      </div>
     </ul>
   </div>
   <div
@@ -1075,38 +1183,54 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                 id="sub1$Menu"
                 role="menu"
               >
-                <li
-                  aria-selected="true"
-                  class="ant-menu-item-selected ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
+                <div
+                  id="TriggerContainer"
                 >
-                  option1
-                </li>
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
+                  <li
+                    aria-selected="true"
+                    class="ant-menu-item-selected ant-menu-item"
+                    role="menuitem"
+                    style="padding-left:48px;"
+                  >
+                    option1
+                  </li>
+                </div>
+                <div
+                  id="TriggerContainer"
                 >
-                  option2
-                </li>
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
+                  <li
+                    aria-selected="false"
+                    class="ant-menu-item"
+                    role="menuitem"
+                    style="padding-left:48px;"
+                  >
+                    option2
+                  </li>
+                </div>
+                <div
+                  id="TriggerContainer"
                 >
-                  option3
-                </li>
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
+                  <li
+                    aria-selected="false"
+                    class="ant-menu-item"
+                    role="menuitem"
+                    style="padding-left:48px;"
+                  >
+                    option3
+                  </li>
+                </div>
+                <div
+                  id="TriggerContainer"
                 >
-                  option4
-                </li>
+                  <li
+                    aria-selected="false"
+                    class="ant-menu-item"
+                    role="menuitem"
+                    style="padding-left:48px;"
+                  >
+                    option4
+                  </li>
+                </div>
               </ul>
             </li>
             <li
@@ -1182,27 +1306,39 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+      <div
+        id="TriggerContainer"
       >
-        nav 1
-      </li>
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 1
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 2
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+        >
+          nav 2
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        nav 3
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+        >
+          nav 3
+        </li>
+      </div>
     </ul>
   </div>
   <div
@@ -1245,38 +1381,54 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
               id="sub1$Menu"
               role="menu"
             >
-              <li
-                aria-selected="true"
-                class="ant-menu-item-selected ant-menu-item"
-                role="menuitem"
-                style="padding-left:48px;"
+              <div
+                id="TriggerContainer"
               >
-                option1
-              </li>
-              <li
-                aria-selected="false"
-                class="ant-menu-item"
-                role="menuitem"
-                style="padding-left:48px;"
+                <li
+                  aria-selected="true"
+                  class="ant-menu-item-selected ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
+                >
+                  option1
+                </li>
+              </div>
+              <div
+                id="TriggerContainer"
               >
-                option2
-              </li>
-              <li
-                aria-selected="false"
-                class="ant-menu-item"
-                role="menuitem"
-                style="padding-left:48px;"
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
+                >
+                  option2
+                </li>
+              </div>
+              <div
+                id="TriggerContainer"
               >
-                option3
-              </li>
-              <li
-                aria-selected="false"
-                class="ant-menu-item"
-                role="menuitem"
-                style="padding-left:48px;"
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
+                >
+                  option3
+                </li>
+              </div>
+              <div
+                id="TriggerContainer"
               >
-                option4
-              </li>
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
+                >
+                  option4
+                </li>
+              </div>
             </ul>
           </li>
           <li
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index d9b1cc9261..5464dbccdd 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -131,35 +131,39 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           class="ant-pagination-options"
         >
           <div
-            class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-pagination-options-size-changer ant-select ant-select-enabled"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title="10 / page"
+                  class="ant-select-selection__rendered"
                 >
-                  10 / page
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title="10 / page"
+                  >
+                    10 / page
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
         </li>
@@ -169,107 +173,123 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
       class="example"
     >
       <div
-        class="ant-select ant-select-enabled"
-        style="width:200px;"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select ant-select-enabled"
+          style="width:200px;"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-search ant-select-search--inline"
-              style="display:none;"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-search__field__wrap"
+                class="ant-select-search ant-select-search--inline"
+                style="display:none;"
               >
-                <input
-                  autocomplete="off"
-                  class="ant-select-search__field"
-                  value=""
-                />
-                <span
-                  class="ant-select-search__field__mirror"
+                <div
+                  class="ant-select-search__field__wrap"
                 >
-                   
-                </span>
+                  <input
+                    autocomplete="off"
+                    class="ant-select-search__field"
+                    value=""
+                  />
+                  <span
+                    class="ant-select-search__field__mirror"
+                  >
+                     
+                  </span>
+                </div>
               </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <span
         class="ant-calendar-picker"
       >
-        <div>
+        <div
+          id="TriggerContainer"
+        >
+          <div>
+            <input
+              class="ant-calendar-picker-input ant-input"
+              placeholder="Select date"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
+          </div>
+        </div>
+      </span>
+      <div
+        id="TriggerContainer"
+      >
+        <span
+          class="ant-time-picker "
+        >
           <input
-            class="ant-calendar-picker-input ant-input"
-            placeholder="Select date"
+            class="ant-time-picker-input"
+            placeholder="Select time"
             readonly=""
+            type="text"
             value=""
           />
           <span
-            class="ant-calendar-picker-icon"
+            class="ant-time-picker-icon"
           />
-        </div>
-      </span>
-      <span
-        class="ant-time-picker "
-      >
-        <input
-          class="ant-time-picker-input"
-          placeholder="Select time"
-          readonly=""
-          type="text"
-          value=""
-        />
-        <span
-          class="ant-time-picker-icon"
-        />
-      </span>
+        </span>
+      </div>
       <span
         class="ant-calendar-picker"
         style="width:200px;"
       >
-        <span
-          class="ant-calendar-picker-input ant-input"
+        <div
+          id="TriggerContainer"
         >
-          <input
-            class="ant-calendar-range-picker-input"
-            placeholder="Start date"
-            readonly=""
-            value=""
-          />
           <span
-            class="ant-calendar-range-picker-separator"
+            class="ant-calendar-picker-input ant-input"
           >
-             ~ 
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="Start date"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-range-picker-separator"
+            >
+               ~ 
+            </span>
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="End date"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
           </span>
-          <input
-            class="ant-calendar-range-picker-input"
-            placeholder="End date"
-            readonly=""
-            value=""
-          />
-          <span
-            class="ant-calendar-picker-icon"
-          />
-        </span>
+        </div>
       </span>
     </div>
     <div
@@ -299,11 +319,15 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           Show confirm
         </span>
       </button>
-      <a
-        href="#"
+      <div
+        id="TriggerContainer"
       >
-        Click to confirm
-      </a>
+        <a
+          href="#"
+        >
+          Click to confirm
+        </a>
+      </div>
     </div>
     <div
       class="example"
@@ -477,67 +501,75 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           class="ant-fullcalendar-header"
         >
           <div
-            class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title="2016"
+                  class="ant-select-selection__rendered"
                 >
-                  2016
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title="2016"
+                  >
+                    2016
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
           <div
-            class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+            id="TriggerContainer"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
             >
               <div
-                class="ant-select-selection__rendered"
+                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-selected-value"
-                  style="display:block;opacity:1;"
-                  title="Nov"
+                  class="ant-select-selection__rendered"
                 >
-                  Nov
+                  <div
+                    class="ant-select-selection-selected-value"
+                    style="display:block;opacity:1;"
+                    title="Nov"
+                  >
+                    Nov
+                  </div>
                 </div>
+                <span
+                  class="ant-select-arrow"
+                  style="user-select:none;-webkit-user-select:none;"
+                  unselectable="unselectable"
+                >
+                  <b />
+                </span>
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
           </div>
           <div
@@ -1509,10 +1541,14 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
                         >
                           <span>
                             Name
-                            <i
-                              class="anticon anticon-filter ant-dropdown-trigger"
-                              title="Filter menu"
-                            />
+                            <div
+                              id="TriggerContainer"
+                            >
+                              <i
+                                class="anticon anticon-filter ant-dropdown-trigger"
+                                title="Filter menu"
+                              />
+                            </div>
                           </span>
                         </th>
                         <th
@@ -1619,35 +1655,39 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
       class="ant-pagination-options"
     >
       <div
-        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-pagination-options-size-changer ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="10 / page"
+              class="ant-select-selection__rendered"
             >
-              10 / page
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="10 / page"
+              >
+                10 / page
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
     </li>
diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index d8fbd05f3e..5db04c57dd 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -7,27 +7,35 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
   role="menu"
   tabindex="0"
 >
-  <li
-    aria-selected="true"
-    class="ant-menu-item-selected ant-menu-item"
-    role="menuitem"
+  <div
+    id="TriggerContainer"
   >
-    <i
-      class="anticon anticon-mail"
-    />
-    Navigation One
-  </li>
-  <li
-    aria-disabled="true"
-    aria-selected="false"
-    class="ant-menu-item-disabled ant-menu-item"
-    role="menuitem"
+    <li
+      aria-selected="true"
+      class="ant-menu-item-selected ant-menu-item"
+      role="menuitem"
+    >
+      <i
+        class="anticon anticon-mail"
+      />
+      Navigation One
+    </li>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <i
-      class="anticon anticon-appstore"
-    />
-    Navigation Two
-  </li>
+    <li
+      aria-disabled="true"
+      aria-selected="false"
+      class="ant-menu-item-disabled ant-menu-item"
+      role="menuitem"
+    >
+      <i
+        class="anticon anticon-appstore"
+      />
+      Navigation Two
+    </li>
+  </div>
   <li
     class="ant-menu-submenu-horizontal ant-menu-submenu"
   >
@@ -45,19 +53,23 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
       </span>
     </div>
   </li>
-  <li
-    aria-selected="false"
-    class="ant-menu-item"
-    role="menuitem"
+  <div
+    id="TriggerContainer"
   >
-    <a
-      href="https://ant.design"
-      rel="noopener noreferrer"
-      target="_blank"
+    <li
+      aria-selected="false"
+      class="ant-menu-item"
+      role="menuitem"
     >
-      Navigation Four - Link
-    </a>
-  </li>
+      <a
+        href="https://ant.design"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        Navigation Four - Link
+      </a>
+    </li>
+  </div>
 </ul>
 `;
 
@@ -105,22 +117,30 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         <ul
           class="ant-menu-item-group-list"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
+          <div
+            id="TriggerContainer"
           >
-            Option 1
-          </li>
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
+            <li
+              aria-selected="true"
+              class="ant-menu-item-selected ant-menu-item"
+              role="menuitem"
+              style="padding-left:48px;"
+            >
+              Option 1
+            </li>
+          </div>
+          <div
+            id="TriggerContainer"
           >
-            Option 2
-          </li>
+            <li
+              aria-selected="false"
+              class="ant-menu-item"
+              role="menuitem"
+              style="padding-left:48px;"
+            >
+              Option 2
+            </li>
+          </div>
         </ul>
       </li>
       <li
@@ -134,22 +154,30 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         <ul
           class="ant-menu-item-group-list"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
+          <div
+            id="TriggerContainer"
           >
-            Option 3
-          </li>
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
+            <li
+              aria-selected="false"
+              class="ant-menu-item"
+              role="menuitem"
+              style="padding-left:48px;"
+            >
+              Option 3
+            </li>
+          </div>
+          <div
+            id="TriggerContainer"
           >
-            Option 4
-          </li>
+            <li
+              aria-selected="false"
+              class="ant-menu-item"
+              role="menuitem"
+              style="padding-left:48px;"
+            >
+              Option 4
+            </li>
+          </div>
         </ul>
       </li>
     </ul>
@@ -216,45 +244,57 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
     role="menu"
     tabindex="0"
   >
-    <li
-      aria-selected="true"
-      class="ant-menu-item-selected ant-menu-item"
-      role="menuitem"
-      style="padding-left:24px;"
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-pie-chart"
-      />
-      <span>
-        Option 1
-      </span>
-    </li>
-    <li
-      aria-selected="false"
-      class="ant-menu-item"
-      role="menuitem"
-      style="padding-left:24px;"
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
+        style="padding-left:24px;"
+      >
+        <i
+          class="anticon anticon-pie-chart"
+        />
+        <span>
+          Option 1
+        </span>
+      </li>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-desktop"
-      />
-      <span>
-        Option 2
-      </span>
-    </li>
-    <li
-      aria-selected="false"
-      class="ant-menu-item"
-      role="menuitem"
-      style="padding-left:24px;"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:24px;"
+      >
+        <i
+          class="anticon anticon-desktop"
+        />
+        <span>
+          Option 2
+        </span>
+      </li>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-inbox"
-      />
-      <span>
-        Option 3
-      </span>
-    </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:24px;"
+      >
+        <i
+          class="anticon anticon-inbox"
+        />
+        <span>
+          Option 3
+        </span>
+      </li>
+    </div>
     <li
       class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
     >
@@ -280,38 +320,54 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+        <div
+          id="TriggerContainer"
         >
-          Option 5
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 5
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 6
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 6
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 7
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 7
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 8
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 8
+          </li>
+        </div>
       </ul>
     </li>
     <li
@@ -371,38 +427,54 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
       id="sub1$Menu"
       role="menu"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:48px;"
+      <div
+        id="TriggerContainer"
       >
-        Option 1
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:48px;"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
+        >
+          Option 1
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        Option 2
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:48px;"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
+        >
+          Option 2
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        Option 3
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:48px;"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
+        >
+          Option 3
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        Option 4
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
+        >
+          Option 4
+        </li>
+      </div>
     </ul>
   </li>
   <li
@@ -481,28 +553,36 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
     style="width:240px;"
     tabindex="0"
   >
-    <li
-      aria-selected="true"
-      class="ant-menu-item-selected ant-menu-item"
-      role="menuitem"
-      style="padding-left:24px;"
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-mail"
-      />
-      Navigation One
-    </li>
-    <li
-      aria-selected="false"
-      class="ant-menu-item"
-      role="menuitem"
-      style="padding-left:24px;"
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
+        style="padding-left:24px;"
+      >
+        <i
+          class="anticon anticon-mail"
+        />
+        Navigation One
+      </li>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <i
-        class="anticon anticon-calendar"
-      />
-      Navigation Two
-    </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:24px;"
+      >
+        <i
+          class="anticon anticon-calendar"
+        />
+        Navigation Two
+      </li>
+    </div>
     <li
       class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
     >
@@ -528,22 +608,30 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+        <div
+          id="TriggerContainer"
         >
-          Option 3
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 3
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 4
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 4
+          </li>
+        </div>
         <li
           class="ant-menu-submenu-inline ant-menu-submenu"
         >
@@ -630,38 +718,54 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+        <div
+          id="TriggerContainer"
         >
-          Option 1
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 1
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 2
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 2
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 3
-        </li>
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 3
+          </li>
+        </div>
+        <div
+          id="TriggerContainer"
         >
-          Option 4
-        </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
+          >
+            Option 4
+          </li>
+        </div>
       </ul>
     </li>
     <li
diff --git a/components/notification/__tests__/__snapshots__/demo.test.js.snap b/components/notification/__tests__/__snapshots__/demo.test.js.snap
index 6c013d84dd..a6c10bb69a 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.js.snap
@@ -47,36 +47,40 @@ exports[`renders ./components/notification/demo/duration.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;"
+    id="TriggerContainer"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select ant-select-enabled"
+      style="width:120px;margin-right:10px;"
     >
       <div
-        class="ant-select-selection__rendered"
+        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-selected-value"
-          style="display:block;opacity:1;"
-          title="topRight"
+          class="ant-select-selection__rendered"
         >
-          topRight
+          <div
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="topRight"
+          >
+            topRight
+          </div>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
-      >
-        <b />
-      </span>
     </div>
   </div>
   <button
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 99ce395216..04be301406 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -165,35 +165,39 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
     class="ant-pagination-options"
   >
     <div
-      class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="10 条/页"
+            class="ant-select-selection__rendered"
           >
-            10 条/页
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="10 条/页"
+            >
+              10 条/页
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </div>
   </li>
@@ -614,35 +618,39 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
       class="ant-pagination-options"
     >
       <div
-        class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
+        id="TriggerContainer"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-selection__rendered"
+            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-selected-value"
-              style="display:block;opacity:1;"
-              title="10 条/页"
+              class="ant-select-selection__rendered"
             >
-              10 条/页
+              <div
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="10 条/页"
+              >
+                10 条/页
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
       </div>
       <div
diff --git a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
index 004ef45115..8bcc284bd9 100644
--- a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
@@ -1,20 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
-<a
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Delete
-</a>
+  <a
+    href="#"
+  >
+    Delete
+  </a>
+</div>
 `;
 
 exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
 <div>
-  <a
-    href="#"
+  <div
+    id="TriggerContainer"
   >
-    Delete a task
-  </a>
+    <a
+      href="#"
+    >
+      Delete a task
+    </a>
+  </div>
   <br />
   <br />
   Whether directly execute：
@@ -30,11 +38,15 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
 `;
 
 exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
-<a
-  href="#"
+<div
+  id="TriggerContainer"
 >
-  Delete
-</a>
+  <a
+    href="#"
+  >
+    Delete
+  </a>
+</div>
 `;
 
 exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
@@ -44,114 +56,162 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:70px;white-space:nowrap;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        TL
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          TL
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Top
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Top
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        TR
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          TR
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="width:70px;float:left;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        LT
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          LT
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Left
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Left
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        LB
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          LB
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="width:70px;margin-left:304px;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        RT
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          RT
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Right
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Right
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        RB
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          RB
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="margin-left:70px;clear:both;white-space:nowrap;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        BL
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          BL
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Bottom
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Bottom
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        BR
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          BR
+        </span>
+      </button>
+    </div>
   </div>
 </div>
 `;
diff --git a/components/popover/__tests__/__snapshots__/demo.test.js.snap b/components/popover/__tests__/__snapshots__/demo.test.js.snap
index bf241f1e9a..1616e59f10 100644
--- a/components/popover/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popover/__tests__/__snapshots__/demo.test.js.snap
@@ -2,47 +2,63 @@
 
 exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
+  <div
+    id="TriggerContainer"
+  >
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Align edge / 边缘对齐
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Arrow points to center / 箭头指向中心
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <button
-    class="ant-btn"
+    class="ant-btn ant-btn-primary"
     type="button"
   >
     <span>
-      Align edge / 边缘对齐
+      Hover me
     </span>
   </button>
+</div>
+`;
+
+exports[`renders ./components/popover/demo/control.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <button
-    class="ant-btn"
+    class="ant-btn ant-btn-primary"
     type="button"
   >
     <span>
-      Arrow points to center / 箭头指向中心
+      Click me
     </span>
   </button>
 </div>
 `;
 
-exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
-<button
-  class="ant-btn ant-btn-primary"
-  type="button"
->
-  <span>
-    Hover me
-  </span>
-</button>
-`;
-
-exports[`renders ./components/popover/demo/control.md correctly 1`] = `
-<button
-  class="ant-btn ant-btn-primary"
-  type="button"
->
-  <span>
-    Click me
-  </span>
-</button>
-`;
-
 exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
 <div
   class="demo"
@@ -50,143 +66,203 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:70px;white-space:nowrap;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        TL
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          TL
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Top
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Top
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        TR
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          TR
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="width:70px;float:left;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        LT
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          LT
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Left
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Left
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        LB
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          LB
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="width:70px;margin-left:304px;"
   >
-    <button
-      class="ant-btn"
-      type="button"
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        RT
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          RT
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        Right
-      </span>
-    </button>
-    <button
-      class="ant-btn"
-      type="button"
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Right
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      <span>
-        RB
-      </span>
-    </button>
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          RB
+        </span>
+      </button>
+    </div>
   </div>
   <div
     style="margin-left:70px;clear:both;white-space:nowrap;"
+  >
+    <div
+      id="TriggerContainer"
+    >
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          BL
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
+    >
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          Bottom
+        </span>
+      </button>
+    </div>
+    <div
+      id="TriggerContainer"
+    >
+      <button
+        class="ant-btn"
+        type="button"
+      >
+        <span>
+          BR
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
+<div>
+  <div
+    id="TriggerContainer"
   >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        BL
+        Hover me
       </span>
     </button>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        Bottom
+        Focus me
       </span>
     </button>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        BR
+        Click me
       </span>
     </button>
   </div>
 </div>
 `;
-
-exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
-<div>
-  <button
-    class="ant-btn"
-    type="button"
-  >
-    <span>
-      Hover me
-    </span>
-  </button>
-  <button
-    class="ant-btn"
-    type="button"
-  >
-    <span>
-      Focus me
-    </span>
-  </button>
-  <button
-    class="ant-btn"
-    type="button"
-  >
-    <span>
-      Click me
-    </span>
-  </button>
-</div>
-`;
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index 0018750fee..78d66e823b 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -2,40 +2,44 @@
 
 exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
 <div
-  class="ant-select ant-select-enabled"
-  style="width:100%;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--multiple"
-    role="combobox"
+    class="ant-select ant-select-enabled"
+    style="width:100%;"
   >
     <div
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--multiple"
+      role="combobox"
     >
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
-        >
-          <div
-            class="ant-select-search__field__wrap"
+      <div
+        class="ant-select-selection__rendered"
+      >
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            <input
-              autocomplete="off"
-              class="ant-select-search__field"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
+            <div
+              class="ant-select-search__field__wrap"
             >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value=""
+              />
+              <span
+                class="ant-select-search__field__mirror"
+              >
+                 
+              </span>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -44,41 +48,94 @@ exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`
 exports[`renders ./components/select/demo/basic.md correctly 1`] = `
 <div>
   <div
-    class="ant-select ant-select-enabled"
-    style="width:120px;"
+    id="TriggerContainer"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select ant-select-enabled"
+      style="width:120px;"
     >
       <div
-        class="ant-select-selection__rendered"
+        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-selected-value"
-          style="display:block;opacity:1;"
-          title="Lucy"
+          class="ant-select-selection__rendered"
         >
-          Lucy
+          <div
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Lucy"
+          >
+            Lucy
+          </div>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+    </div>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <div
+      class="ant-select ant-select-disabled ant-select-allow-clear"
+      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"
       >
-        <b />
-      </span>
+        <div
+          class="ant-select-selection__rendered"
+        >
+          <div
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Lucy"
+          >
+            Lucy
+          </div>
+        </div>
+        <span
+          class="ant-select-selection__clear"
+          style="user-select:none;-webkit-user-select:none;display:block;"
+          unselectable="unselectable"
+        />
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
+      </div>
     </div>
   </div>
+</div>
+`;
+
+exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <div
-    class="ant-select ant-select-disabled ant-select-allow-clear"
-    style="width:120px;"
+    class="ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
       aria-autocomplete="list"
@@ -87,24 +144,38 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
       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"
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          Lucy
+          Enter the account name
         </div>
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
+          >
+            <div
+              class="ant-select-search__field__wrap"
+            >
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value=""
+              />
+              <span
+                class="ant-select-search__field__mirror"
+              >
+                 
+              </span>
+            </div>
+          </li>
+        </ul>
       </div>
-      <span
-        class="ant-select-selection__clear"
-        style="user-select:none;-webkit-user-select:none;display:block;"
-        unselectable="unselectable"
-      />
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
@@ -117,66 +188,92 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
-<div
-  class="ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;"
->
+exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
+<div>
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
+    id="TriggerContainer"
   >
     <div
-      class="ant-select-selection__rendered"
+      class="ant-select ant-select-enabled"
+      style="width:90px;"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
-        Enter the account name
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-search__field__wrap"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Zhejiang"
           >
-            <input
-              autocomplete="off"
-              class="ant-select-search__field"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
+            Zhejiang
           </div>
-        </li>
-      </ul>
+        </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
+      </div>
     </div>
-    <span
-      class="ant-select-arrow"
-      style="user-select:none;-webkit-user-select:none;"
-      unselectable="unselectable"
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <div
+      class="ant-select ant-select-enabled"
+      style="width:90px;"
     >
-      <b />
-    </span>
+      <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>
 </div>
 `;
 
-exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
-<div>
+exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <div
     class="ant-select ant-select-enabled"
-    style="width:90px;"
+    style="width:120px;"
   >
     <div
       aria-autocomplete="list"
@@ -193,9 +290,9 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Zhejiang"
+          title="Lucy (101)"
         >
-          Zhejiang
+          Lucy (101)
         </div>
       </div>
       <span
@@ -207,134 +304,161 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
       </span>
     </div>
   </div>
+</div>
+`;
+
+exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <div
     class="ant-select ant-select-enabled"
-    style="width:90px;"
+    style="width:100%;"
   >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
       aria-haspopup="true"
       class="ant-select-selection
-                ant-select-selection--single"
+                ant-select-selection--multiple"
       role="combobox"
-      tabindex="0"
     >
       <div
         class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection-selected-value"
-          style="display:block;opacity:1;"
-          title="Hangzhou"
+          class="ant-select-selection__placeholder"
+          style="display:none;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          Hangzhou
+          Please select
         </div>
+        <ul>
+          <li
+            class="ant-select-selection__choice"
+            style="user-select:none;-webkit-user-select:none;"
+            title="a10"
+            unselectable="unselectable"
+          >
+            <div
+              class="ant-select-selection__choice__content"
+            >
+              a10
+            </div>
+            <span
+              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"
+          >
+            <div
+              class="ant-select-selection__choice__content"
+            >
+              c12
+            </div>
+            <span
+              class="ant-select-selection__choice__remove"
+            />
+          </li>
+          <li
+            class="ant-select-search ant-select-search--inline"
+          >
+            <div
+              class="ant-select-search__field__wrap"
+            >
+              <input
+                autocomplete="off"
+                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>
 </div>
 `;
 
-exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
+exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
 <div
-  class="ant-select ant-select-enabled"
-  style="width:120px;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
-    tabindex="0"
+    class="ant-select ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select-selection__rendered"
+      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-selected-value"
-        style="display:block;opacity:1;"
-        title="Lucy (101)"
+        class="ant-select-selection__rendered"
       >
-        Lucy (101)
+        <div
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Lucy"
+        >
+          Lucy
+        </div>
       </div>
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        <b />
+      </span>
     </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`] = `
+exports[`renders ./components/select/demo/search.md correctly 1`] = `
 <div
-  class="ant-select ant-select-enabled"
-  style="width:100%;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--multiple"
-    role="combobox"
+    class="ant-select ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select-selection__rendered"
+      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__placeholder"
-        style="display:none;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        class="ant-select-selection__rendered"
       >
-        Please select
-      </div>
-      <ul>
-        <li
-          class="ant-select-selection__choice"
-          style="user-select:none;-webkit-user-select:none;"
-          title="a10"
-          unselectable="unselectable"
-        >
-          <div
-            class="ant-select-selection__choice__content"
-          >
-            a10
-          </div>
-          <span
-            class="ant-select-selection__choice__remove"
-          />
-        </li>
-        <li
-          class="ant-select-selection__choice"
-          style="user-select:none;-webkit-user-select:none;"
-          title="c12"
+        <div
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
           unselectable="unselectable"
         >
-          <div
-            class="ant-select-selection__choice__content"
-          >
-            c12
-          </div>
-          <span
-            class="ant-select-selection__choice__remove"
-          />
-        </li>
-        <li
+          Select a person
+        </div>
+        <div
           class="ant-select-search ant-select-search--inline"
+          style="display:none;"
         >
           <div
             class="ant-select-search__field__wrap"
@@ -350,147 +474,67 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
                
             </span>
           </div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
-<div
-  class="ant-select 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"
-    tabindex="0"
-  >
-    <div
-      class="ant-select-selection__rendered"
-    >
-      <div
-        class="ant-select-selection-selected-value"
-        style="display:block;opacity:1;"
-        title="Lucy"
-      >
-        Lucy
+        </div>
       </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/search.md correctly 1`] = `
-<div
-  class="ant-select 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"
-    tabindex="0"
-  >
-    <div
-      class="ant-select-selection__rendered"
-    >
-      <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
         unselectable="unselectable"
       >
-        Select a person
-      </div>
-      <div
-        class="ant-select-search ant-select-search--inline"
-        style="display:none;"
-      >
-        <div
-          class="ant-select-search__field__wrap"
-        >
-          <input
-            autocomplete="off"
-            class="ant-select-search__field"
-            value=""
-          />
-          <span
-            class="ant-select-search__field__mirror"
-          >
-             
-          </span>
-        </div>
-      </div>
+        <b />
+      </span>
     </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/search-box.md correctly 1`] = `
 <div
-  class="ant-select ant-select-combobox ant-select-enabled"
-  style="width:200px;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
+    class="ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        class="ant-select-selection__rendered"
       >
-        input search text
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          <div
-            class="ant-select-search__field__wrap"
+          input search text
+        </div>
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            <input
-              autocomplete="off"
-              class="ant-select-search__field"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
+            <div
+              class="ant-select-search__field__wrap"
             >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value=""
+              />
+              <span
+                class="ant-select-search__field__mirror"
+              >
+                 
+              </span>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -498,47 +542,51 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
 
 exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
 <div
-  class="ant-select ant-select-enabled"
-  style="width:100%;"
+  id="TriggerContainer"
 >
   <div
-    aria-autocomplete="list"
-    aria-expanded="false"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--multiple"
-    role="combobox"
+    class="ant-select ant-select-enabled"
+    style="width:100%;"
   >
     <div
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--multiple"
+      role="combobox"
     >
       <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+        class="ant-select-selection__rendered"
       >
-        Select users
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__placeholder"
+          style="display:block;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          <div
-            class="ant-select-search__field__wrap"
+          Select users
+        </div>
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            <input
-              autocomplete="off"
-              class="ant-select-search__field"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
+            <div
+              class="ant-select-search__field__wrap"
             >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value=""
+              />
+              <span
+                class="ant-select-search__field__mirror"
+              >
+                 
+              </span>
+            </div>
+          </li>
+        </ul>
+      </div>
     </div>
   </div>
 </div>
@@ -608,161 +656,259 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
   <br />
   <br />
   <div
-    class="ant-select ant-select-enabled"
-    style="width:200px;"
+    id="TriggerContainer"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select ant-select-enabled"
+      style="width:200px;"
     >
       <div
-        class="ant-select-selection__rendered"
+        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-selected-value"
-          style="display:block;opacity:1;"
-          title="a1"
+          class="ant-select-selection__rendered"
         >
-          a1
+          <div
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="a1"
+          >
+            a1
+          </div>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
+    </div>
+  </div>
+  <br />
+  <div
+    id="TriggerContainer"
+  >
+    <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"
       >
-        <b />
-      </span>
+        <div
+          class="ant-select-selection__rendered"
+        >
+          <ul>
+            <li
+              class="ant-select-search ant-select-search--inline"
+            >
+              <div
+                class="ant-select-search__field__wrap"
+              >
+                <input
+                  autocomplete="off"
+                  class="ant-select-search__field"
+                  value="a1"
+                />
+                <span
+                  class="ant-select-search__field__mirror"
+                >
+                  a1 
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
+      </div>
     </div>
   </div>
   <br />
   <div
-    class="ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    id="TriggerContainer"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
+      class="ant-select ant-select-enabled"
+      style="width:100%;"
     >
       <div
-        class="ant-select-selection__rendered"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--multiple"
+        role="combobox"
       >
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+        <div
+          class="ant-select-selection__rendered"
+        >
+          <div
+            class="ant-select-selection__placeholder"
+            style="display:none;user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            Please select
+          </div>
+          <ul>
+            <li
+              class="ant-select-selection__choice"
+              style="user-select:none;-webkit-user-select:none;"
+              title="a10"
+              unselectable="unselectable"
             >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value="a1"
+              <div
+                class="ant-select-selection__choice__content"
+              >
+                a10
+              </div>
+              <span
+                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"
+            >
+              <div
+                class="ant-select-selection__choice__content"
+              >
+                c12
+              </div>
               <span
-                class="ant-select-search__field__mirror"
+                class="ant-select-selection__choice__remove"
+              />
+            </li>
+            <li
+              class="ant-select-search ant-select-search--inline"
+            >
+              <div
+                class="ant-select-search__field__wrap"
               >
-                a1 
-              </span>
-            </div>
-          </li>
-        </ul>
+                <input
+                  autocomplete="off"
+                  class="ant-select-search__field"
+                  value=""
+                />
+                <span
+                  class="ant-select-search__field__mirror"
+                >
+                   
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
-      >
-        <b />
-      </span>
     </div>
   </div>
   <br />
   <div
-    class="ant-select ant-select-enabled"
-    style="width:100%;"
+    id="TriggerContainer"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--multiple"
-      role="combobox"
+      class="ant-select ant-select-enabled"
+      style="width:100%;"
     >
       <div
-        class="ant-select-selection__rendered"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--multiple"
+        role="combobox"
       >
         <div
-          class="ant-select-selection__placeholder"
-          style="display:none;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+          class="ant-select-selection__rendered"
         >
-          Please select
-        </div>
-        <ul>
-          <li
-            class="ant-select-selection__choice"
-            style="user-select:none;-webkit-user-select:none;"
-            title="a10"
-            unselectable="unselectable"
-          >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              a10
-            </div>
-            <span
-              class="ant-select-selection__choice__remove"
-            />
-          </li>
-          <li
-            class="ant-select-selection__choice"
-            style="user-select:none;-webkit-user-select:none;"
-            title="c12"
+          <div
+            class="ant-select-selection__placeholder"
+            style="display:none;user-select:none;-webkit-user-select:none;"
             unselectable="unselectable"
           >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              c12
-            </div>
-            <span
-              class="ant-select-selection__choice__remove"
-            />
-          </li>
-          <li
-            class="ant-select-search ant-select-search--inline"
-          >
-            <div
-              class="ant-select-search__field__wrap"
+            Please select
+          </div>
+          <ul>
+            <li
+              class="ant-select-selection__choice"
+              style="user-select:none;-webkit-user-select:none;"
+              title="a10"
+              unselectable="unselectable"
             >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value=""
+              <div
+                class="ant-select-selection__choice__content"
+              >
+                a10
+              </div>
+              <span
+                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"
+            >
+              <div
+                class="ant-select-selection__choice__content"
+              >
+                c12
+              </div>
               <span
-                class="ant-select-search__field__mirror"
+                class="ant-select-selection__choice__remove"
+              />
+            </li>
+            <li
+              class="ant-select-search ant-select-search--inline"
+            >
+              <div
+                class="ant-select-search__field__wrap"
               >
-                 
-              </span>
-            </div>
-          </li>
-        </ul>
+                <input
+                  autocomplete="off"
+                  class="ant-select-search__field"
+                  value=""
+                />
+                <span
+                  class="ant-select-search__field__mirror"
+                >
+                   
+                </span>
+              </div>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
   </div>
-  <br />
+</div>
+`;
+
+exports[`renders ./components/select/demo/tags.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <div
     class="ant-select ant-select-enabled"
     style="width:100%;"
@@ -780,42 +926,12 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
       >
         <div
           class="ant-select-selection__placeholder"
-          style="display:none;user-select:none;-webkit-user-select:none;"
+          style="display:block;user-select:none;-webkit-user-select:none;"
           unselectable="unselectable"
         >
-          Please select
+          Tags Mode
         </div>
         <ul>
-          <li
-            class="ant-select-selection__choice"
-            style="user-select:none;-webkit-user-select:none;"
-            title="a10"
-            unselectable="unselectable"
-          >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              a10
-            </div>
-            <span
-              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"
-          >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              c12
-            </div>
-            <span
-              class="ant-select-selection__choice__remove"
-            />
-          </li>
           <li
             class="ant-select-search ant-select-search--inline"
           >
@@ -840,51 +956,3 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
   </div>
 </div>
 `;
-
-exports[`renders ./components/select/demo/tags.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"
-  >
-    <div
-      class="ant-select-selection__rendered"
-    >
-      <div
-        class="ant-select-selection__placeholder"
-        style="display:block;user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
-      >
-        Tags Mode
-      </div>
-      <ul>
-        <li
-          class="ant-select-search ant-select-search--inline"
-        >
-          <div
-            class="ant-select-search__field__wrap"
-          >
-            <input
-              autocomplete="off"
-              class="ant-select-search__field"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
-          </div>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-`;
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 3e8ef956ab..9d8304a901 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -16,14 +16,18 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="30"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:30%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="30"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:30%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -42,23 +46,31 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="20"
-      class="ant-slider-handle ant-slider-handle-1"
-      role="slider"
-      style="left:20%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="20"
+        class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
+        style="left:20%;"
+      />
+    </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="50"
-      class="ant-slider-handle ant-slider-handle-2"
-      role="slider"
-      style="left:50%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="50"
+        class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
+        style="left:50%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -91,14 +103,18 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="30"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:30%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="30"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:30%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -117,23 +133,31 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="20"
-      class="ant-slider-handle ant-slider-handle-1"
-      role="slider"
-      style="left:20%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="20"
+        class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
+        style="left:20%;"
+      />
+    </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="50"
-      class="ant-slider-handle ant-slider-handle-2"
-      role="slider"
-      style="left:50%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="50"
+        class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
+        style="left:50%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -162,14 +186,18 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="20"
-      aria-valuemin="0"
-      aria-valuenow="0"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:0%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="20"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:0%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -202,14 +230,18 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
-          aria-disabled="false"
-          aria-valuemax="20"
-          aria-valuemin="1"
-          aria-valuenow="1"
-          class="ant-slider-handle"
-          role="slider"
-          style="left:0%;"
-        />
+          id="TriggerContainer"
+        >
+          <div
+            aria-disabled="false"
+            aria-valuemax="20"
+            aria-valuemin="1"
+            aria-valuenow="1"
+            class="ant-slider-handle"
+            role="slider"
+            style="left:0%;"
+          />
+        </div>
         <div
           class="ant-slider-mark"
         />
@@ -289,14 +321,18 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
-          aria-disabled="false"
-          aria-valuemax="1"
-          aria-valuemin="0"
-          aria-valuenow="0"
-          class="ant-slider-handle"
-          role="slider"
-          style="left:0%;"
-        />
+          id="TriggerContainer"
+        >
+          <div
+            aria-disabled="false"
+            aria-valuemax="1"
+            aria-valuemin="0"
+            aria-valuenow="0"
+            class="ant-slider-handle"
+            role="slider"
+            style="left:0%;"
+          />
+        </div>
         <div
           class="ant-slider-mark"
         />
@@ -395,14 +431,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="37"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:37%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:37%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     >
@@ -465,23 +505,31 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="26"
-      class="ant-slider-handle ant-slider-handle-1"
-      role="slider"
-      style="left:26%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="26"
+        class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
+        style="left:26%;"
+      />
+    </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="37"
-      class="ant-slider-handle ant-slider-handle-2"
-      role="slider"
-      style="left:37%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
+        style="left:37%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     >
@@ -547,14 +595,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="37"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:37%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:37%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     >
@@ -620,14 +672,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="37"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:37%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:37%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     >
@@ -693,14 +749,18 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="37"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:37%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:37%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     >
@@ -751,14 +811,18 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="0"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:0%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:0%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -777,14 +841,18 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      aria-disabled="false"
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="0"
-      class="ant-slider-handle"
-      role="slider"
-      style="left:0%;"
-    />
+      id="TriggerContainer"
+    >
+      <div
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="0"
+        class="ant-slider-handle"
+        role="slider"
+        style="left:0%;"
+      />
+    </div>
     <div
       class="ant-slider-mark"
     />
@@ -813,14 +881,18 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="30"
-        class="ant-slider-handle"
-        role="slider"
-        style="bottom:30%;"
-      />
+        id="TriggerContainer"
+      >
+        <div
+          aria-disabled="false"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="30"
+          class="ant-slider-handle"
+          role="slider"
+          style="bottom:30%;"
+        />
+      </div>
       <div
         class="ant-slider-mark"
       />
@@ -843,23 +915,31 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="20"
-        class="ant-slider-handle ant-slider-handle-1"
-        role="slider"
-        style="bottom:20%;"
-      />
+        id="TriggerContainer"
+      >
+        <div
+          aria-disabled="false"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="20"
+          class="ant-slider-handle ant-slider-handle-1"
+          role="slider"
+          style="bottom:20%;"
+        />
+      </div>
       <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="50"
-        class="ant-slider-handle ant-slider-handle-2"
-        role="slider"
-        style="bottom:50%;"
-      />
+        id="TriggerContainer"
+      >
+        <div
+          aria-disabled="false"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="50"
+          class="ant-slider-handle ant-slider-handle-2"
+          role="slider"
+          style="bottom:50%;"
+        />
+      </div>
       <div
         class="ant-slider-mark"
       />
@@ -899,23 +979,31 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         />
       </div>
       <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="26"
-        class="ant-slider-handle ant-slider-handle-1"
-        role="slider"
-        style="bottom:26%;"
-      />
+        id="TriggerContainer"
+      >
+        <div
+          aria-disabled="false"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="26"
+          class="ant-slider-handle ant-slider-handle-1"
+          role="slider"
+          style="bottom:26%;"
+        />
+      </div>
       <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle ant-slider-handle-2"
-        role="slider"
-        style="bottom:37%;"
-      />
+        id="TriggerContainer"
+      >
+        <div
+          aria-disabled="false"
+          aria-valuemax="100"
+          aria-valuemin="0"
+          aria-valuenow="37"
+          class="ant-slider-handle ant-slider-handle-2"
+          role="slider"
+          style="bottom:37%;"
+        />
+      </div>
       <div
         class="ant-slider-mark"
       >
diff --git a/components/steps/__tests__/__snapshots__/demo.test.js.snap b/components/steps/__tests__/__snapshots__/demo.test.js.snap
index 2e4bf73980..924e5f95fa 100644
--- a/components/steps/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/steps/__tests__/__snapshots__/demo.test.js.snap
@@ -26,9 +26,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <span
-              class="ant-steps-icon-dot"
-            />
+            <div
+              id="TriggerContainer"
+            >
+              <span
+                class="ant-steps-icon-dot"
+              />
+            </div>
           </span>
         </div>
       </div>
@@ -70,9 +74,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <span
-              class="ant-steps-icon-dot"
-            />
+            <div
+              id="TriggerContainer"
+            >
+              <span
+                class="ant-steps-icon-dot"
+              />
+            </div>
           </span>
         </div>
       </div>
@@ -114,9 +122,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <span
-              class="ant-steps-icon-dot"
-            />
+            <div
+              id="TriggerContainer"
+            >
+              <span
+                class="ant-steps-icon-dot"
+              />
+            </div>
           </span>
         </div>
       </div>
@@ -157,9 +169,13 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <span
-              class="ant-steps-icon-dot"
-            />
+            <div
+              id="TriggerContainer"
+            >
+              <span
+                class="ant-steps-icon-dot"
+              />
+            </div>
           </span>
         </div>
       </div>
diff --git a/components/table/__tests__/Table.filter.test.js b/components/table/__tests__/Table.filter.test.js
index d642e47fe5..74d4070fac 100644
--- a/components/table/__tests__/Table.filter.test.js
+++ b/components/table/__tests__/Table.filter.test.js
@@ -110,7 +110,7 @@ describe('Table.filter', () => {
       }],
     }));
 
-    wrapper.find('Dropdown').first().simulate('click');
+    wrapper.find('Icon').first().simulate('click');
 
     expect(handleChange).toBeCalledWith(true);
   });
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 44a4e19bc5..b27d23e923 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -50,10 +50,14 @@ exports[`Table.filter renders filter correctly 1`] = `
                   >
                     <span>
                       Name
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                 </tr>
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index 4454311846..0c63946919 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -11,24 +11,32 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
       role="menu"
       tabindex="0"
     >
-      <li
-        aria-selected="false"
-        class="ant-dropdown-menu-item"
-        role="menuitem"
+      <div
+        id="TriggerContainer"
       >
-        <div>
-          全选当页
-        </div>
-      </li>
-      <li
-        aria-selected="false"
-        class="ant-dropdown-menu-item"
-        role="menuitem"
+        <li
+          aria-selected="false"
+          class="ant-dropdown-menu-item"
+          role="menuitem"
+        >
+          <div>
+            全选当页
+          </div>
+        </li>
+      </div>
+      <div
+        id="TriggerContainer"
       >
-        <div>
-          反选当页
-        </div>
-      </li>
+        <li
+          aria-selected="false"
+          class="ant-dropdown-menu-item"
+          role="menuitem"
+        >
+          <div>
+            反选当页
+          </div>
+        </li>
+      </div>
     </ul>
   </div>
 </div>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index c5fdc39f19..4dd8e0547d 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -67,10 +67,14 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
                   >
                     <span>
                       Gender
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                   <th
@@ -888,11 +892,15 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   >
                     <span>
                       Name
-                      <i
-                        class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
-                        style="color:#aaa;"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
+                          style="color:#aaa;"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                   <th
@@ -907,10 +915,14 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   >
                     <span>
                       Address
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                 </tr>
@@ -2512,11 +2524,15 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     <td
                       class=""
                     >
-                      <a
-                        href="#"
+                      <div
+                        id="TriggerContainer"
                       >
-                        Delete
-                      </a>
+                        <a
+                          href="#"
+                        >
+                          Delete
+                        </a>
+                      </div>
                     </td>
                   </tr>
                   <tr
@@ -2555,11 +2571,15 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     <td
                       class=""
                     >
-                      <a
-                        href="#"
+                      <div
+                        id="TriggerContainer"
                       >
-                        Delete
-                      </a>
+                        <a
+                          href="#"
+                        >
+                          Delete
+                        </a>
+                      </div>
                     </td>
                   </tr>
                 </tbody>
@@ -6740,10 +6760,14 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     >
                       <span>
                         Name
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
+                        <div
+                          id="TriggerContainer"
+                        >
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选"
+                          />
+                        </div>
                       </span>
                     </th>
                     <th
@@ -7403,10 +7427,14 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     >
                       <span>
                         Name
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
+                        <div
+                          id="TriggerContainer"
+                        >
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选"
+                          />
+                        </div>
                       </span>
                     </th>
                   </tr>
@@ -7860,10 +7888,14 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                           />
                         </span>
                       </div>
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                   <th
@@ -7918,10 +7950,14 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                           />
                         </span>
                       </div>
-                      <i
-                        class="anticon anticon-filter ant-dropdown-trigger"
-                        title="筛选"
-                      />
+                      <div
+                        id="TriggerContainer"
+                      >
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
+                      </div>
                     </span>
                   </th>
                 </tr>
@@ -8748,10 +8784,14 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                             />
                           </span>
                         </div>
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
+                        <div
+                          id="TriggerContainer"
+                        >
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选"
+                          />
+                        </div>
                       </span>
                     </th>
                     <th
@@ -8806,10 +8846,14 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                             />
                           </span>
                         </div>
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
+                        <div
+                          id="TriggerContainer"
+                        >
+                          <i
+                            class="anticon anticon-filter ant-dropdown-trigger"
+                            title="筛选"
+                          />
+                        </div>
                       </span>
                     </th>
                   </tr>
@@ -9950,11 +9994,15 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
                           </span>
                         </label>
                         <div
-                          class="ant-table-selection-down ant-dropdown-trigger"
+                          id="TriggerContainer"
                         >
-                          <i
-                            class="anticon anticon-down"
-                          />
+                          <div
+                            class="ant-table-selection-down ant-dropdown-trigger"
+                          >
+                            <i
+                              class="anticon anticon-down"
+                            />
+                          </div>
                         </div>
                       </div>
                     </span>
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 67e04cf718..2f1d158b0b 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -794,35 +794,39 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
   >
     Tab position：
     <div
-      class="ant-select ant-select-enabled"
+      id="TriggerContainer"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-selection__rendered"
+          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-selected-value"
-            style="display:block;opacity:1;"
-            title="top"
+            class="ant-select-selection__rendered"
           >
-            top
+            <div
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="top"
+            >
+              top
+            </div>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
     </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 97b6a0de74..fcd4e81b98 100644
--- a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -2,20 +2,67 @@
 
 exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
 <div>
-  <span
-    class="ant-time-picker "
+  <div
+    id="TriggerContainer"
   >
-    <input
-      class="ant-time-picker-input"
-      placeholder="请选择时间"
-      readonly=""
-      type="text"
-      value=""
-    />
     <span
-      class="ant-time-picker-icon"
-    />
-  </span>
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
     class="ant-time-picker "
   >
@@ -30,6 +77,13 @@ exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
       class="ant-time-picker-icon"
     />
   </span>
+</div>
+`;
+
+exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
     class="ant-time-picker "
   >
@@ -47,115 +101,57 @@ exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
-<span
-  class="ant-time-picker "
->
-  <input
-    class="ant-time-picker-input"
-    placeholder="请选择时间"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <span
-    class="ant-time-picker-icon"
-  />
-</span>
-`;
-
-exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
-<span
-  class="ant-time-picker "
->
-  <input
-    class="ant-time-picker-input"
-    placeholder="请选择时间"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <span
-    class="ant-time-picker-icon"
-  />
-</span>
-`;
-
 exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
 <div>
-  <span
-    class="ant-time-picker "
+  <div
+    id="TriggerContainer"
   >
-    <input
-      class="ant-time-picker-input"
-      placeholder="Just Disabled"
-      readonly=""
-      type="text"
-      value=""
-    />
     <span
-      class="ant-time-picker-icon"
-    />
-  </span>
-  <span
-    class="ant-time-picker "
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="Just Disabled"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <input
-      class="ant-time-picker-input"
-      placeholder="Hide Directly"
-      readonly=""
-      type="text"
-      value=""
-    />
     <span
-      class="ant-time-picker-icon"
-    />
-  </span>
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="Hide Directly"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
 </div>
 `;
 
 exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
-<span
-  class="ant-time-picker "
->
-  <input
-    class="ant-time-picker-input"
-    disabled=""
-    placeholder="请选择时间"
-    readonly=""
-    type="text"
-    value="12:08:23"
-  />
-  <span
-    class="ant-time-picker-icon"
-  />
-</span>
-`;
-
-exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
-<span
-  class="ant-time-picker "
+<div
+  id="TriggerContainer"
 >
-  <input
-    class="ant-time-picker-input"
-    placeholder="请选择时间"
-    readonly=""
-    type="text"
-    value="12:08"
-  />
   <span
-    class="ant-time-picker-icon"
-  />
-</span>
-`;
-
-exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
-<div>
-  <span
-    class="ant-time-picker ant-time-picker-large"
+    class="ant-time-picker "
   >
     <input
       class="ant-time-picker-input"
+      disabled=""
       placeholder="请选择时间"
       readonly=""
       type="text"
@@ -165,6 +161,13 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
       class="ant-time-picker-icon"
     />
   </span>
+</div>
+`;
+
+exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
     class="ant-time-picker "
   >
@@ -173,21 +176,87 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08:23"
+      value="12:08"
     />
     <span
       class="ant-time-picker-icon"
     />
   </span>
+</div>
+`;
+
+exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
+<div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-time-picker ant-time-picker-large"
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value="12:08:23"
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-time-picker "
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value="12:08:23"
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+  <div
+    id="TriggerContainer"
+  >
+    <span
+      class="ant-time-picker ant-time-picker-small"
+    >
+      <input
+        class="ant-time-picker-input"
+        placeholder="请选择时间"
+        readonly=""
+        type="text"
+        value="12:08:23"
+      />
+      <span
+        class="ant-time-picker-icon"
+      />
+    </span>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
+<div
+  id="TriggerContainer"
+>
   <span
-    class="ant-time-picker ant-time-picker-small"
+    class="ant-time-picker "
   >
     <input
       class="ant-time-picker-input"
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08:23"
+      value=""
     />
     <span
       class="ant-time-picker-icon"
@@ -195,20 +264,3 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
   </span>
 </div>
 `;
-
-exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
-<span
-  class="ant-time-picker "
->
-  <input
-    class="ant-time-picker-input"
-    placeholder="请选择时间"
-    readonly=""
-    type="text"
-    value=""
-  />
-  <span
-    class="ant-time-picker-icon"
-  />
-</span>
-`;
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
index b79522394a..c1f27761e0 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
@@ -2,22 +2,30 @@
 
 exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
-  <button
-    class="ant-btn"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      Align edge / 边缘对齐
-    </span>
-  </button>
-  <button
-    class="ant-btn"
-    type="button"
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Align edge / 边缘对齐
+      </span>
+    </button>
+  </div>
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      Arrow points to center / 箭头指向中心
-    </span>
-  </button>
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Arrow points to center / 箭头指向中心
+      </span>
+    </button>
+  </div>
 </div>
 `;
 
@@ -25,30 +33,42 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`]
 <div
   style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
 >
-  <button
-    class="ant-btn"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      Adjust automatically / 自动调整
-    </span>
-  </button>
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Adjust automatically / 自动调整
+      </span>
+    </button>
+  </div>
   <br />
-  <button
-    class="ant-btn"
-    type="button"
+  <div
+    id="TriggerContainer"
   >
-    <span>
-      Ingore / 不处理
-    </span>
-  </button>
+    <button
+      class="ant-btn"
+      type="button"
+    >
+      <span>
+        Ingore / 不处理
+      </span>
+    </button>
+  </div>
 </div>
 `;
 
 exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
-<span>
-  Tooltip will show when mouse enter.
-</span>
+<div
+  id="TriggerContainer"
+>
+  <span>
+    Tooltip will show when mouse enter.
+  </span>
+</div>
 `;
 
 exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
@@ -56,78 +76,126 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:60px;"
   >
-    <a
-      href="#"
+    <div
+      id="TriggerContainer"
     >
-      TL
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        TL
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      Top
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        Top
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      TR
-    </a>
+      <a
+        href="#"
+      >
+        TR
+      </a>
+    </div>
   </div>
   <div
     style="width:60px;float:left;"
   >
-    <a
-      href="#"
+    <div
+      id="TriggerContainer"
     >
-      LT
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        LT
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      Left
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        Left
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      LB
-    </a>
+      <a
+        href="#"
+      >
+        LB
+      </a>
+    </div>
   </div>
   <div
     style="width:60px;margin-left:270px;"
   >
-    <a
-      href="#"
+    <div
+      id="TriggerContainer"
     >
-      RT
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        RT
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      Right
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        Right
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      RB
-    </a>
+      <a
+        href="#"
+      >
+        RB
+      </a>
+    </div>
   </div>
   <div
     style="margin-left:60px;clear:both;"
   >
-    <a
-      href="#"
+    <div
+      id="TriggerContainer"
     >
-      BL
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        BL
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      Bottom
-    </a>
-    <a
-      href="#"
+      <a
+        href="#"
+      >
+        Bottom
+      </a>
+    </div>
+    <div
+      id="TriggerContainer"
     >
-      BR
-    </a>
+      <a
+        href="#"
+      >
+        BR
+      </a>
+    </div>
   </div>
 </div>
 `;
diff --git a/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap b/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
new file mode 100644
index 0000000000..b05314d579
--- /dev/null
+++ b/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
@@ -0,0 +1,1676 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tooltip should hide when mouse leave antd disabled Button 1`] = `
+<Tooltip
+  arrowPointAtCenter={false}
+  autoAdjustOverflow={true}
+  mouseEnterDelay={0}
+  mouseLeaveDelay={0}
+  onVisibleChange={[Function]}
+  placement="top"
+  prefixCls="ant-tooltip"
+  title="xxxxx"
+  transitionName="zoom-big-fast"
+>
+  <Tooltip
+    align={Object {}}
+    arrowContent={null}
+    arrowPointAtCenter={false}
+    autoAdjustOverflow={true}
+    builtinPlacements={
+      Object {
+        "bottom": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tc",
+            "bc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomLeft": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomRight": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "left": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cr",
+            "cl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftBottom": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftTop": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "right": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cl",
+            "cr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightBottom": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightTop": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "top": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bc",
+            "tc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topLeft": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topRight": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+      }
+    }
+    destroyTooltipOnHide={false}
+    mouseEnterDelay={0}
+    mouseLeaveDelay={0}
+    onPopupAlign={[Function]}
+    onVisibleChange={[Function]}
+    overlay="xxxxx"
+    placement="top"
+    prefixCls="ant-tooltip"
+    title="xxxxx"
+    transitionName="zoom-big-fast"
+    trigger={
+      Array [
+        "hover",
+      ]
+    }
+    visible={false}
+  >
+    <Trigger
+      action={
+        Array [
+          "hover",
+        ]
+      }
+      afterPopupVisibleChange={[Function]}
+      arrowContent={null}
+      arrowPointAtCenter={false}
+      autoAdjustOverflow={true}
+      blurDelay={0.15}
+      builtinPlacements={
+        Object {
+          "bottom": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tc",
+              "bc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomLeft": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomRight": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "left": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cr",
+              "cl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftBottom": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftTop": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "right": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cl",
+              "cr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightBottom": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightTop": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "top": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bc",
+              "tc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topLeft": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topRight": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+        }
+      }
+      defaultPopupVisible={false}
+      destroyPopupOnHide={false}
+      focusDelay={0}
+      getDocument={[Function]}
+      getPopupClassNameFromAlign={[Function]}
+      hideAction={Array []}
+      mask={false}
+      maskClosable={true}
+      mouseEnterDelay={0}
+      mouseLeaveDelay={0}
+      onPopupAlign={[Function]}
+      onPopupVisibleChange={[Function]}
+      overlay="xxxxx"
+      popup={[Function]}
+      popupAlign={Object {}}
+      popupClassName=""
+      popupPlacement="top"
+      popupStyle={Object {}}
+      popupTransitionName="zoom-big-fast"
+      popupVisible={false}
+      prefixCls="ant-tooltip"
+      showAction={Array []}
+      title="xxxxx"
+      visible={false}
+    >
+      <div
+        id="TriggerContainer"
+      >
+        <span
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
+          style={
+            Object {
+              "cursor": "not-allowed",
+              "display": "inline-block",
+            }
+          }
+        >
+          <Button
+            className={null}
+            clicked={false}
+            disabled={true}
+            ghost={false}
+            loading={false}
+            prefixCls="ant-btn"
+            style={
+              Object {
+                "pointerEvents": "none",
+              }
+            }
+          >
+            <button
+              className="ant-btn"
+              disabled={true}
+              onClick={[Function]}
+              style={
+                Object {
+                  "pointerEvents": "none",
+                }
+              }
+              type="button"
+            >
+              <span>
+                Hello world!
+              </span>
+            </button>
+          </Button>
+        </span>
+      </div>
+    </Trigger>
+  </Tooltip>
+</Tooltip>
+`;
+
+exports[`Tooltip should render disabled Button style properly 1`] = `
+<Tooltip
+  arrowPointAtCenter={false}
+  autoAdjustOverflow={true}
+  mouseEnterDelay={0.1}
+  mouseLeaveDelay={0.1}
+  placement="top"
+  prefixCls="ant-tooltip"
+  title="xxxxx"
+  transitionName="zoom-big-fast"
+>
+  <Tooltip
+    align={Object {}}
+    arrowContent={null}
+    arrowPointAtCenter={false}
+    autoAdjustOverflow={true}
+    builtinPlacements={
+      Object {
+        "bottom": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tc",
+            "bc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomLeft": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomRight": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "left": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cr",
+            "cl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftBottom": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftTop": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "right": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cl",
+            "cr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightBottom": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightTop": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "top": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bc",
+            "tc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topLeft": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topRight": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+      }
+    }
+    destroyTooltipOnHide={false}
+    mouseEnterDelay={0.1}
+    mouseLeaveDelay={0.1}
+    onPopupAlign={[Function]}
+    onVisibleChange={[Function]}
+    overlay="xxxxx"
+    placement="top"
+    prefixCls="ant-tooltip"
+    title="xxxxx"
+    transitionName="zoom-big-fast"
+    trigger={
+      Array [
+        "hover",
+      ]
+    }
+    visible={false}
+  >
+    <Trigger
+      action={
+        Array [
+          "hover",
+        ]
+      }
+      afterPopupVisibleChange={[Function]}
+      arrowContent={null}
+      arrowPointAtCenter={false}
+      autoAdjustOverflow={true}
+      blurDelay={0.15}
+      builtinPlacements={
+        Object {
+          "bottom": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tc",
+              "bc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomLeft": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomRight": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "left": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cr",
+              "cl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftBottom": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftTop": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "right": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cl",
+              "cr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightBottom": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightTop": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "top": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bc",
+              "tc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topLeft": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topRight": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+        }
+      }
+      defaultPopupVisible={false}
+      destroyPopupOnHide={false}
+      focusDelay={0}
+      getDocument={[Function]}
+      getPopupClassNameFromAlign={[Function]}
+      hideAction={Array []}
+      mask={false}
+      maskClosable={true}
+      mouseEnterDelay={0.1}
+      mouseLeaveDelay={0.1}
+      onPopupAlign={[Function]}
+      onPopupVisibleChange={[Function]}
+      overlay="xxxxx"
+      popup={[Function]}
+      popupAlign={Object {}}
+      popupClassName=""
+      popupPlacement="top"
+      popupStyle={Object {}}
+      popupTransitionName="zoom-big-fast"
+      popupVisible={false}
+      prefixCls="ant-tooltip"
+      showAction={Array []}
+      title="xxxxx"
+      visible={false}
+    >
+      <div
+        id="TriggerContainer"
+      >
+        <span
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
+          style={
+            Object {
+              "cursor": "not-allowed",
+              "display": "inline-block",
+            }
+          }
+        >
+          <Button
+            className={null}
+            clicked={false}
+            disabled={true}
+            ghost={false}
+            loading={false}
+            prefixCls="ant-btn"
+            style={
+              Object {
+                "pointerEvents": "none",
+              }
+            }
+          >
+            <button
+              className="ant-btn"
+              disabled={true}
+              onClick={[Function]}
+              style={
+                Object {
+                  "pointerEvents": "none",
+                }
+              }
+              type="button"
+            >
+              <span>
+                Hello world!
+              </span>
+            </button>
+          </Button>
+        </span>
+      </div>
+    </Trigger>
+  </Tooltip>
+</Tooltip>
+`;
+
+exports[`Tooltip should render disabled Button style properly 2`] = `
+<Tooltip
+  arrowPointAtCenter={false}
+  autoAdjustOverflow={true}
+  mouseEnterDelay={0.1}
+  mouseLeaveDelay={0.1}
+  placement="top"
+  prefixCls="ant-tooltip"
+  title="xxxxx"
+  transitionName="zoom-big-fast"
+>
+  <Tooltip
+    align={Object {}}
+    arrowContent={null}
+    arrowPointAtCenter={false}
+    autoAdjustOverflow={true}
+    builtinPlacements={
+      Object {
+        "bottom": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tc",
+            "bc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomLeft": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "bottomRight": Object {
+          "offset": Array [
+            0,
+            4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "left": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cr",
+            "cl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftBottom": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "bl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "leftTop": Object {
+          "offset": Array [
+            -4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tr",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "right": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "cl",
+            "cr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightBottom": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "br",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "rightTop": Object {
+          "offset": Array [
+            4,
+            0,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "tl",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "top": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bc",
+            "tc",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topLeft": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "bl",
+            "tl",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+        "topRight": Object {
+          "offset": Array [
+            0,
+            -4,
+          ],
+          "overflow": Object {
+            "adjustX": 1,
+            "adjustY": 1,
+          },
+          "points": Array [
+            "br",
+            "tr",
+          ],
+          "targetOffset": Array [
+            0,
+            0,
+          ],
+        },
+      }
+    }
+    destroyTooltipOnHide={false}
+    mouseEnterDelay={0.1}
+    mouseLeaveDelay={0.1}
+    onPopupAlign={[Function]}
+    onVisibleChange={[Function]}
+    overlay="xxxxx"
+    placement="top"
+    prefixCls="ant-tooltip"
+    title="xxxxx"
+    transitionName="zoom-big-fast"
+    trigger={
+      Array [
+        "hover",
+      ]
+    }
+    visible={false}
+  >
+    <Trigger
+      action={
+        Array [
+          "hover",
+        ]
+      }
+      afterPopupVisibleChange={[Function]}
+      arrowContent={null}
+      arrowPointAtCenter={false}
+      autoAdjustOverflow={true}
+      blurDelay={0.15}
+      builtinPlacements={
+        Object {
+          "bottom": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tc",
+              "bc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomLeft": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "bottomRight": Object {
+            "offset": Array [
+              0,
+              4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "left": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cr",
+              "cl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftBottom": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "bl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "leftTop": Object {
+            "offset": Array [
+              -4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tr",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "right": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "cl",
+              "cr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightBottom": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "br",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "rightTop": Object {
+            "offset": Array [
+              4,
+              0,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "tl",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "top": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bc",
+              "tc",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topLeft": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "bl",
+              "tl",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+          "topRight": Object {
+            "offset": Array [
+              0,
+              -4,
+            ],
+            "overflow": Object {
+              "adjustX": 1,
+              "adjustY": 1,
+            },
+            "points": Array [
+              "br",
+              "tr",
+            ],
+            "targetOffset": Array [
+              0,
+              0,
+            ],
+          },
+        }
+      }
+      defaultPopupVisible={false}
+      destroyPopupOnHide={false}
+      focusDelay={0}
+      getDocument={[Function]}
+      getPopupClassNameFromAlign={[Function]}
+      hideAction={Array []}
+      mask={false}
+      maskClosable={true}
+      mouseEnterDelay={0.1}
+      mouseLeaveDelay={0.1}
+      onPopupAlign={[Function]}
+      onPopupVisibleChange={[Function]}
+      overlay="xxxxx"
+      popup={[Function]}
+      popupAlign={Object {}}
+      popupClassName=""
+      popupPlacement="top"
+      popupStyle={Object {}}
+      popupTransitionName="zoom-big-fast"
+      popupVisible={false}
+      prefixCls="ant-tooltip"
+      showAction={Array []}
+      title="xxxxx"
+      visible={false}
+    >
+      <div
+        id="TriggerContainer"
+      >
+        <span
+          onMouseEnter={[Function]}
+          onMouseLeave={[Function]}
+          style={
+            Object {
+              "cursor": "not-allowed",
+              "display": "block",
+            }
+          }
+        >
+          <Button
+            className={null}
+            clicked={false}
+            disabled={true}
+            ghost={false}
+            loading={false}
+            prefixCls="ant-btn"
+            style={
+              Object {
+                "pointerEvents": "none",
+              }
+            }
+          >
+            <button
+              className="ant-btn"
+              disabled={true}
+              onClick={[Function]}
+              style={
+                Object {
+                  "pointerEvents": "none",
+                }
+              }
+              type="button"
+            >
+              <span>
+                Hello world!
+              </span>
+            </button>
+          </Button>
+        </span>
+      </div>
+    </Trigger>
+  </Tooltip>
+</Tooltip>
+`;
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
index f599a9a91f..f6a580f0b2 100644
--- a/components/tooltip/__tests__/tooltip.test.js
+++ b/components/tooltip/__tests__/tooltip.test.js
@@ -14,12 +14,12 @@ describe('Tooltip', () => {
         mouseLeaveDelay={0}
         onVisibleChange={onVisibleChange}
       >
-        <div>Hello world!</div>
+        <div className="box">Hello world!</div>
       </Tooltip>
     );
 
     // `title` is empty.
-    const div = wrapper.find('div').at(0);
+    const div = wrapper.find('.box');
     div.simulate('mouseenter');
     expect(onVisibleChange).not.toHaveBeenCalled();
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
@@ -30,23 +30,23 @@ describe('Tooltip', () => {
 
     // update `title` value.
     wrapper.setProps({ title: 'Have a nice day!' });
-    wrapper.simulate('mouseenter');
+    div.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenLastCalledWith(true);
     expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
 
-    wrapper.simulate('mouseleave');
+    div.simulate('mouseleave');
     expect(onVisibleChange).toHaveBeenLastCalledWith(false);
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
 
     // add `visible` props.
     wrapper.setProps({ visible: false });
-    wrapper.simulate('mouseenter');
+    div.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenLastCalledWith(true);
     const lastCount = onVisibleChange.mock.calls.length;
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
 
     // always trigger onVisibleChange
-    wrapper.simulate('mouseleave');
+    div.simulate('mouseleave');
     expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
   });
@@ -88,7 +88,7 @@ describe('Tooltip', () => {
       </Tooltip>
     );
 
-    expect(wrapper.getDOMNode().tagName).toBe('SPAN');
+    expect(wrapper).toMatchSnapshot();
     const button = wrapper.find('span').at(0);
     button.simulate('mouseenter');
     expect(onVisibleChange).toBeCalledWith(true);
@@ -110,8 +110,8 @@ describe('Tooltip', () => {
         <Button disabled style={{ display: 'block' }}>Hello world!</Button>
       </Tooltip>
     );
-    expect(wrapper1.getDOMNode().style.display).toBe('inline-block');
-    expect(wrapper2.getDOMNode().style.display).toBe('block');
+    expect(wrapper1).toMatchSnapshot();
+    expect(wrapper2).toMatchSnapshot();
   });
 
   it('should not wrap span when trigger is not hover', () => {
@@ -130,42 +130,44 @@ describe('Tooltip', () => {
   });
 
   it('should works for arrowPointAtCenter', () => {
-    const arrowWidth = 5;
-    const horizontalArrowShift = 16;
-    const triggerWidth = 200;
-
-    const wrapper = mount(
-      <Tooltip
-        title="xxxxx"
-        trigger="click"
-        mouseEnterDelay={0}
-        mouseLeaveDelay={0}
-        placement="bottomLeft"
-      >
-        <button style={{ width: triggerWidth }}>
-          Hello world!
-        </button>
-      </Tooltip>
-    );
-    wrapper.find('button').at(0).simulate('click');
-    const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
-
-    const wrapper2 = mount(
-      <Tooltip
-        title="xxxxx"
-        trigger="click"
-        mouseEnterDelay={0}
-        mouseLeaveDelay={0}
-        placement="bottomLeft"
-        arrowPointAtCenter
-      >
-        <button style={{ width: triggerWidth }}>
-          Hello world!
-        </button>
-      </Tooltip>
-    );
-    wrapper2.find('button').at(0).simulate('click');
-    const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
-    expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
+    jest.dontMock('rc-trigger', () => {
+      const arrowWidth = 5;
+      const horizontalArrowShift = 16;
+      const triggerWidth = 200;
+
+      const wrapper = mount(
+        <Tooltip
+          title="xxxxx"
+          trigger="click"
+          mouseEnterDelay={0}
+          mouseLeaveDelay={0}
+          placement="bottomLeft"
+        >
+          <button style={{ width: triggerWidth }}>
+            Hello world!
+          </button>
+        </Tooltip>
+      );
+      wrapper.find('button').at(0).simulate('click');
+      const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
+
+      const wrapper2 = mount(
+        <Tooltip
+          title="xxxxx"
+          trigger="click"
+          mouseEnterDelay={0}
+          mouseLeaveDelay={0}
+          placement="bottomLeft"
+          arrowPointAtCenter
+        >
+          <button style={{ width: triggerWidth }}>
+            Hello world!
+          </button>
+        </Tooltip>
+      );
+      wrapper2.find('button').at(0).simulate('click');
+      const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
+      expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
+    });
   });
 });
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index c346369197..9928be5fd2 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -1,168 +1,184 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
-<span
-  class="ant-select ant-select-enabled ant-select-allow-clear"
-  style="width:300px;"
+<div
+  id="TriggerContainer"
 >
   <span
-    aria-autocomplete="list"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
-    tabindex="0"
+    class="ant-select ant-select-enabled ant-select-allow-clear"
+    style="width:300px;"
   >
     <span
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
     >
       <span
-        class="ant-select-selection__placeholder"
+        class="ant-select-selection__rendered"
       >
-        Please select
+        <span
+          class="ant-select-selection__placeholder"
+        >
+          Please select
+        </span>
+      </span>
+      <span
+        class="ant-select-arrow"
+        style="outline:none;"
+      >
+        <b />
       </span>
-    </span>
-    <span
-      class="ant-select-arrow"
-      style="outline:none;"
-    >
-      <b />
     </span>
   </span>
-</span>
+</div>
 `;
 
 exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
-<span
-  class="ant-select ant-select-enabled"
-  style="width:300px;"
+<div
+  id="TriggerContainer"
 >
   <span
-    aria-autocomplete="list"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--multiple"
-    role="combobox"
+    class="ant-select ant-select-enabled"
+    style="width:300px;"
   >
-    <ul
-      class="ant-select-selection__rendered"
+    <span
+      aria-autocomplete="list"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--multiple"
+      role="combobox"
     >
-      <li
-        class="ant-select-selection__choice"
-        style="user-select:none;-webkit-user-select:none;"
-        title="Node1"
-        unselectable="unselectable"
+      <ul
+        class="ant-select-selection__rendered"
       >
-        <span
-          class="ant-select-selection__choice__remove"
-        />
-        <span
-          class="ant-select-selection__choice__content"
+        <li
+          class="ant-select-selection__choice"
+          style="user-select:none;-webkit-user-select:none;"
+          title="Node1"
+          unselectable="unselectable"
         >
-          Node1
-        </span>
-      </li>
-      <li
-        class="ant-select-search ant-select-search--inline"
-      >
-        <span
-          class="ant-select-search__field__wrap"
-        >
-          <input
-            class="ant-select-search__field"
-            role="textbox"
-            value=""
+          <span
+            class="ant-select-selection__choice__remove"
           />
           <span
-            class="ant-select-search__field__mirror"
+            class="ant-select-selection__choice__content"
           >
-             
+            Node1
           </span>
-        </span>
-      </li>
-    </ul>
-    <span
-      class="ant-select-search__field__placeholder"
-      style="display:none;"
-    >
-      Please select
+        </li>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <span
+            class="ant-select-search__field__wrap"
+          >
+            <input
+              class="ant-select-search__field"
+              role="textbox"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
+          </span>
+        </li>
+      </ul>
+      <span
+        class="ant-select-search__field__placeholder"
+        style="display:none;"
+      >
+        Please select
+      </span>
     </span>
   </span>
-</span>
+</div>
 `;
 
 exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
-<span
-  class="ant-select ant-select-enabled ant-select-allow-clear"
-  style="width:300px;"
+<div
+  id="TriggerContainer"
 >
   <span
-    aria-autocomplete="list"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--multiple"
-    role="combobox"
+    class="ant-select ant-select-enabled ant-select-allow-clear"
+    style="width:300px;"
   >
-    <ul
-      class="ant-select-selection__rendered"
+    <span
+      aria-autocomplete="list"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--multiple"
+      role="combobox"
     >
-      <li
-        class="ant-select-search ant-select-search--inline"
+      <ul
+        class="ant-select-selection__rendered"
       >
-        <span
-          class="ant-select-search__field__wrap"
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
-          <input
-            class="ant-select-search__field"
-            role="textbox"
-            value=""
-          />
           <span
-            class="ant-select-search__field__mirror"
+            class="ant-select-search__field__wrap"
           >
-             
+            <input
+              class="ant-select-search__field"
+              role="textbox"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
           </span>
-        </span>
-      </li>
-    </ul>
-    <span
-      class="ant-select-search__field__placeholder"
-      style="display:block;"
-    >
-      Please select
+        </li>
+      </ul>
+      <span
+        class="ant-select-search__field__placeholder"
+        style="display:block;"
+      >
+        Please select
+      </span>
     </span>
   </span>
-</span>
+</div>
 `;
 
 exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
-<span
-  class="ant-select ant-select-enabled"
-  style="width:300px;"
+<div
+  id="TriggerContainer"
 >
   <span
-    aria-autocomplete="list"
-    aria-haspopup="true"
-    class="ant-select-selection
-              ant-select-selection--single"
-    role="combobox"
-    tabindex="0"
+    class="ant-select ant-select-enabled"
+    style="width:300px;"
   >
     <span
-      class="ant-select-selection__rendered"
+      aria-autocomplete="list"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
     >
       <span
-        class="ant-select-selection__placeholder"
+        class="ant-select-selection__rendered"
       >
-        Please select
+        <span
+          class="ant-select-selection__placeholder"
+        >
+          Please select
+        </span>
+      </span>
+      <span
+        class="ant-select-arrow"
+        style="outline:none;"
+      >
+        <b />
       </span>
-    </span>
-    <span
-      class="ant-select-arrow"
-      style="outline:none;"
-    >
-      <b />
     </span>
   </span>
-</span>
+</div>
 `;
diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 795de46448..8b5ae2772b 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -94,20 +94,24 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
       <div
         class="ant-upload-list-item-info"
       >
-        <span>
-          <i
-            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"
-          >
-            zzz.png
-          </a>
-        </span>
+        <div
+          id="TriggerContainer"
+        >
+          <span>
+            <i
+              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"
+            >
+              zzz.png
+            </a>
+          </span>
+        </div>
       </div>
       <i
         class="anticon anticon-cross"
diff --git a/tests/__mocks__/rc-trigger.js b/tests/__mocks__/rc-trigger.js
new file mode 100644
index 0000000000..2e8d052a19
--- /dev/null
+++ b/tests/__mocks__/rc-trigger.js
@@ -0,0 +1,17 @@
+import React from 'react';
+
+const Trigger = require.requireActual('rc-trigger');
+
+const render = Trigger.prototype.render;
+
+Trigger.prototype.render = function () { // eslint-disable-line
+  const { popupVisible } = this.state;
+  return (
+    <div id="TriggerContainer">
+      {render.call(this)}
+      {popupVisible && this.getComponent()}
+    </div>
+  );
+};
+
+export default Trigger;

From 250c7a9c68f562cbb434eaad728864ccf05a64d1 Mon Sep 17 00:00:00 2001
From: Wei Zhu <yesmeck@gmail.com>
Date: Fri, 15 Sep 2017 16:42:25 +0800
Subject: [PATCH 2/7] Revert "Mock rc-trigger"

This reverts commit 9d2c91598b42d8b4e15efe65a439fb2fe1d345e2.
---
 .../__tests__/__snapshots__/demo.test.js.snap |  452 +++--
 .../__tests__/__snapshots__/demo.test.js.snap |   24 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  352 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  404 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  826 ++++----
 .../__tests__/__snapshots__/demo.test.js.snap |  274 ++-
 .../__tests__/__snapshots__/demo.test.js.snap |  776 ++++----
 .../__tests__/__snapshots__/demo.test.js.snap |   40 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  566 +++---
 .../__tests__/__snapshots__/demo.test.js.snap |  864 ++++-----
 .../__tests__/__snapshots__/demo.test.js.snap |  354 ++--
 .../__tests__/__snapshots__/demo.test.js.snap |  528 +++---
 .../__tests__/__snapshots__/demo.test.js.snap |   46 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   88 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  252 +--
 .../__tests__/__snapshots__/demo.test.js.snap |  318 ++--
 .../__tests__/__snapshots__/demo.test.js.snap | 1120 ++++++-----
 .../__tests__/__snapshots__/demo.test.js.snap |  440 ++---
 .../__tests__/__snapshots__/demo.test.js.snap |   40 +-
 .../table/__tests__/Table.filter.test.js      |    2 +-
 .../__snapshots__/Table.filter.test.js.snap   |   12 +-
 .../Table.rowSelection.test.js.snap           |   40 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  146 +-
 .../__tests__/__snapshots__/demo.test.js.snap |   44 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  304 ++-
 .../__tests__/__snapshots__/demo.test.js.snap |  226 +--
 .../__snapshots__/tooltip.test.js.snap        | 1676 -----------------
 components/tooltip/__tests__/tooltip.test.js  |   94 +-
 .../__tests__/__snapshots__/demo.test.js.snap |  240 ++-
 .../__tests__/__snapshots__/demo.test.js.snap |   32 +-
 tests/__mocks__/rc-trigger.js                 |   17 -
 31 files changed, 3835 insertions(+), 6762 deletions(-)
 delete mode 100644 components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
 delete mode 100644 tests/__mocks__/rc-trigger.js

diff --git a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
index 68127ed519..98b12c8423 100644
--- a/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
@@ -2,69 +2,121 @@
 
 exports[`renders ./components/auto-complete/demo/antd.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;height:50px;"
 >
   <div
-    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;height:50px;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+        input here
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
-          input here
-        </div>
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+          <div
+            class="ant-select-search__field__wrap"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            <textarea
+              class="ant-input ant-select-search__field"
+              style="height:50px;"
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <textarea
-                class="ant-input ant-select-search__field"
-                style="height:50px;"
-              />
-              <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;"
+               
+            </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[`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;"
+>
+  <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"
       >
-        <b />
-      </span>
+        input here
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <div
+            class="ant-select-search__field__wrap"
+          >
+            <input
+              class="ant-input ant-select-search__field"
+              type="text"
+              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[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="certain-category-search-wrapper"
+  style="width:250px;"
 >
   <div
-    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    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%;"
   >
     <div
       aria-autocomplete="list"
@@ -91,11 +143,22 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
             <div
               class="ant-select-search__field__wrap"
             >
-              <input
-                class="ant-input ant-select-search__field"
-                type="text"
-                value=""
-              />
+              <span
+                class="ant-select-search__field ant-input-affix-wrapper"
+              >
+                <input
+                  class="ant-input"
+                  type="text"
+                  value=""
+                />
+                <span
+                  class="ant-input-suffix"
+                >
+                  <i
+                    class="anticon anticon-search certain-category-icon"
+                  />
+                </span>
+              </span>
               <span
                 class="ant-select-search__field__mirror"
               >
@@ -117,147 +180,124 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
 <div
-  class="certain-category-search-wrapper"
-  style="width:250px;"
+  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;"
 >
   <div
-    id="TriggerContainer"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
   >
     <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%;"
+      class="ant-select-selection__rendered"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__rendered"
+        try to type \`b\`
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
           <div
-            class="ant-select-selection__placeholder"
-            style="display:block;user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
+            class="ant-select-search__field__wrap"
           >
-            input here
-          </div>
-          <ul>
-            <li
-              class="ant-select-search ant-select-search--inline"
+            <input
+              class="ant-input ant-select-search__field"
+              type="text"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <div
-                class="ant-select-search__field__wrap"
-              >
-                <span
-                  class="ant-select-search__field ant-input-affix-wrapper"
-                >
-                  <input
-                    class="ant-input"
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="ant-input-suffix"
-                  >
-                    <i
-                      class="anticon anticon-search certain-category-icon"
-                    />
-                  </span>
-                </span>
-                <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>
+               
+            </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[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;"
 >
   <div
-    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+        input here
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
-          try to type \`b\`
-        </div>
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+          <div
+            class="ant-select-search__field__wrap"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            <input
+              class="ant-input ant-select-search__field"
+              type="text"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <input
-                class="ant-input ant-select-search__field"
-                type="text"
-                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>
+               
+            </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[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
+exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="global-search-wrapper"
+  style="width:300px;"
 >
   <div
-    class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    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%;"
   >
     <div
       aria-autocomplete="list"
@@ -284,11 +324,27 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
             <div
               class="ant-select-search__field__wrap"
             >
-              <input
-                class="ant-input ant-select-search__field"
-                type="text"
-                value=""
-              />
+              <span
+                class="ant-select-search__field ant-input-affix-wrapper"
+              >
+                <input
+                  class="ant-input"
+                  type="text"
+                  value=""
+                />
+                <span
+                  class="ant-input-suffix"
+                >
+                  <button
+                    class="ant-btn search-btn ant-btn-primary ant-btn-lg"
+                    type="button"
+                  >
+                    <i
+                      class="anticon anticon-search"
+                    />
+                  </button>
+                </span>
+              </span>
               <span
                 class="ant-select-search__field__mirror"
               >
@@ -309,83 +365,3 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
   </div>
 </div>
 `;
-
-exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
-<div
-  class="global-search-wrapper"
-  style="width:300px;"
->
-  <div
-    id="TriggerContainer"
-  >
-    <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%;"
-    >
-      <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"
-          >
-            input here
-          </div>
-          <ul>
-            <li
-              class="ant-select-search ant-select-search--inline"
-            >
-              <div
-                class="ant-select-search__field__wrap"
-              >
-                <span
-                  class="ant-select-search__field ant-input-affix-wrapper"
-                >
-                  <input
-                    class="ant-input"
-                    type="text"
-                    value=""
-                  />
-                  <span
-                    class="ant-input-suffix"
-                  >
-                    <button
-                      class="ant-btn search-btn ant-btn-primary ant-btn-lg"
-                      type="button"
-                    >
-                      <i
-                        class="anticon anticon-search"
-                      />
-                    </button>
-                  </span>
-                </span>
-                <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>
-  </div>
-</div>
-`;
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index b3f6aac4da..38b2c73d73 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -460,21 +460,17 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
       secondary
     </span>
   </button>
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        more 
-      </span>
-      <i
-        class="anticon anticon-down"
-      />
-    </button>
-  </div>
+    <span>
+      more 
+    </span>
+    <i
+      class="anticon anticon-down"
+    />
+  </button>
 </div>
 `;
 
diff --git a/components/calendar/__tests__/__snapshots__/demo.test.js.snap b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
index 092393ae65..0075355810 100644
--- a/components/calendar/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/calendar/__tests__/__snapshots__/demo.test.js.snap
@@ -8,75 +8,67 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
     class="ant-fullcalendar-header"
   >
     <div
-      id="TriggerContainer"
+      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
     >
       <div
-        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="2016年"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="2016年"
-            >
-              2016年
-            </div>
+            2016年
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
-      id="TriggerContainer"
+      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
     >
       <div
-        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="11月"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="11月"
-            >
-              11月
-            </div>
+            11月
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
@@ -1023,75 +1015,67 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
       class="ant-fullcalendar-header"
     >
       <div
-        id="TriggerContainer"
+        class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="2016年"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="2016年"
-              >
-                2016年
-              </div>
+              2016年
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <div
-        id="TriggerContainer"
+        class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="11月"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="11月"
-              >
-                11月
-              </div>
+              11月
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <div
@@ -2036,75 +2020,67 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
     class="ant-fullcalendar-header"
   >
     <div
-      id="TriggerContainer"
+      class="ant-fullcalendar-year-select ant-select ant-select-enabled"
     >
       <div
-        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="2016年"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="2016年"
-            >
-              2016年
-            </div>
+            2016年
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
-      id="TriggerContainer"
+      class="ant-fullcalendar-month-select ant-select ant-select-enabled"
     >
       <div
-        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="11月"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="11月"
-            >
-              11月
-            </div>
+            11月
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
@@ -3363,75 +3339,67 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
       class="ant-fullcalendar-header"
     >
       <div
-        id="TriggerContainer"
+        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-fullcalendar-year-select ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="2017年"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="2017年"
-              >
-                2017年
-              </div>
+              2017年
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <div
-        id="TriggerContainer"
+        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
       >
         <div
-          class="ant-fullcalendar-month-select ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="1月"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="1月"
-              >
-                1月
-              </div>
+              1月
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <div
diff --git a/components/cascader/__tests__/__snapshots__/demo.test.js.snap b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
index a1f7d0e4ac..2946a2c3eb 100644
--- a/components/cascader/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/cascader/__tests__/__snapshots__/demo.test.js.snap
@@ -1,176 +1,215 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
 >
   <span
-    class="ant-cascader-picker"
-    tabindex="0"
-  >
-    <span
-      class="ant-cascader-picker-label"
-    />
-    <input
-      autocomplete="off"
-      class="ant-input ant-cascader-input "
-      placeholder="Please select"
-      readonly=""
-      type="text"
-      value=""
-    />
-    <i
-      class="anticon anticon-down ant-cascader-picker-arrow"
-    />
-  </span>
-</div>
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
 `;
 
 exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
 >
   <span
-    class="ant-cascader-picker"
-    tabindex="0"
-  >
-    <span
-      class="ant-cascader-picker-label"
-    />
-    <input
-      autocomplete="off"
-      class="ant-input ant-cascader-input "
-      placeholder="Please select"
-      readonly=""
-      type="text"
-      value=""
-    />
-    <i
-      class="anticon anticon-down ant-cascader-picker-arrow"
-    />
-  </span>
-</div>
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
 `;
 
 exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  style="width:270px;"
+  tabindex="0"
 >
   <span
-    class="ant-cascader-picker"
-    style="width:270px;"
-    tabindex="0"
+    class="ant-cascader-picker-label"
   >
-    <span
-      class="ant-cascader-picker-label"
-    >
-      <span>
-        Zhejiang / 
-      </span>
-      <span>
-        Hangzhou / 
-      </span>
-      <span>
-        West Lake (
-        <a>
-          752100
-        </a>
-        )
-      </span>
+    <span>
+      Zhejiang / 
+    </span>
+    <span>
+      Hangzhou / 
+    </span>
+    <span>
+      West Lake (
+      <a>
+        752100
+      </a>
+      )
     </span>
-    <input
-      autocomplete="off"
-      class="ant-input ant-cascader-input "
-      readonly=""
-      type="text"
-      value=""
-    />
-    <i
-      class="anticon anticon-cross-circle ant-cascader-picker-clear"
-    />
-    <i
-      class="anticon anticon-down ant-cascader-picker-arrow"
-    />
   </span>
-</div>
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-cross-circle ant-cascader-picker-clear"
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
 `;
 
 exports[`renders ./components/cascader/demo/custom-trigger.md correctly 1`] = `
 <span>
   Unselect 
-  <div
-    id="TriggerContainer"
+  <a
+    href="#"
+    tabindex="0"
   >
-    <a
-      href="#"
-      tabindex="0"
-    >
-      Change city
-    </a>
-  </div>
+    Change city
+  </a>
 </span>
 `;
 
 exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
 >
   <span
-    class="ant-cascader-picker"
-    tabindex="0"
+    class="ant-cascader-picker-label"
   >
-    <span
-      class="ant-cascader-picker-label"
-    >
-      Zhejiang / Hangzhou / West Lake
-    </span>
-    <input
-      autocomplete="off"
-      class="ant-input ant-cascader-input "
-      readonly=""
-      type="text"
-      value=""
-    />
-    <i
-      class="anticon anticon-cross-circle ant-cascader-picker-clear"
-    />
-    <i
-      class="anticon anticon-down ant-cascader-picker-arrow"
-    />
+    Zhejiang / Hangzhou / West Lake
   </span>
-</div>
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-cross-circle ant-cascader-picker-clear"
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
 `;
 
 exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
 >
   <span
-    class="ant-cascader-picker"
-    tabindex="0"
-  >
-    <span
-      class="ant-cascader-picker-label"
-    />
-    <input
-      autocomplete="off"
-      class="ant-input ant-cascader-input "
-      placeholder="Please select"
-      readonly=""
-      type="text"
-      value=""
-    />
-    <i
-      class="anticon anticon-down ant-cascader-picker-arrow"
-    />
-  </span>
-</div>
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
 `;
 
 exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
+>
+  <span
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
+`;
+
+exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
 >
+  <span
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
+`;
+
+exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
+<span
+  class="ant-cascader-picker"
+  tabindex="0"
+>
+  <span
+    class="ant-cascader-picker-label"
+  />
+  <input
+    autocomplete="off"
+    class="ant-input ant-cascader-input "
+    placeholder="Please select"
+    type="text"
+    value=""
+  />
+  <i
+    class="anticon anticon-down ant-cascader-picker-arrow"
+  />
+</span>
+`;
+
+exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
+<div>
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -180,7 +219,7 @@ exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
     />
     <input
       autocomplete="off"
-      class="ant-input ant-cascader-input "
+      class="ant-input ant-cascader-input ant-input-lg"
       placeholder="Please select"
       readonly=""
       type="text"
@@ -190,13 +229,8 @@ exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
+  <br />
+  <br />
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -216,13 +250,8 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
+  <br />
+  <br />
   <span
     class="ant-cascader-picker"
     tabindex="0"
@@ -232,8 +261,9 @@ exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
     />
     <input
       autocomplete="off"
-      class="ant-input ant-cascader-input "
+      class="ant-input ant-cascader-input ant-input-sm"
       placeholder="Please select"
+      readonly=""
       type="text"
       value=""
     />
@@ -241,84 +271,6 @@ exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
       class="anticon anticon-down ant-cascader-picker-arrow"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
-<div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-cascader-picker"
-      tabindex="0"
-    >
-      <span
-        class="ant-cascader-picker-label"
-      />
-      <input
-        autocomplete="off"
-        class="ant-input ant-cascader-input ant-input-lg"
-        placeholder="Please select"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <i
-        class="anticon anticon-down ant-cascader-picker-arrow"
-      />
-    </span>
-  </div>
-  <br />
-  <br />
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-cascader-picker"
-      tabindex="0"
-    >
-      <span
-        class="ant-cascader-picker-label"
-      />
-      <input
-        autocomplete="off"
-        class="ant-input ant-cascader-input "
-        placeholder="Please select"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <i
-        class="anticon anticon-down ant-cascader-picker-arrow"
-      />
-    </span>
-  </div>
-  <br />
-  <br />
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-cascader-picker"
-      tabindex="0"
-    >
-      <span
-        class="ant-cascader-picker-label"
-      />
-      <input
-        autocomplete="off"
-        class="ant-input ant-cascader-input ant-input-sm"
-        placeholder="Please select"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <i
-        class="anticon anticon-down ant-cascader-picker-arrow"
-      />
-    </span>
-  </div>
   <br />
   <br />
 </div>
diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
index ffcbff88d7..eacf4aa7c6 100644
--- a/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/date-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -5,74 +5,62 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="Select month"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="Select month"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -82,78 +70,66 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input ant-input-disabled"
-          disabled=""
-          placeholder="请选择日期"
-          readonly=""
-          value="2015-06-06"
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input ant-input-disabled"
+        disabled=""
+        placeholder="请选择日期"
+        readonly=""
+        value="2015-06-06"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input ant-input-disabled"
-          disabled=""
-          placeholder="请选择日期"
-          readonly=""
-          value="2015-06"
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input ant-input-disabled"
+        disabled=""
+        placeholder="请选择日期"
+        readonly=""
+        value="2015-06"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input ant-input-disabled"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        disabled=""
+        placeholder="开始日期"
+        readonly=""
+        value="2015-06-06"
+      />
       <span
-        class="ant-calendar-picker-input ant-input ant-input-disabled"
+        class="ant-calendar-range-picker-separator"
       >
-        <input
-          class="ant-calendar-range-picker-input"
-          disabled=""
-          placeholder="开始日期"
-          readonly=""
-          value="2015-06-06"
-        />
-        <span
-          class="ant-calendar-range-picker-separator"
-        >
-           ~ 
-        </span>
-        <input
-          class="ant-calendar-range-picker-input"
-          disabled=""
-          placeholder="结束日期"
-          readonly=""
-          value="2015-06-06"
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
+         ~ 
       </span>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        disabled=""
+        placeholder="结束日期"
+        readonly=""
+        value="2015-06-06"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -164,40 +140,32 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="Select month"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="Select month"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
@@ -205,34 +173,30 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -242,106 +206,90 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -351,83 +299,71 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value="2015/01/01"
-        />
-        <i
-          class="anticon anticon-cross-circle ant-calendar-picker-clear"
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value="2015/01/01"
+      />
+      <i
+        class="anticon anticon-cross-circle ant-calendar-picker-clear"
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <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"
-        />
-      </div>
+    <div>
+      <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"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <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-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <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>
 `;
@@ -437,68 +373,60 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <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;"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -569,74 +497,62 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="请选择日期"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="请选择日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
   <span
     class="ant-calendar-picker"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="开始日期"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <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>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="结束日期"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -647,40 +563,32 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="Start"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="Start"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <span
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="End"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="End"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
 </div>
@@ -692,20 +600,16 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:154px;"
   >
-    <div
-      id="TriggerContainer"
-    >
-      <div>
-        <input
-          class="ant-calendar-picker-input ant-input"
-          placeholder="Select Time"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
-      </div>
+    <div>
+      <input
+        class="ant-calendar-picker-input ant-input"
+        placeholder="Select Time"
+        readonly=""
+        value=""
+      />
+      <span
+        class="ant-calendar-picker-icon"
+      />
     </div>
   </span>
   <br />
@@ -713,34 +617,30 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
     class="ant-calendar-picker"
     style="width:300px;"
   >
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-calendar-picker-input ant-input"
     >
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="Start Time"
+        readonly=""
+        value=""
+      />
       <span
-        class="ant-calendar-picker-input ant-input"
+        class="ant-calendar-range-picker-separator"
       >
-        <input
-          class="ant-calendar-range-picker-input"
-          placeholder="Start Time"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-range-picker-separator"
-        >
-           ~ 
-        </span>
-        <input
-          class="ant-calendar-range-picker-input"
-          placeholder="End Time"
-          readonly=""
-          value=""
-        />
-        <span
-          class="ant-calendar-picker-icon"
-        />
+         ~ 
       </span>
-    </div>
+      <input
+        class="ant-calendar-range-picker-input"
+        placeholder="End Time"
+        readonly=""
+        value=""
+      />
+      <span
+        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 d4a4af6826..6a075615f9 100644
--- a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -1,19 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  class="ant-dropdown-link ant-dropdown-trigger"
+  href="#"
 >
-  <a
-    class="ant-dropdown-link ant-dropdown-trigger"
-    href="#"
-  >
-    Hover me 
-    <i
-      class="anticon anticon-down"
-    />
-  </a>
-</div>
+  Hover me 
+  <i
+    class="anticon anticon-down"
+  />
+</a>
 `;
 
 exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
@@ -29,18 +25,14 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
         Dropdown
       </span>
     </button>
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn ant-dropdown-trigger ant-btn-default"
+      type="button"
     >
-      <button
-        class="ant-btn ant-dropdown-trigger ant-btn-default"
-        type="button"
-      >
-        <i
-          class="anticon anticon-down"
-        />
-      </button>
-    </div>
+      <i
+        class="anticon anticon-down"
+      />
+    </button>
   </div>
   <div
     class="ant-btn-group ant-dropdown-button"
@@ -55,194 +47,142 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
         Dropdown
       </span>
     </button>
-    <div
-      id="TriggerContainer"
-    >
-      <button
-        class="ant-btn ant-dropdown-trigger ant-btn-default"
-        type="button"
-      >
-        <i
-          class="anticon anticon-down"
-        />
-      </button>
-    </div>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
     <button
-      class="ant-btn ant-dropdown-trigger"
-      style="margin-left:8px;"
+      class="ant-btn ant-dropdown-trigger ant-btn-default"
       type="button"
     >
-      <span>
-        Button 
-      </span>
       <i
         class="anticon anticon-down"
       />
     </button>
   </div>
-</div>
-`;
-
-exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
-  <a
-    class="ant-dropdown-link ant-dropdown-trigger"
-    href="#"
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    style="margin-left:8px;"
+    type="button"
   >
-    Hover me, Click menu item 
+    <span>
+      Button 
+    </span>
     <i
       class="anticon anticon-down"
     />
-  </a>
+  </button>
 </div>
 `;
 
+exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
+<a
+  class="ant-dropdown-link ant-dropdown-trigger"
+  href="#"
+>
+  Hover me, Click menu item 
+  <i
+    class="anticon anticon-down"
+  />
+</a>
+`;
+
 exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  class="ant-dropdown-link ant-dropdown-trigger"
+  href="#"
 >
-  <a
-    class="ant-dropdown-link ant-dropdown-trigger"
-    href="#"
-  >
-    Hover me 
-    <i
-      class="anticon anticon-down"
-    />
-  </a>
-</div>
+  Hover me 
+  <i
+    class="anticon anticon-down"
+  />
+</a>
 `;
 
 exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  class="ant-dropdown-link ant-dropdown-trigger"
+  href="#"
 >
-  <a
-    class="ant-dropdown-link ant-dropdown-trigger"
-    href="#"
-  >
-    Hover me 
-    <i
-      class="anticon anticon-down"
-    />
-  </a>
-</div>
+  Hover me 
+  <i
+    class="anticon anticon-down"
+  />
+</a>
 `;
 
 exports[`renders ./components/dropdown/demo/placement.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        bottomLeft
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
+    <span>
+      bottomLeft
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        bottomCenter
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
+    <span>
+      bottomCenter
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        bottomRight
-      </span>
-    </button>
-  </div>
+    <span>
+      bottomRight
+    </span>
+  </button>
   <br />
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        topLeft
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
+    <span>
+      topLeft
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        topCenter
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
+    <span>
+      topCenter
+    </span>
+  </button>
+  <button
+    class="ant-btn ant-dropdown-trigger"
+    type="button"
   >
-    <button
-      class="ant-btn ant-dropdown-trigger"
-      type="button"
-    >
-      <span>
-        topRight
-      </span>
-    </button>
-  </div>
+    <span>
+      topRight
+    </span>
+  </button>
 </div>
 `;
 
 exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  class="ant-dropdown-link ant-dropdown-trigger"
+  href="#"
 >
+  Cascading menu 
+  <i
+    class="anticon anticon-down"
+  />
+</a>
+`;
+
+exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
+<div>
   <a
     class="ant-dropdown-link ant-dropdown-trigger"
     href="#"
   >
-    Cascading menu 
+    Click me 
     <i
       class="anticon anticon-down"
     />
   </a>
 </div>
 `;
-
-exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
-<div>
-  <div
-    id="TriggerContainer"
-  >
-    <a
-      class="ant-dropdown-link ant-dropdown-trigger"
-      href="#"
-    >
-      Click me 
-      <i
-        class="anticon anticon-down"
-      />
-    </a>
-  </div>
-</div>
-`;
diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 133a7af5dd..3599a0a2c0 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -468,39 +468,35 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          id="TriggerContainer"
+          class="ant-select-lg ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-lg ant-select ant-select-enabled"
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-haspopup="true"
+            class="ant-select-selection
+                      ant-select-selection--single"
+            role="combobox"
+            tabindex="0"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-selection__rendered"
-              >
-                <div
-                  class="ant-select-selection__placeholder"
-                  style="display:block;user-select:none;-webkit-user-select:none;"
-                  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;"
+                class="ant-select-selection__placeholder"
+                style="display:block;user-select:none;-webkit-user-select:none;"
                 unselectable="unselectable"
               >
-                <b />
-              </span>
+                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"
+            >
+              <b />
+            </span>
           </div>
         </div>
       </div>
@@ -561,40 +557,36 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
             value="0"
           />
           <div
-            id="TriggerContainer"
+            class="ant-select-lg ant-select ant-select-enabled"
+            style="width:32%;"
           >
             <div
-              class="ant-select-lg ant-select ant-select-enabled"
-              style="width:32%;"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="RMB"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title="RMB"
-                  >
-                    RMB
-                  </div>
+                  RMB
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
         </span>
@@ -1338,13 +1330,9 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
       >
         <span>
           Nickname 
-          <div
-            id="TriggerContainer"
-          >
-            <i
-              class="anticon anticon-question-circle-o"
-            />
-          </div>
+          <i
+            class="anticon anticon-question-circle-o"
+          />
         </span>
       </label>
     </div>
@@ -1384,35 +1372,31 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
       <div
         class="ant-form-item-control has-success"
       >
-        <div
-          id="TriggerContainer"
+        <span
+          class="ant-cascader-picker"
+          tabindex="0"
         >
           <span
-            class="ant-cascader-picker"
-            tabindex="0"
+            class="ant-cascader-picker-label"
           >
-            <span
-              class="ant-cascader-picker-label"
-            >
-              Zhejiang / Hangzhou / West Lake
-            </span>
-            <input
-              autocomplete="off"
-              class="ant-input ant-cascader-input ant-input-lg"
-              data-__meta="[object Object]"
-              id="residence"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <i
-              class="anticon anticon-cross-circle ant-cascader-picker-clear"
-            />
-            <i
-              class="anticon anticon-down ant-cascader-picker-arrow"
-            />
+            Zhejiang / Hangzhou / West Lake
           </span>
-        </div>
+          <input
+            autocomplete="off"
+            class="ant-input ant-cascader-input ant-input-lg"
+            data-__meta="[object Object]"
+            id="residence"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <i
+            class="anticon anticon-cross-circle ant-cascader-picker-clear"
+          />
+          <i
+            class="anticon anticon-down ant-cascader-picker-arrow"
+          />
+        </span>
       </div>
     </div>
   </div>
@@ -1447,40 +1431,36 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
               class="ant-input-group-addon"
             >
               <div
-                id="TriggerContainer"
+                class="ant-select ant-select-enabled"
+                style="width:60px;"
               >
                 <div
-                  class="ant-select ant-select-enabled"
-                  style="width:60px;"
+                  aria-autocomplete="list"
+                  aria-expanded="false"
+                  aria-haspopup="true"
+                  class="ant-select-selection
+                            ant-select-selection--single"
+                  role="combobox"
+                  tabindex="0"
                 >
                   <div
-                    aria-autocomplete="list"
-                    aria-expanded="false"
-                    aria-haspopup="true"
-                    class="ant-select-selection
-                              ant-select-selection--single"
-                    role="combobox"
-                    tabindex="0"
+                    class="ant-select-selection__rendered"
                   >
                     <div
-                      class="ant-select-selection__rendered"
+                      class="ant-select-selection-selected-value"
+                      style="display:block;opacity:1;"
+                      title="+86"
                     >
-                      <div
-                        class="ant-select-selection-selected-value"
-                        style="display:block;opacity:1;"
-                        title="+86"
-                      >
-                        +86
-                      </div>
+                      +86
                     </div>
-                    <span
-                      class="ant-select-arrow"
-                      style="user-select:none;-webkit-user-select:none;"
-                      unselectable="unselectable"
-                    >
-                      <b />
-                    </span>
                   </div>
+                  <span
+                    class="ant-select-arrow"
+                    style="user-select:none;-webkit-user-select:none;"
+                    unselectable="unselectable"
+                  >
+                    <b />
+                  </span>
                 </div>
               </div>
             </span>
@@ -1517,58 +1497,54 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          id="TriggerContainer"
+          class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
         >
           <div
-            class="ant-select-lg ant-select-lg ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-haspopup="true"
+            class="ant-select-selection
+                      ant-select-selection--single"
+            role="combobox"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-selection__rendered"
+                class="ant-select-selection__placeholder"
+                style="display:block;user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
               >
-                <div
-                  class="ant-select-selection__placeholder"
-                  style="display:block;user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
+                website
+              </div>
+              <ul>
+                <li
+                  class="ant-select-search ant-select-search--inline"
                 >
-                  website
-                </div>
-                <ul>
-                  <li
-                    class="ant-select-search ant-select-search--inline"
+                  <div
+                    class="ant-select-search__field__wrap"
                   >
-                    <div
-                      class="ant-select-search__field__wrap"
+                    <input
+                      class="ant-input ant-select-search__field"
+                      type="text"
+                      value=""
+                    />
+                    <span
+                      class="ant-select-search__field__mirror"
                     >
-                      <input
-                        class="ant-input ant-select-search__field"
-                        type="text"
-                        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>
+                       
+                    </span>
+                  </div>
+                </li>
+              </ul>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
         </div>
       </div>
@@ -1719,20 +1695,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <div
-            id="TriggerContainer"
-          >
-            <div>
-              <input
-                class="ant-calendar-picker-input ant-input ant-input-lg"
-                placeholder="请选择日期"
-                readonly=""
-                value=""
-              />
-              <span
-                class="ant-calendar-picker-icon"
-              />
-            </div>
+          <div>
+            <input
+              class="ant-calendar-picker-input ant-input ant-input-lg"
+              placeholder="请选择日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
           </div>
         </span>
       </div>
@@ -1762,20 +1734,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
           class="ant-calendar-picker"
           style="width:154px;"
         >
-          <div
-            id="TriggerContainer"
-          >
-            <div>
-              <input
-                class="ant-calendar-picker-input ant-input ant-input-lg"
-                placeholder="请选择日期"
-                readonly=""
-                value=""
-              />
-              <span
-                class="ant-calendar-picker-icon"
-              />
-            </div>
+          <div>
+            <input
+              class="ant-calendar-picker-input ant-input ant-input-lg"
+              placeholder="请选择日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
           </div>
         </span>
       </div>
@@ -1804,20 +1772,16 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <div
-            id="TriggerContainer"
-          >
-            <div>
-              <input
-                class="ant-calendar-picker-input ant-input ant-input-lg"
-                placeholder="请选择日期"
-                readonly=""
-                value=""
-              />
-              <span
-                class="ant-calendar-picker-icon"
-              />
-            </div>
+          <div>
+            <input
+              class="ant-calendar-picker-input ant-input ant-input-lg"
+              placeholder="请选择日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
           </div>
         </span>
       </div>
@@ -1846,34 +1810,30 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
         <span
           class="ant-calendar-picker"
         >
-          <div
-            id="TriggerContainer"
+          <span
+            class="ant-calendar-picker-input ant-input ant-input-lg"
           >
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="开始日期"
+              readonly=""
+              value=""
+            />
             <span
-              class="ant-calendar-picker-input ant-input ant-input-lg"
+              class="ant-calendar-range-picker-separator"
             >
-              <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>
-          </div>
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="结束日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
+          </span>
         </span>
       </div>
     </div>
@@ -1902,34 +1862,30 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
           class="ant-calendar-picker"
           style="width:300px;"
         >
-          <div
-            id="TriggerContainer"
+          <span
+            class="ant-calendar-picker-input ant-input ant-input-lg"
           >
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="开始日期"
+              readonly=""
+              value=""
+            />
             <span
-              class="ant-calendar-picker-input ant-input ant-input-lg"
+              class="ant-calendar-range-picker-separator"
             >
-              <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>
-          </div>
+            <input
+              class="ant-calendar-range-picker-input"
+              placeholder="结束日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
+          </span>
         </span>
       </div>
     </div>
@@ -1954,24 +1910,20 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
       <div
         class="ant-form-item-control "
       >
-        <div
-          id="TriggerContainer"
+        <span
+          class="ant-time-picker ant-time-picker-large"
         >
+          <input
+            class="ant-time-picker-input"
+            placeholder="请选择时间"
+            readonly=""
+            type="text"
+            value=""
+          />
           <span
-            class="ant-time-picker ant-time-picker-large"
-          >
-            <input
-              class="ant-time-picker-input"
-              placeholder="请选择时间"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="ant-time-picker-icon"
-            />
-          </span>
-        </div>
+            class="ant-time-picker-icon"
+          />
+        </span>
       </div>
     </div>
   </div>
@@ -2050,39 +2002,35 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          id="TriggerContainer"
+          class="ant-select-lg ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-lg ant-select ant-select-enabled"
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-haspopup="true"
+            class="ant-select-selection
+                      ant-select-selection--single"
+            role="combobox"
+            tabindex="0"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-selection__rendered"
-              >
-                <div
-                  class="ant-select-selection__placeholder"
-                  style="display:block;user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  Please select a country
-                </div>
-              </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
+                class="ant-select-selection__placeholder"
+                style="display:block;user-select:none;-webkit-user-select:none;"
                 unselectable="unselectable"
               >
-                <b />
-              </span>
+                Please select a country
+              </div>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
         </div>
       </div>
@@ -2109,51 +2057,47 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <div
-          id="TriggerContainer"
+          class="ant-select-lg ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-lg ant-select ant-select-enabled"
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-haspopup="true"
+            class="ant-select-selection
+                      ant-select-selection--multiple"
+            role="combobox"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--multiple"
-              role="combobox"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-selection__rendered"
+                class="ant-select-selection__placeholder"
+                style="display:block;user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
               >
-                <div
-                  class="ant-select-selection__placeholder"
-                  style="display:block;user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
+                Please select favourite colors
+              </div>
+              <ul>
+                <li
+                  class="ant-select-search ant-select-search--inline"
                 >
-                  Please select favourite colors
-                </div>
-                <ul>
-                  <li
-                    class="ant-select-search ant-select-search--inline"
+                  <div
+                    class="ant-select-search__field__wrap"
                   >
-                    <div
-                      class="ant-select-search__field__wrap"
+                    <input
+                      autocomplete="off"
+                      class="ant-select-search__field"
+                      id="select-multiple"
+                      value=""
+                    />
+                    <span
+                      class="ant-select-search__field__mirror"
                     >
-                      <input
-                        autocomplete="off"
-                        class="ant-select-search__field"
-                        id="select-multiple"
-                        value=""
-                      />
-                      <span
-                        class="ant-select-search__field__mirror"
-                      >
-                         
-                      </span>
-                    </div>
-                  </li>
-                </ul>
-              </div>
+                       
+                    </span>
+                  </div>
+                </li>
+              </ul>
             </div>
           </div>
         </div>
@@ -2329,18 +2273,14 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             />
           </div>
           <div
-            id="TriggerContainer"
-          >
-            <div
-              aria-disabled="false"
-              aria-valuemax="100"
-              aria-valuemin="0"
-              aria-valuenow="0"
-              class="ant-slider-handle"
-              role="slider"
-              style="left:0%;"
-            />
-          </div>
+            aria-disabled="false"
+            aria-valuemax="100"
+            aria-valuemin="0"
+            aria-valuenow="0"
+            class="ant-slider-handle"
+            role="slider"
+            style="left:0%;"
+          />
           <div
             class="ant-slider-mark"
           >
@@ -2856,20 +2796,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
           class="ant-calendar-picker"
           style="width:100%;"
         >
-          <div
-            id="TriggerContainer"
-          >
-            <div>
-              <input
-                class="ant-calendar-picker-input ant-input ant-input-lg"
-                placeholder="请选择日期"
-                readonly=""
-                value=""
-              />
-              <span
-                class="ant-calendar-picker-icon"
-              />
-            </div>
+          <div>
+            <input
+              class="ant-calendar-picker-input ant-input ant-input-lg"
+              placeholder="请选择日期"
+              readonly=""
+              value=""
+            />
+            <span
+              class="ant-calendar-picker-icon"
+            />
           </div>
         </span>
       </div>
@@ -2894,25 +2830,21 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
       <div
         class="ant-form-item-control has-feedback has-warning"
       >
-        <div
-          id="TriggerContainer"
+        <span
+          class="ant-time-picker ant-time-picker-large"
+          style="width:100%;"
         >
+          <input
+            class="ant-time-picker-input"
+            placeholder="请选择时间"
+            readonly=""
+            type="text"
+            value=""
+          />
           <span
-            class="ant-time-picker ant-time-picker-large"
-            style="width:100%;"
-          >
-            <input
-              class="ant-time-picker-input"
-              placeholder="请选择时间"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <span
-              class="ant-time-picker-icon"
-            />
-          </span>
-        </div>
+            class="ant-time-picker-icon"
+          />
+        </span>
       </div>
     </div>
   </div>
@@ -2936,39 +2868,35 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
         class="ant-form-item-control has-feedback has-error"
       >
         <div
-          id="TriggerContainer"
+          class="ant-select-lg ant-select ant-select-enabled"
         >
           <div
-            class="ant-select-lg ant-select ant-select-enabled"
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-haspopup="true"
+            class="ant-select-selection
+                      ant-select-selection--single"
+            role="combobox"
+            tabindex="0"
           >
             <div
-              aria-autocomplete="list"
-              aria-expanded="false"
-              aria-haspopup="true"
-              class="ant-select-selection
-                        ant-select-selection--single"
-              role="combobox"
-              tabindex="0"
+              class="ant-select-selection__rendered"
             >
               <div
-                class="ant-select-selection__rendered"
+                class="ant-select-selection-selected-value"
+                style="display:block;opacity:1;"
+                title="Option 1"
               >
-                <div
-                  class="ant-select-selection-selected-value"
-                  style="display:block;opacity:1;"
-                  title="Option 1"
-                >
-                  Option 1
-                </div>
+                Option 1
               </div>
-              <span
-                class="ant-select-arrow"
-                style="user-select:none;-webkit-user-select:none;"
-                unselectable="unselectable"
-              >
-                <b />
-              </span>
             </div>
+            <span
+              class="ant-select-arrow"
+              style="user-select:none;-webkit-user-select:none;"
+              unselectable="unselectable"
+            >
+              <b />
+            </span>
           </div>
         </div>
       </div>
@@ -2993,31 +2921,27 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
       <div
         class="ant-form-item-control has-feedback is-validating"
       >
-        <div
-          id="TriggerContainer"
+        <span
+          class="ant-cascader-picker"
+          tabindex="0"
         >
           <span
-            class="ant-cascader-picker"
-            tabindex="0"
-          >
-            <span
-              class="ant-cascader-picker-label"
-            />
-            <input
-              autocomplete="off"
-              class="ant-input ant-cascader-input ant-input-lg"
-              readonly=""
-              type="text"
-              value=""
-            />
-            <i
-              class="anticon anticon-cross-circle ant-cascader-picker-clear"
-            />
-            <i
-              class="anticon anticon-down ant-cascader-picker-arrow"
-            />
-          </span>
-        </div>
+            class="ant-cascader-picker-label"
+          />
+          <input
+            autocomplete="off"
+            class="ant-input ant-cascader-input ant-input-lg"
+            readonly=""
+            type="text"
+            value=""
+          />
+          <i
+            class="anticon anticon-cross-circle ant-cascader-picker-clear"
+          />
+          <i
+            class="anticon anticon-down ant-cascader-picker-arrow"
+          />
+        </span>
         <div
           class="ant-form-explain"
         >
@@ -3060,20 +2984,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                 <span
                   class="ant-calendar-picker"
                 >
-                  <div
-                    id="TriggerContainer"
-                  >
-                    <div>
-                      <input
-                        class="ant-calendar-picker-input ant-input ant-input-lg"
-                        placeholder="请选择日期"
-                        readonly=""
-                        value=""
-                      />
-                      <span
-                        class="ant-calendar-picker-icon"
-                      />
-                    </div>
+                  <div>
+                    <input
+                      class="ant-calendar-picker-input ant-input ant-input-lg"
+                      placeholder="请选择日期"
+                      readonly=""
+                      value=""
+                    />
+                    <span
+                      class="ant-calendar-picker-icon"
+                    />
                   </div>
                 </span>
                 <div
@@ -3109,20 +3029,16 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
                 <span
                   class="ant-calendar-picker"
                 >
-                  <div
-                    id="TriggerContainer"
-                  >
-                    <div>
-                      <input
-                        class="ant-calendar-picker-input ant-input ant-input-lg"
-                        placeholder="请选择日期"
-                        readonly=""
-                        value=""
-                      />
-                      <span
-                        class="ant-calendar-picker-icon"
-                      />
-                    </div>
+                  <div>
+                    <input
+                      class="ant-calendar-picker-input ant-input ant-input-lg"
+                      placeholder="请选择日期"
+                      readonly=""
+                      value=""
+                    />
+                    <span
+                      class="ant-calendar-picker-icon"
+                    />
                   </div>
                 </span>
               </div>
diff --git a/components/grid/__tests__/__snapshots__/demo.test.js.snap b/components/grid/__tests__/__snapshots__/demo.test.js.snap
index 34a220317f..fbd1aa81aa 100644
--- a/components/grid/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/grid/__tests__/__snapshots__/demo.test.js.snap
@@ -511,18 +511,14 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
-          id="TriggerContainer"
-        >
-          <div
-            aria-disabled="false"
-            aria-valuemax="5"
-            aria-valuemin="0"
-            aria-valuenow="1"
-            class="ant-slider-handle"
-            role="slider"
-            style="left:20%;"
-          />
-        </div>
+          aria-disabled="false"
+          aria-valuemax="5"
+          aria-valuemin="0"
+          aria-valuenow="1"
+          class="ant-slider-handle"
+          role="slider"
+          style="left:20%;"
+        />
         <div
           class="ant-slider-mark"
         >
@@ -612,18 +608,14 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
           />
         </div>
         <div
-          id="TriggerContainer"
-        >
-          <div
-            aria-disabled="false"
-            aria-valuemax="5"
-            aria-valuemin="0"
-            aria-valuenow="2"
-            class="ant-slider-handle"
-            role="slider"
-            style="left:40%;"
-          />
-        </div>
+          aria-disabled="false"
+          aria-valuemax="5"
+          aria-valuemin="0"
+          aria-valuenow="2"
+          class="ant-slider-handle"
+          role="slider"
+          style="left:40%;"
+        />
         <div
           class="ant-slider-mark"
         >
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 17d8d21b6c..8419ae2363 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -42,40 +42,36 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
           class="ant-input-group-addon"
         >
           <div
-            id="TriggerContainer"
+            class="ant-select ant-select-enabled"
+            style="width:80px;"
           >
             <div
-              class="ant-select ant-select-enabled"
-              style="width:80px;"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="Http://"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title="Http://"
-                  >
-                    Http://
-                  </div>
+                  Http://
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
         </span>
@@ -88,40 +84,36 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
           class="ant-input-group-addon"
         >
           <div
-            id="TriggerContainer"
+            class="ant-select ant-select-enabled"
+            style="width:70px;"
           >
             <div
-              class="ant-select ant-select-enabled"
-              style="width:70px;"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title=".com"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title=".com"
-                  >
-                    .com
-                  </div>
+                  .com
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
         </span>
@@ -225,39 +217,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Zhejiang"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Zhejiang"
-            >
-              Zhejiang
-            </div>
+            Zhejiang
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <input
@@ -272,39 +260,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Option1"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Option1"
-            >
-              Option1
-            </div>
+            Option1
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <input
@@ -374,20 +358,16 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     <span
       class="ant-calendar-picker"
     >
-      <div
-        id="TriggerContainer"
-      >
-        <div>
-          <input
-            class="ant-calendar-picker-input ant-input"
-            placeholder="请选择日期"
-            readonly=""
-            value=""
-          />
-          <span
-            class="ant-calendar-picker-icon"
-          />
-        </div>
+      <div>
+        <input
+          class="ant-calendar-picker-input ant-input"
+          placeholder="请选择日期"
+          readonly=""
+          value=""
+        />
+        <span
+          class="ant-calendar-picker-icon"
+        />
       </div>
     </span>
   </span>
@@ -396,75 +376,67 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Option1-1"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Option1-1"
-            >
-              Option1-1
-            </div>
+            Option1-1
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Option2-2"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Option2-2"
-            >
-              Option2-2
-            </div>
+            Option2-2
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
   </span>
@@ -473,39 +445,35 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Between"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Between"
-            >
-              Between
-            </div>
+            Between
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <input
@@ -533,95 +501,87 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Sign Up"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Sign Up"
-            >
-              Sign Up
-            </div>
+            Sign Up
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
     <div
-      id="TriggerContainer"
+      class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
+      style="width:200px;"
     >
       <div
-        class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
-        style="width:200px;"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection__placeholder"
+            style="display:block;user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
           >
-            <div
-              class="ant-select-selection__placeholder"
-              style="display:block;user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
+            Email
+          </div>
+          <ul>
+            <li
+              class="ant-select-search ant-select-search--inline"
             >
-              Email
-            </div>
-            <ul>
-              <li
-                class="ant-select-search ant-select-search--inline"
+              <div
+                class="ant-select-search__field__wrap"
               >
-                <div
-                  class="ant-select-search__field__wrap"
+                <input
+                  class="ant-input ant-select-search__field"
+                  type="text"
+                  value=""
+                />
+                <span
+                  class="ant-select-search__field__mirror"
                 >
-                  <input
-                    class="ant-input ant-select-search__field"
-                    type="text"
-                    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>
+                   
+                </span>
+              </div>
+            </li>
+          </ul>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
   </span>
@@ -630,66 +590,58 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
     class="ant-input-group ant-input-group-compact"
   >
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
+      style="width:30%;"
     >
       <div
-        class="ant-select ant-select-enabled"
-        style="width:30%;"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="Home"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="Home"
-            >
-              Home
-            </div>
+            Home
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
-    <div
-      id="TriggerContainer"
+    <span
+      class="ant-cascader-picker"
+      style="width:70%;"
+      tabindex="0"
     >
       <span
-        class="ant-cascader-picker"
-        style="width:70%;"
-        tabindex="0"
-      >
-        <span
-          class="ant-cascader-picker-label"
-        />
-        <input
-          autocomplete="off"
-          class="ant-input ant-cascader-input "
-          placeholder="Select Address"
-          readonly=""
-          type="text"
-          value=""
-        />
-        <i
-          class="anticon anticon-down ant-cascader-picker-arrow"
-        />
-      </span>
-    </div>
+        class="ant-cascader-picker-label"
+      />
+      <input
+        autocomplete="off"
+        class="ant-input ant-cascader-input "
+        placeholder="Select Address"
+        readonly=""
+        type="text"
+        value=""
+      />
+      <i
+        class="anticon anticon-down ant-cascader-picker-arrow"
+      />
+    </span>
   </span>
 </div>
 `;
@@ -764,16 +716,12 @@ exports[`renders ./components/input/demo/textarea.md correctly 1`] = `
 `;
 
 exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
-  <input
-    class="ant-input"
-    maxlength="25"
-    placeholder="Input a number"
-    style="width:120px;"
-    type="text"
-    value=""
-  />
-</div>
+<input
+  class="ant-input"
+  maxlength="25"
+  placeholder="Input a number"
+  style="width:120px;"
+  type="text"
+  value=""
+/>
 `;
diff --git a/components/layout/__tests__/__snapshots__/demo.test.js.snap b/components/layout/__tests__/__snapshots__/demo.test.js.snap
index 674f5647e3..27826e3c90 100644
--- a/components/layout/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/layout/__tests__/__snapshots__/demo.test.js.snap
@@ -143,57 +143,45 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-user"
-            />
-            <span>
-              nav 1
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          <i
+            class="anticon anticon-user"
+          />
+          <span>
+            nav 1
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-video-camera"
-            />
-            <span>
-              nav 2
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          <i
+            class="anticon anticon-video-camera"
+          />
+          <span>
+            nav 2
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-upload"
-            />
-            <span>
-              nav 3
-            </span>
-          </li>
-        </div>
+          <i
+            class="anticon anticon-upload"
+          />
+          <span>
+            nav 3
+          </span>
+        </li>
       </ul>
     </div>
   </div>
@@ -236,39 +224,27 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 1
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 1
+      </li>
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-        >
-          nav 2
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 2
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 3
-        </li>
-      </div>
+        nav 3
+      </li>
     </ul>
   </div>
   <div
@@ -351,158 +327,126 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-user"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-user"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 1
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 1
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-video-camera"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-video-camera"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 2
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 2
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-upload"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-upload"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 3
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 3
+          </span>
+        </li>
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-bar-chart"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-bar-chart"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 4
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 4
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-cloud-o"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-cloud-o"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 5
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 5
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-appstore-o"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-appstore-o"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 6
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 6
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-team"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-team"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 7
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 7
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-shop"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-shop"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 8
-            </span>
-          </li>
-        </div>
+            nav 8
+          </span>
+        </li>
       </ul>
     </div>
   </div>
@@ -648,82 +592,66 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-user"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-user"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 1
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 1
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-video-camera"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-video-camera"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 2
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 2
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-upload"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-upload"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 3
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+            nav 3
+          </span>
+        </li>
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
+          <i
+            class="anticon anticon-user"
+          />
+          <span
+            class="nav-text"
           >
-            <i
-              class="anticon anticon-user"
-            />
-            <span
-              class="nav-text"
-            >
-              nav 4
-            </span>
-          </li>
-        </div>
+            nav 4
+          </span>
+        </li>
       </ul>
     </div>
   </div>
@@ -775,40 +703,32 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
         role="menu"
         tabindex="0"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-pie-chart"
-            />
-            <span>
-              Option 1
-            </span>
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          <i
+            class="anticon anticon-pie-chart"
+          />
+          <span>
+            Option 1
+          </span>
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-desktop"
-            />
-            <span>
-              Option 2
-            </span>
-          </li>
-        </div>
+          <i
+            class="anticon anticon-desktop"
+          />
+          <span>
+            Option 2
+          </span>
+        </li>
         <li
           class="ant-menu-submenu-inline ant-menu-submenu"
         >
@@ -849,23 +769,19 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
             </span>
           </div>
         </li>
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:24px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:24px;"
-          >
-            <i
-              class="anticon anticon-file"
-            />
-            <span>
-              File
-            </span>
-          </li>
-        </div>
+          <i
+            class="anticon anticon-file"
+          />
+          <span>
+            File
+          </span>
+        </li>
       </ul>
     </div>
     <div
@@ -950,39 +866,27 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 1
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 1
+      </li>
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-        >
-          nav 2
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 2
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 3
-        </li>
-      </div>
+        nav 3
+      </li>
     </ul>
   </div>
   <div
@@ -1062,39 +966,27 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 1
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 1
+      </li>
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-        >
-          nav 2
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 2
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 3
-        </li>
-      </div>
+        nav 3
+      </li>
     </ul>
   </div>
   <div
@@ -1183,54 +1075,38 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
                 id="sub1$Menu"
                 role="menu"
               >
-                <div
-                  id="TriggerContainer"
+                <li
+                  aria-selected="true"
+                  class="ant-menu-item-selected ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
                 >
-                  <li
-                    aria-selected="true"
-                    class="ant-menu-item-selected ant-menu-item"
-                    role="menuitem"
-                    style="padding-left:48px;"
-                  >
-                    option1
-                  </li>
-                </div>
-                <div
-                  id="TriggerContainer"
+                  option1
+                </li>
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
                 >
-                  <li
-                    aria-selected="false"
-                    class="ant-menu-item"
-                    role="menuitem"
-                    style="padding-left:48px;"
-                  >
-                    option2
-                  </li>
-                </div>
-                <div
-                  id="TriggerContainer"
+                  option2
+                </li>
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
                 >
-                  <li
-                    aria-selected="false"
-                    class="ant-menu-item"
-                    role="menuitem"
-                    style="padding-left:48px;"
-                  >
-                    option3
-                  </li>
-                </div>
-                <div
-                  id="TriggerContainer"
+                  option3
+                </li>
+                <li
+                  aria-selected="false"
+                  class="ant-menu-item"
+                  role="menuitem"
+                  style="padding-left:48px;"
                 >
-                  <li
-                    aria-selected="false"
-                    class="ant-menu-item"
-                    role="menuitem"
-                    style="padding-left:48px;"
-                  >
-                    option4
-                  </li>
-                </div>
+                  option4
+                </li>
               </ul>
             </li>
             <li
@@ -1306,39 +1182,27 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
       style="line-height:64px;"
       tabindex="0"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 1
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 1
+      </li>
+      <li
+        aria-selected="true"
+        class="ant-menu-item-selected ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="true"
-          class="ant-menu-item-selected ant-menu-item"
-          role="menuitem"
-        >
-          nav 2
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        nav 2
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-        >
-          nav 3
-        </li>
-      </div>
+        nav 3
+      </li>
     </ul>
   </div>
   <div
@@ -1381,54 +1245,38 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
               id="sub1$Menu"
               role="menu"
             >
-              <div
-                id="TriggerContainer"
+              <li
+                aria-selected="true"
+                class="ant-menu-item-selected ant-menu-item"
+                role="menuitem"
+                style="padding-left:48px;"
               >
-                <li
-                  aria-selected="true"
-                  class="ant-menu-item-selected ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
-                >
-                  option1
-                </li>
-              </div>
-              <div
-                id="TriggerContainer"
+                option1
+              </li>
+              <li
+                aria-selected="false"
+                class="ant-menu-item"
+                role="menuitem"
+                style="padding-left:48px;"
               >
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
-                >
-                  option2
-                </li>
-              </div>
-              <div
-                id="TriggerContainer"
+                option2
+              </li>
+              <li
+                aria-selected="false"
+                class="ant-menu-item"
+                role="menuitem"
+                style="padding-left:48px;"
               >
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
-                >
-                  option3
-                </li>
-              </div>
-              <div
-                id="TriggerContainer"
+                option3
+              </li>
+              <li
+                aria-selected="false"
+                class="ant-menu-item"
+                role="menuitem"
+                style="padding-left:48px;"
               >
-                <li
-                  aria-selected="false"
-                  class="ant-menu-item"
-                  role="menuitem"
-                  style="padding-left:48px;"
-                >
-                  option4
-                </li>
-              </div>
+                option4
+              </li>
             </ul>
           </li>
           <li
diff --git a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
index 5464dbccdd..d9b1cc9261 100644
--- a/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
@@ -131,39 +131,35 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           class="ant-pagination-options"
         >
           <div
-            id="TriggerContainer"
+            class="ant-pagination-options-size-changer ant-select ant-select-enabled"
           >
             <div
-              class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="10 / page"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title="10 / page"
-                  >
-                    10 / page
-                  </div>
+                  10 / page
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
         </li>
@@ -173,123 +169,107 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
       class="example"
     >
       <div
-        id="TriggerContainer"
+        class="ant-select ant-select-enabled"
+        style="width:200px;"
       >
         <div
-          class="ant-select ant-select-enabled"
-          style="width:200px;"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-search ant-select-search--inline"
+              style="display:none;"
             >
               <div
-                class="ant-select-search ant-select-search--inline"
-                style="display:none;"
+                class="ant-select-search__field__wrap"
               >
-                <div
-                  class="ant-select-search__field__wrap"
+                <input
+                  autocomplete="off"
+                  class="ant-select-search__field"
+                  value=""
+                />
+                <span
+                  class="ant-select-search__field__mirror"
                 >
-                  <input
-                    autocomplete="off"
-                    class="ant-select-search__field"
-                    value=""
-                  />
-                  <span
-                    class="ant-select-search__field__mirror"
-                  >
-                     
-                  </span>
-                </div>
+                   
+                </span>
               </div>
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <span
         class="ant-calendar-picker"
       >
-        <div
-          id="TriggerContainer"
-        >
-          <div>
-            <input
-              class="ant-calendar-picker-input ant-input"
-              placeholder="Select date"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
-          </div>
-        </div>
-      </span>
-      <div
-        id="TriggerContainer"
-      >
-        <span
-          class="ant-time-picker "
-        >
+        <div>
           <input
-            class="ant-time-picker-input"
-            placeholder="Select time"
+            class="ant-calendar-picker-input ant-input"
+            placeholder="Select date"
             readonly=""
-            type="text"
             value=""
           />
           <span
-            class="ant-time-picker-icon"
+            class="ant-calendar-picker-icon"
           />
-        </span>
-      </div>
+        </div>
+      </span>
+      <span
+        class="ant-time-picker "
+      >
+        <input
+          class="ant-time-picker-input"
+          placeholder="Select time"
+          readonly=""
+          type="text"
+          value=""
+        />
+        <span
+          class="ant-time-picker-icon"
+        />
+      </span>
       <span
         class="ant-calendar-picker"
         style="width:200px;"
       >
-        <div
-          id="TriggerContainer"
+        <span
+          class="ant-calendar-picker-input ant-input"
         >
+          <input
+            class="ant-calendar-range-picker-input"
+            placeholder="Start date"
+            readonly=""
+            value=""
+          />
           <span
-            class="ant-calendar-picker-input ant-input"
+            class="ant-calendar-range-picker-separator"
           >
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="Start date"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-range-picker-separator"
-            >
-               ~ 
-            </span>
-            <input
-              class="ant-calendar-range-picker-input"
-              placeholder="End date"
-              readonly=""
-              value=""
-            />
-            <span
-              class="ant-calendar-picker-icon"
-            />
+             ~ 
           </span>
-        </div>
+          <input
+            class="ant-calendar-range-picker-input"
+            placeholder="End date"
+            readonly=""
+            value=""
+          />
+          <span
+            class="ant-calendar-picker-icon"
+          />
+        </span>
       </span>
     </div>
     <div
@@ -319,15 +299,11 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           Show confirm
         </span>
       </button>
-      <div
-        id="TriggerContainer"
+      <a
+        href="#"
       >
-        <a
-          href="#"
-        >
-          Click to confirm
-        </a>
-      </div>
+        Click to confirm
+      </a>
     </div>
     <div
       class="example"
@@ -501,75 +477,67 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
           class="ant-fullcalendar-header"
         >
           <div
-            id="TriggerContainer"
+            class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="2016"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title="2016"
-                  >
-                    2016
-                  </div>
+                  2016
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
           <div
-            id="TriggerContainer"
+            class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
           >
             <div
-              class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-haspopup="true"
+              class="ant-select-selection
+                        ant-select-selection--single"
+              role="combobox"
+              tabindex="0"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="ant-select-selection__rendered"
               >
                 <div
-                  class="ant-select-selection__rendered"
+                  class="ant-select-selection-selected-value"
+                  style="display:block;opacity:1;"
+                  title="Nov"
                 >
-                  <div
-                    class="ant-select-selection-selected-value"
-                    style="display:block;opacity:1;"
-                    title="Nov"
-                  >
-                    Nov
-                  </div>
+                  Nov
                 </div>
-                <span
-                  class="ant-select-arrow"
-                  style="user-select:none;-webkit-user-select:none;"
-                  unselectable="unselectable"
-                >
-                  <b />
-                </span>
               </div>
+              <span
+                class="ant-select-arrow"
+                style="user-select:none;-webkit-user-select:none;"
+                unselectable="unselectable"
+              >
+                <b />
+              </span>
             </div>
           </div>
           <div
@@ -1541,14 +1509,10 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
                         >
                           <span>
                             Name
-                            <div
-                              id="TriggerContainer"
-                            >
-                              <i
-                                class="anticon anticon-filter ant-dropdown-trigger"
-                                title="Filter menu"
-                              />
-                            </div>
+                            <i
+                              class="anticon anticon-filter ant-dropdown-trigger"
+                              title="Filter menu"
+                            />
                           </span>
                         </th>
                         <th
@@ -1655,39 +1619,35 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
       class="ant-pagination-options"
     >
       <div
-        id="TriggerContainer"
+        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
       >
         <div
-          class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="10 / page"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="10 / page"
-              >
-                10 / page
-              </div>
+              10 / page
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
     </li>
diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index 5db04c57dd..d8fbd05f3e 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -7,35 +7,27 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
   role="menu"
   tabindex="0"
 >
-  <div
-    id="TriggerContainer"
+  <li
+    aria-selected="true"
+    class="ant-menu-item-selected ant-menu-item"
+    role="menuitem"
   >
-    <li
-      aria-selected="true"
-      class="ant-menu-item-selected ant-menu-item"
-      role="menuitem"
-    >
-      <i
-        class="anticon anticon-mail"
-      />
-      Navigation One
-    </li>
-  </div>
-  <div
-    id="TriggerContainer"
+    <i
+      class="anticon anticon-mail"
+    />
+    Navigation One
+  </li>
+  <li
+    aria-disabled="true"
+    aria-selected="false"
+    class="ant-menu-item-disabled ant-menu-item"
+    role="menuitem"
   >
-    <li
-      aria-disabled="true"
-      aria-selected="false"
-      class="ant-menu-item-disabled ant-menu-item"
-      role="menuitem"
-    >
-      <i
-        class="anticon anticon-appstore"
-      />
-      Navigation Two
-    </li>
-  </div>
+    <i
+      class="anticon anticon-appstore"
+    />
+    Navigation Two
+  </li>
   <li
     class="ant-menu-submenu-horizontal ant-menu-submenu"
   >
@@ -53,23 +45,19 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
       </span>
     </div>
   </li>
-  <div
-    id="TriggerContainer"
+  <li
+    aria-selected="false"
+    class="ant-menu-item"
+    role="menuitem"
   >
-    <li
-      aria-selected="false"
-      class="ant-menu-item"
-      role="menuitem"
+    <a
+      href="https://ant.design"
+      rel="noopener noreferrer"
+      target="_blank"
     >
-      <a
-        href="https://ant.design"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        Navigation Four - Link
-      </a>
-    </li>
-  </div>
+      Navigation Four - Link
+    </a>
+  </li>
 </ul>
 `;
 
@@ -117,30 +105,22 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         <ul
           class="ant-menu-item-group-list"
         >
-          <div
-            id="TriggerContainer"
+          <li
+            aria-selected="true"
+            class="ant-menu-item-selected ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
           >
-            <li
-              aria-selected="true"
-              class="ant-menu-item-selected ant-menu-item"
-              role="menuitem"
-              style="padding-left:48px;"
-            >
-              Option 1
-            </li>
-          </div>
-          <div
-            id="TriggerContainer"
+            Option 1
+          </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
           >
-            <li
-              aria-selected="false"
-              class="ant-menu-item"
-              role="menuitem"
-              style="padding-left:48px;"
-            >
-              Option 2
-            </li>
-          </div>
+            Option 2
+          </li>
         </ul>
       </li>
       <li
@@ -154,30 +134,22 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
         <ul
           class="ant-menu-item-group-list"
         >
-          <div
-            id="TriggerContainer"
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
           >
-            <li
-              aria-selected="false"
-              class="ant-menu-item"
-              role="menuitem"
-              style="padding-left:48px;"
-            >
-              Option 3
-            </li>
-          </div>
-          <div
-            id="TriggerContainer"
+            Option 3
+          </li>
+          <li
+            aria-selected="false"
+            class="ant-menu-item"
+            role="menuitem"
+            style="padding-left:48px;"
           >
-            <li
-              aria-selected="false"
-              class="ant-menu-item"
-              role="menuitem"
-              style="padding-left:48px;"
-            >
-              Option 4
-            </li>
-          </div>
+            Option 4
+          </li>
         </ul>
       </li>
     </ul>
@@ -244,57 +216,45 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
     role="menu"
     tabindex="0"
   >
-    <div
-      id="TriggerContainer"
+    <li
+      aria-selected="true"
+      class="ant-menu-item-selected ant-menu-item"
+      role="menuitem"
+      style="padding-left:24px;"
     >
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;"
-      >
-        <i
-          class="anticon anticon-pie-chart"
-        />
-        <span>
-          Option 1
-        </span>
-      </li>
-    </div>
-    <div
-      id="TriggerContainer"
+      <i
+        class="anticon anticon-pie-chart"
+      />
+      <span>
+        Option 1
+      </span>
+    </li>
+    <li
+      aria-selected="false"
+      class="ant-menu-item"
+      role="menuitem"
+      style="padding-left:24px;"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;"
-      >
-        <i
-          class="anticon anticon-desktop"
-        />
-        <span>
-          Option 2
-        </span>
-      </li>
-    </div>
-    <div
-      id="TriggerContainer"
+      <i
+        class="anticon anticon-desktop"
+      />
+      <span>
+        Option 2
+      </span>
+    </li>
+    <li
+      aria-selected="false"
+      class="ant-menu-item"
+      role="menuitem"
+      style="padding-left:24px;"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;"
-      >
-        <i
-          class="anticon anticon-inbox"
-        />
-        <span>
-          Option 3
-        </span>
-      </li>
-    </div>
+      <i
+        class="anticon anticon-inbox"
+      />
+      <span>
+        Option 3
+      </span>
+    </li>
     <li
       class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
     >
@@ -320,54 +280,38 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 5
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 5
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 6
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 6
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 7
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 7
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 8
-          </li>
-        </div>
+          Option 8
+        </li>
       </ul>
     </li>
     <li
@@ -427,54 +371,38 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
       id="sub1$Menu"
       role="menu"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:48px;"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
-        >
-          Option 1
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        Option 1
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:48px;"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
-        >
-          Option 2
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        Option 2
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:48px;"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
-        >
-          Option 3
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        Option 3
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-menu-item"
+        role="menuitem"
+        style="padding-left:48px;"
       >
-        <li
-          aria-selected="false"
-          class="ant-menu-item"
-          role="menuitem"
-          style="padding-left:48px;"
-        >
-          Option 4
-        </li>
-      </div>
+        Option 4
+      </li>
     </ul>
   </li>
   <li
@@ -553,36 +481,28 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
     style="width:240px;"
     tabindex="0"
   >
-    <div
-      id="TriggerContainer"
+    <li
+      aria-selected="true"
+      class="ant-menu-item-selected ant-menu-item"
+      role="menuitem"
+      style="padding-left:24px;"
     >
-      <li
-        aria-selected="true"
-        class="ant-menu-item-selected ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;"
-      >
-        <i
-          class="anticon anticon-mail"
-        />
-        Navigation One
-      </li>
-    </div>
-    <div
-      id="TriggerContainer"
+      <i
+        class="anticon anticon-mail"
+      />
+      Navigation One
+    </li>
+    <li
+      aria-selected="false"
+      class="ant-menu-item"
+      role="menuitem"
+      style="padding-left:24px;"
     >
-      <li
-        aria-selected="false"
-        class="ant-menu-item"
-        role="menuitem"
-        style="padding-left:24px;"
-      >
-        <i
-          class="anticon anticon-calendar"
-        />
-        Navigation Two
-      </li>
-    </div>
+      <i
+        class="anticon anticon-calendar"
+      />
+      Navigation Two
+    </li>
     <li
       class="ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu"
     >
@@ -608,30 +528,22 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 3
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 3
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 4
-          </li>
-        </div>
+          Option 4
+        </li>
         <li
           class="ant-menu-submenu-inline ant-menu-submenu"
         >
@@ -718,54 +630,38 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
         id="sub1$Menu"
         role="menu"
       >
-        <div
-          id="TriggerContainer"
+        <li
+          aria-selected="true"
+          class="ant-menu-item-selected ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="true"
-            class="ant-menu-item-selected ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 1
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 1
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 2
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 2
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 3
-          </li>
-        </div>
-        <div
-          id="TriggerContainer"
+          Option 3
+        </li>
+        <li
+          aria-selected="false"
+          class="ant-menu-item"
+          role="menuitem"
+          style="padding-left:48px;"
         >
-          <li
-            aria-selected="false"
-            class="ant-menu-item"
-            role="menuitem"
-            style="padding-left:48px;"
-          >
-            Option 4
-          </li>
-        </div>
+          Option 4
+        </li>
       </ul>
     </li>
     <li
diff --git a/components/notification/__tests__/__snapshots__/demo.test.js.snap b/components/notification/__tests__/__snapshots__/demo.test.js.snap
index a6c10bb69a..6c013d84dd 100644
--- a/components/notification/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/notification/__tests__/__snapshots__/demo.test.js.snap
@@ -47,40 +47,36 @@ exports[`renders ./components/notification/demo/duration.md correctly 1`] = `
 exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
 <div>
   <div
-    id="TriggerContainer"
+    class="ant-select ant-select-enabled"
+    style="width:120px;margin-right:10px;"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:120px;margin-right:10px;"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__rendered"
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="topRight"
         >
-          <div
-            class="ant-select-selection-selected-value"
-            style="display:block;opacity:1;"
-            title="topRight"
-          >
-            topRight
-          </div>
+          topRight
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        <b />
+      </span>
     </div>
   </div>
   <button
diff --git a/components/pagination/__tests__/__snapshots__/demo.test.js.snap b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
index 04be301406..99ce395216 100644
--- a/components/pagination/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/pagination/__tests__/__snapshots__/demo.test.js.snap
@@ -165,39 +165,35 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
     class="ant-pagination-options"
   >
     <div
-      id="TriggerContainer"
+      class="ant-pagination-options-size-changer ant-select ant-select-enabled"
     >
       <div
-        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="10 条/页"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="10 条/页"
-            >
-              10 条/页
-            </div>
+            10 条/页
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </div>
   </li>
@@ -618,39 +614,35 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
       class="ant-pagination-options"
     >
       <div
-        id="TriggerContainer"
+        class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
       >
         <div
-          class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-haspopup="true"
+          class="ant-select-selection
+                    ant-select-selection--single"
+          role="combobox"
+          tabindex="0"
         >
           <div
-            aria-autocomplete="list"
-            aria-expanded="false"
-            aria-haspopup="true"
-            class="ant-select-selection
-                      ant-select-selection--single"
-            role="combobox"
-            tabindex="0"
+            class="ant-select-selection__rendered"
           >
             <div
-              class="ant-select-selection__rendered"
+              class="ant-select-selection-selected-value"
+              style="display:block;opacity:1;"
+              title="10 条/页"
             >
-              <div
-                class="ant-select-selection-selected-value"
-                style="display:block;opacity:1;"
-                title="10 条/页"
-              >
-                10 条/页
-              </div>
+              10 条/页
             </div>
-            <span
-              class="ant-select-arrow"
-              style="user-select:none;-webkit-user-select:none;"
-              unselectable="unselectable"
-            >
-              <b />
-            </span>
           </div>
+          <span
+            class="ant-select-arrow"
+            style="user-select:none;-webkit-user-select:none;"
+            unselectable="unselectable"
+          >
+            <b />
+          </span>
         </div>
       </div>
       <div
diff --git a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
index 8bcc284bd9..004ef45115 100644
--- a/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
@@ -1,28 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/popconfirm/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  href="#"
 >
-  <a
-    href="#"
-  >
-    Delete
-  </a>
-</div>
+  Delete
+</a>
 `;
 
 exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
+  <a
+    href="#"
   >
-    <a
-      href="#"
-    >
-      Delete a task
-    </a>
-  </div>
+    Delete a task
+  </a>
   <br />
   <br />
   Whether directly execute：
@@ -38,15 +30,11 @@ exports[`renders ./components/popconfirm/demo/dynamic-trigger.md correctly 1`] =
 `;
 
 exports[`renders ./components/popconfirm/demo/locale.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<a
+  href="#"
 >
-  <a
-    href="#"
-  >
-    Delete
-  </a>
-</div>
+  Delete
+</a>
 `;
 
 exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
@@ -56,162 +44,114 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:70px;white-space:nowrap;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          TL
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        TL
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Top
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Top
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          TR
-        </span>
-      </button>
-    </div>
+      <span>
+        TR
+      </span>
+    </button>
   </div>
   <div
     style="width:70px;float:left;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          LT
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        LT
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Left
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Left
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          LB
-        </span>
-      </button>
-    </div>
+      <span>
+        LB
+      </span>
+    </button>
   </div>
   <div
     style="width:70px;margin-left:304px;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          RT
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        RT
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Right
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Right
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          RB
-        </span>
-      </button>
-    </div>
+      <span>
+        RB
+      </span>
+    </button>
   </div>
   <div
     style="margin-left:70px;clear:both;white-space:nowrap;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          BL
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        BL
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Bottom
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Bottom
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          BR
-        </span>
-      </button>
-    </div>
+      <span>
+        BR
+      </span>
+    </button>
   </div>
 </div>
 `;
diff --git a/components/popover/__tests__/__snapshots__/demo.test.js.snap b/components/popover/__tests__/__snapshots__/demo.test.js.snap
index 1616e59f10..bf241f1e9a 100644
--- a/components/popover/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/popover/__tests__/__snapshots__/demo.test.js.snap
@@ -2,63 +2,47 @@
 
 exports[`renders ./components/popover/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
-  >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Align edge / 边缘对齐
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Arrow points to center / 箭头指向中心
-      </span>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <button
-    class="ant-btn ant-btn-primary"
+    class="ant-btn"
     type="button"
   >
     <span>
-      Hover me
+      Align edge / 边缘对齐
     </span>
   </button>
-</div>
-`;
-
-exports[`renders ./components/popover/demo/control.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <button
-    class="ant-btn ant-btn-primary"
+    class="ant-btn"
     type="button"
   >
     <span>
-      Click me
+      Arrow points to center / 箭头指向中心
     </span>
   </button>
 </div>
 `;
 
+exports[`renders ./components/popover/demo/basic.md correctly 1`] = `
+<button
+  class="ant-btn ant-btn-primary"
+  type="button"
+>
+  <span>
+    Hover me
+  </span>
+</button>
+`;
+
+exports[`renders ./components/popover/demo/control.md correctly 1`] = `
+<button
+  class="ant-btn ant-btn-primary"
+  type="button"
+>
+  <span>
+    Click me
+  </span>
+</button>
+`;
+
 exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
 <div
   class="demo"
@@ -66,203 +50,143 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:70px;white-space:nowrap;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          TL
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        TL
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Top
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Top
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          TR
-        </span>
-      </button>
-    </div>
+      <span>
+        TR
+      </span>
+    </button>
   </div>
   <div
     style="width:70px;float:left;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          LT
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        LT
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Left
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Left
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          LB
-        </span>
-      </button>
-    </div>
+      <span>
+        LB
+      </span>
+    </button>
   </div>
   <div
     style="width:70px;margin-left:304px;"
   >
-    <div
-      id="TriggerContainer"
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          RT
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        RT
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Right
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
+      <span>
+        Right
+      </span>
+    </button>
+    <button
+      class="ant-btn"
+      type="button"
     >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          RB
-        </span>
-      </button>
-    </div>
+      <span>
+        RB
+      </span>
+    </button>
   </div>
   <div
     style="margin-left:70px;clear:both;white-space:nowrap;"
-  >
-    <div
-      id="TriggerContainer"
-    >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          BL
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
-    >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          Bottom
-        </span>
-      </button>
-    </div>
-    <div
-      id="TriggerContainer"
-    >
-      <button
-        class="ant-btn"
-        type="button"
-      >
-        <span>
-          BR
-        </span>
-      </button>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
-<div>
-  <div
-    id="TriggerContainer"
   >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        Hover me
+        BL
       </span>
     </button>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        Focus me
+        Bottom
       </span>
     </button>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
     <button
       class="ant-btn"
       type="button"
     >
       <span>
-        Click me
+        BR
       </span>
     </button>
   </div>
 </div>
 `;
+
+exports[`renders ./components/popover/demo/triggerType.md correctly 1`] = `
+<div>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Hover me
+    </span>
+  </button>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Focus me
+    </span>
+  </button>
+  <button
+    class="ant-btn"
+    type="button"
+  >
+    <span>
+      Click me
+    </span>
+  </button>
+</div>
+`;
diff --git a/components/select/__tests__/__snapshots__/demo.test.js.snap b/components/select/__tests__/__snapshots__/demo.test.js.snap
index 78d66e823b..0018750fee 100644
--- a/components/select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/select/__tests__/__snapshots__/demo.test.js.snap
@@ -2,44 +2,40 @@
 
 exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select ant-select-enabled"
+  style="width:100%;"
 >
   <div
-    class="ant-select ant-select-enabled"
-    style="width:100%;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--multiple"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--multiple"
-      role="combobox"
+      class="ant-select-selection__rendered"
     >
-      <div
-        class="ant-select-selection__rendered"
-      >
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <div
+            class="ant-select-search__field__wrap"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            <input
+              autocomplete="off"
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value=""
-              />
-              <span
-                class="ant-select-search__field__mirror"
-              >
-                 
-              </span>
-            </div>
-          </li>
-        </ul>
-      </div>
+               
+            </span>
+          </div>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -48,94 +44,41 @@ exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`
 exports[`renders ./components/select/demo/basic.md correctly 1`] = `
 <div>
   <div
-    id="TriggerContainer"
+    class="ant-select ant-select-enabled"
+    style="width:120px;"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:120px;"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__rendered"
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Lucy"
         >
-          <div
-            class="ant-select-selection-selected-value"
-            style="display:block;opacity:1;"
-            title="Lucy"
-          >
-            Lucy
-          </div>
+          Lucy
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
-    </div>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <div
-      class="ant-select ant-select-disabled ant-select-allow-clear"
-      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"
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__rendered"
-        >
-          <div
-            class="ant-select-selection-selected-value"
-            style="display:block;opacity:1;"
-            title="Lucy"
-          >
-            Lucy
-          </div>
-        </div>
-        <span
-          class="ant-select-selection__clear"
-          style="user-select:none;-webkit-user-select:none;display:block;"
-          unselectable="unselectable"
-        />
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
-      </div>
+        <b />
+      </span>
     </div>
   </div>
-</div>
-`;
-
-exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <div
-    class="ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    class="ant-select ant-select-disabled ant-select-allow-clear"
+    style="width:120px;"
   >
     <div
       aria-autocomplete="list"
@@ -144,38 +87,24 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
       class="ant-select-selection
                 ant-select-selection--single"
       role="combobox"
+      tabindex="0"
     >
       <div
         class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Lucy"
         >
-          Enter the account name
+          Lucy
         </div>
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
-          >
-            <div
-              class="ant-select-search__field__wrap"
-            >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value=""
-              />
-              <span
-                class="ant-select-search__field__mirror"
-              >
-                 
-              </span>
-            </div>
-          </li>
-        </ul>
       </div>
+      <span
+        class="ant-select-selection__clear"
+        style="user-select:none;-webkit-user-select:none;display:block;"
+        unselectable="unselectable"
+      />
       <span
         class="ant-select-arrow"
         style="user-select:none;-webkit-user-select:none;"
@@ -188,92 +117,66 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
 </div>
 `;
 
-exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
-<div>
+exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
+<div
+  class="ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;"
+>
   <div
-    id="TriggerContainer"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:90px;"
+      class="ant-select-selection__rendered"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <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>
+        Enter the account name
       </div>
-    </div>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <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"
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
           <div
-            class="ant-select-selection-selected-value"
-            style="display:block;opacity:1;"
-            title="Hangzhou"
+            class="ant-select-search__field__wrap"
           >
-            Hangzhou
+            <input
+              autocomplete="off"
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
           </div>
-        </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </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[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
+exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
+<div>
   <div
     class="ant-select ant-select-enabled"
-    style="width:120px;"
+    style="width:90px;"
   >
     <div
       aria-autocomplete="list"
@@ -290,9 +193,9 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
         <div
           class="ant-select-selection-selected-value"
           style="display:block;opacity:1;"
-          title="Lucy (101)"
+          title="Zhejiang"
         >
-          Lucy (101)
+          Zhejiang
         </div>
       </div>
       <span
@@ -304,161 +207,134 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
       </span>
     </div>
   </div>
-</div>
-`;
-
-exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <div
     class="ant-select ant-select-enabled"
-    style="width:100%;"
+    style="width:90px;"
   >
     <div
       aria-autocomplete="list"
       aria-expanded="false"
       aria-haspopup="true"
       class="ant-select-selection
-                ant-select-selection--multiple"
+                ant-select-selection--single"
       role="combobox"
+      tabindex="0"
     >
       <div
         class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__placeholder"
-          style="display:none;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="Hangzhou"
         >
-          Please select
+          Hangzhou
         </div>
-        <ul>
-          <li
-            class="ant-select-selection__choice"
-            style="user-select:none;-webkit-user-select:none;"
-            title="a10"
-            unselectable="unselectable"
-          >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              a10
-            </div>
-            <span
-              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"
-          >
-            <div
-              class="ant-select-selection__choice__content"
-            >
-              c12
-            </div>
-            <span
-              class="ant-select-selection__choice__remove"
-            />
-          </li>
-          <li
-            class="ant-select-search ant-select-search--inline"
-          >
-            <div
-              class="ant-select-search__field__wrap"
-            >
-              <input
-                autocomplete="off"
-                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>
 </div>
 `;
 
-exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
+exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select ant-select-enabled"
+  style="width:120px;"
 >
   <div
-    class="ant-select ant-select-enabled"
-    style="width:200px;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
+    tabindex="0"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection-selected-value"
+        style="display:block;opacity:1;"
+        title="Lucy (101)"
       >
-        <div
-          class="ant-select-selection-selected-value"
-          style="display:block;opacity:1;"
-          title="Lucy"
-        >
-          Lucy
-        </div>
+        Lucy (101)
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
-        unselectable="unselectable"
-      >
-        <b />
-      </span>
     </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/search.md correctly 1`] = `
+exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select ant-select-enabled"
+  style="width:100%;"
 >
   <div
-    class="ant-select ant-select-enabled"
-    style="width:200px;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--multiple"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
+        style="display:none;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
+        Please select
+      </div>
+      <ul>
+        <li
+          class="ant-select-selection__choice"
+          style="user-select:none;-webkit-user-select:none;"
+          title="a10"
           unselectable="unselectable"
         >
-          Select a person
-        </div>
-        <div
+          <div
+            class="ant-select-selection__choice__content"
+          >
+            a10
+          </div>
+          <span
+            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"
+        >
+          <div
+            class="ant-select-selection__choice__content"
+          >
+            c12
+          </div>
+          <span
+            class="ant-select-selection__choice__remove"
+          />
+        </li>
+        <li
           class="ant-select-search ant-select-search--inline"
-          style="display:none;"
         >
           <div
             class="ant-select-search__field__wrap"
@@ -474,67 +350,147 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
                
             </span>
           </div>
-        </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
+<div
+  class="ant-select 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"
+    tabindex="0"
+  >
+    <div
+      class="ant-select-selection__rendered"
+    >
+      <div
+        class="ant-select-selection-selected-value"
+        style="display:block;opacity:1;"
+        title="Lucy"
+      >
+        Lucy
       </div>
-      <span
-        class="ant-select-arrow"
-        style="user-select:none;-webkit-user-select:none;"
+    </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/search.md correctly 1`] = `
+<div
+  class="ant-select 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"
+    tabindex="0"
+  >
+    <div
+      class="ant-select-selection__rendered"
+    >
+      <div
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
         unselectable="unselectable"
       >
-        <b />
-      </span>
+        Select a person
+      </div>
+      <div
+        class="ant-select-search ant-select-search--inline"
+        style="display:none;"
+      >
+        <div
+          class="ant-select-search__field__wrap"
+        >
+          <input
+            autocomplete="off"
+            class="ant-select-search__field"
+            value=""
+          />
+          <span
+            class="ant-select-search__field__mirror"
+          >
+             
+          </span>
+        </div>
+      </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/search-box.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select ant-select-combobox ant-select-enabled"
+  style="width:200px;"
 >
   <div
-    class="ant-select ant-select-combobox ant-select-enabled"
-    style="width:200px;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+        input search text
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
-          input search text
-        </div>
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+          <div
+            class="ant-select-search__field__wrap"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            <input
+              autocomplete="off"
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value=""
-              />
-              <span
-                class="ant-select-search__field__mirror"
-              >
-                 
-              </span>
-            </div>
-          </li>
-        </ul>
-      </div>
+               
+            </span>
+          </div>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -542,51 +498,47 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
 
 exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
 <div
-  id="TriggerContainer"
+  class="ant-select ant-select-enabled"
+  style="width:100%;"
 >
   <div
-    class="ant-select ant-select-enabled"
-    style="width:100%;"
+    aria-autocomplete="list"
+    aria-expanded="false"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--multiple"
+    role="combobox"
   >
     <div
-      aria-autocomplete="list"
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--multiple"
-      role="combobox"
+      class="ant-select-selection__rendered"
     >
       <div
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
+        Select users
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
         >
-          Select users
-        </div>
-        <ul>
-          <li
-            class="ant-select-search ant-select-search--inline"
+          <div
+            class="ant-select-search__field__wrap"
           >
-            <div
-              class="ant-select-search__field__wrap"
+            <input
+              autocomplete="off"
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
             >
-              <input
-                autocomplete="off"
-                class="ant-select-search__field"
-                value=""
-              />
-              <span
-                class="ant-select-search__field__mirror"
-              >
-                 
-              </span>
-            </div>
-          </li>
-        </ul>
-      </div>
+               
+            </span>
+          </div>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -656,259 +608,161 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
   <br />
   <br />
   <div
-    id="TriggerContainer"
+    class="ant-select ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:200px;"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
+      tabindex="0"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--single"
-        role="combobox"
-        tabindex="0"
+        class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__rendered"
+          class="ant-select-selection-selected-value"
+          style="display:block;opacity:1;"
+          title="a1"
         >
-          <div
-            class="ant-select-selection-selected-value"
-            style="display:block;opacity:1;"
-            title="a1"
-          >
-            a1
-          </div>
+          a1
         </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
       </div>
-    </div>
-  </div>
-  <br />
-  <div
-    id="TriggerContainer"
-  >
-    <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"
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
       >
-        <div
-          class="ant-select-selection__rendered"
-        >
-          <ul>
-            <li
-              class="ant-select-search ant-select-search--inline"
-            >
-              <div
-                class="ant-select-search__field__wrap"
-              >
-                <input
-                  autocomplete="off"
-                  class="ant-select-search__field"
-                  value="a1"
-                />
-                <span
-                  class="ant-select-search__field__mirror"
-                >
-                  a1 
-                </span>
-              </div>
-            </li>
-          </ul>
-        </div>
-        <span
-          class="ant-select-arrow"
-          style="user-select:none;-webkit-user-select:none;"
-          unselectable="unselectable"
-        >
-          <b />
-        </span>
-      </div>
+        <b />
+      </span>
     </div>
   </div>
   <br />
   <div
-    id="TriggerContainer"
+    class="ant-select ant-select-combobox ant-select-enabled"
+    style="width:200px;"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:100%;"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--single"
+      role="combobox"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--multiple"
-        role="combobox"
+        class="ant-select-selection__rendered"
       >
-        <div
-          class="ant-select-selection__rendered"
-        >
-          <div
-            class="ant-select-selection__placeholder"
-            style="display:none;user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
+        <ul>
+          <li
+            class="ant-select-search ant-select-search--inline"
           >
-            Please select
-          </div>
-          <ul>
-            <li
-              class="ant-select-selection__choice"
-              style="user-select:none;-webkit-user-select:none;"
-              title="a10"
-              unselectable="unselectable"
+            <div
+              class="ant-select-search__field__wrap"
             >
-              <div
-                class="ant-select-selection__choice__content"
-              >
-                a10
-              </div>
-              <span
-                class="ant-select-selection__choice__remove"
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value="a1"
               />
-            </li>
-            <li
-              class="ant-select-selection__choice"
-              style="user-select:none;-webkit-user-select:none;"
-              title="c12"
-              unselectable="unselectable"
-            >
-              <div
-                class="ant-select-selection__choice__content"
-              >
-                c12
-              </div>
               <span
-                class="ant-select-selection__choice__remove"
-              />
-            </li>
-            <li
-              class="ant-select-search ant-select-search--inline"
-            >
-              <div
-                class="ant-select-search__field__wrap"
+                class="ant-select-search__field__mirror"
               >
-                <input
-                  autocomplete="off"
-                  class="ant-select-search__field"
-                  value=""
-                />
-                <span
-                  class="ant-select-search__field__mirror"
-                >
-                   
-                </span>
-              </div>
-            </li>
-          </ul>
-        </div>
+                a1 
+              </span>
+            </div>
+          </li>
+        </ul>
       </div>
+      <span
+        class="ant-select-arrow"
+        style="user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        <b />
+      </span>
     </div>
   </div>
   <br />
   <div
-    id="TriggerContainer"
+    class="ant-select ant-select-enabled"
+    style="width:100%;"
   >
     <div
-      class="ant-select ant-select-enabled"
-      style="width:100%;"
+      aria-autocomplete="list"
+      aria-expanded="false"
+      aria-haspopup="true"
+      class="ant-select-selection
+                ant-select-selection--multiple"
+      role="combobox"
     >
       <div
-        aria-autocomplete="list"
-        aria-expanded="false"
-        aria-haspopup="true"
-        class="ant-select-selection
-                  ant-select-selection--multiple"
-        role="combobox"
+        class="ant-select-selection__rendered"
       >
         <div
-          class="ant-select-selection__rendered"
+          class="ant-select-selection__placeholder"
+          style="display:none;user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
         >
-          <div
-            class="ant-select-selection__placeholder"
-            style="display:none;user-select:none;-webkit-user-select:none;"
+          Please select
+        </div>
+        <ul>
+          <li
+            class="ant-select-selection__choice"
+            style="user-select:none;-webkit-user-select:none;"
+            title="a10"
             unselectable="unselectable"
           >
-            Please select
-          </div>
-          <ul>
-            <li
-              class="ant-select-selection__choice"
-              style="user-select:none;-webkit-user-select:none;"
-              title="a10"
-              unselectable="unselectable"
+            <div
+              class="ant-select-selection__choice__content"
             >
-              <div
-                class="ant-select-selection__choice__content"
-              >
-                a10
-              </div>
-              <span
-                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"
+              a10
+            </div>
+            <span
+              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"
+          >
+            <div
+              class="ant-select-selection__choice__content"
             >
-              <div
-                class="ant-select-selection__choice__content"
-              >
-                c12
-              </div>
-              <span
-                class="ant-select-selection__choice__remove"
-              />
-            </li>
-            <li
-              class="ant-select-search ant-select-search--inline"
+              c12
+            </div>
+            <span
+              class="ant-select-selection__choice__remove"
+            />
+          </li>
+          <li
+            class="ant-select-search ant-select-search--inline"
+          >
+            <div
+              class="ant-select-search__field__wrap"
             >
-              <div
-                class="ant-select-search__field__wrap"
+              <input
+                autocomplete="off"
+                class="ant-select-search__field"
+                value=""
+              />
+              <span
+                class="ant-select-search__field__mirror"
               >
-                <input
-                  autocomplete="off"
-                  class="ant-select-search__field"
-                  value=""
-                />
-                <span
-                  class="ant-select-search__field__mirror"
-                >
-                   
-                </span>
-              </div>
-            </li>
-          </ul>
-        </div>
+                 
+              </span>
+            </div>
+          </li>
+        </ul>
       </div>
     </div>
   </div>
-</div>
-`;
-
-exports[`renders ./components/select/demo/tags.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
+  <br />
   <div
     class="ant-select ant-select-enabled"
     style="width:100%;"
@@ -926,12 +780,42 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
       >
         <div
           class="ant-select-selection__placeholder"
-          style="display:block;user-select:none;-webkit-user-select:none;"
+          style="display:none;user-select:none;-webkit-user-select:none;"
           unselectable="unselectable"
         >
-          Tags Mode
+          Please select
         </div>
         <ul>
+          <li
+            class="ant-select-selection__choice"
+            style="user-select:none;-webkit-user-select:none;"
+            title="a10"
+            unselectable="unselectable"
+          >
+            <div
+              class="ant-select-selection__choice__content"
+            >
+              a10
+            </div>
+            <span
+              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"
+          >
+            <div
+              class="ant-select-selection__choice__content"
+            >
+              c12
+            </div>
+            <span
+              class="ant-select-selection__choice__remove"
+            />
+          </li>
           <li
             class="ant-select-search ant-select-search--inline"
           >
@@ -956,3 +840,51 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
   </div>
 </div>
 `;
+
+exports[`renders ./components/select/demo/tags.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"
+  >
+    <div
+      class="ant-select-selection__rendered"
+    >
+      <div
+        class="ant-select-selection__placeholder"
+        style="display:block;user-select:none;-webkit-user-select:none;"
+        unselectable="unselectable"
+      >
+        Tags Mode
+      </div>
+      <ul>
+        <li
+          class="ant-select-search ant-select-search--inline"
+        >
+          <div
+            class="ant-select-search__field__wrap"
+          >
+            <input
+              autocomplete="off"
+              class="ant-select-search__field"
+              value=""
+            />
+            <span
+              class="ant-select-search__field__mirror"
+            >
+               
+            </span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
diff --git a/components/slider/__tests__/__snapshots__/demo.test.js.snap b/components/slider/__tests__/__snapshots__/demo.test.js.snap
index 9d8304a901..3e8ef956ab 100644
--- a/components/slider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/slider/__tests__/__snapshots__/demo.test.js.snap
@@ -16,18 +16,14 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="30"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:30%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="30"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:30%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -46,31 +42,23 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="20"
-        class="ant-slider-handle ant-slider-handle-1"
-        role="slider"
-        style="left:20%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="20"
+      class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
+      style="left:20%;"
+    />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="50"
-        class="ant-slider-handle ant-slider-handle-2"
-        role="slider"
-        style="left:50%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="50"
+      class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
+      style="left:50%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -103,18 +91,14 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="30"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:30%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="30"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:30%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -133,31 +117,23 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="20"
-        class="ant-slider-handle ant-slider-handle-1"
-        role="slider"
-        style="left:20%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="20"
+      class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
+      style="left:20%;"
+    />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="50"
-        class="ant-slider-handle ant-slider-handle-2"
-        role="slider"
-        style="left:50%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="50"
+      class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
+      style="left:50%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -186,18 +162,14 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="20"
-        aria-valuemin="0"
-        aria-valuenow="0"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:0%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="20"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:0%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -230,18 +202,14 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
-          id="TriggerContainer"
-        >
-          <div
-            aria-disabled="false"
-            aria-valuemax="20"
-            aria-valuemin="1"
-            aria-valuenow="1"
-            class="ant-slider-handle"
-            role="slider"
-            style="left:0%;"
-          />
-        </div>
+          aria-disabled="false"
+          aria-valuemax="20"
+          aria-valuemin="1"
+          aria-valuenow="1"
+          class="ant-slider-handle"
+          role="slider"
+          style="left:0%;"
+        />
         <div
           class="ant-slider-mark"
         />
@@ -321,18 +289,14 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
           class="ant-slider-step"
         />
         <div
-          id="TriggerContainer"
-        >
-          <div
-            aria-disabled="false"
-            aria-valuemax="1"
-            aria-valuemin="0"
-            aria-valuenow="0"
-            class="ant-slider-handle"
-            role="slider"
-            style="left:0%;"
-          />
-        </div>
+          aria-disabled="false"
+          aria-valuemax="1"
+          aria-valuemin="0"
+          aria-valuenow="0"
+          class="ant-slider-handle"
+          role="slider"
+          style="left:0%;"
+        />
         <div
           class="ant-slider-mark"
         />
@@ -431,18 +395,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:37%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:37%;"
+    />
     <div
       class="ant-slider-mark"
     >
@@ -505,31 +465,23 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="26"
-        class="ant-slider-handle ant-slider-handle-1"
-        role="slider"
-        style="left:26%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="26"
+      class="ant-slider-handle ant-slider-handle-1"
+      role="slider"
+      style="left:26%;"
+    />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle ant-slider-handle-2"
-        role="slider"
-        style="left:37%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
+      class="ant-slider-handle ant-slider-handle-2"
+      role="slider"
+      style="left:37%;"
+    />
     <div
       class="ant-slider-mark"
     >
@@ -595,18 +547,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:37%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:37%;"
+    />
     <div
       class="ant-slider-mark"
     >
@@ -672,18 +620,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:37%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:37%;"
+    />
     <div
       class="ant-slider-mark"
     >
@@ -749,18 +693,14 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
       />
     </div>
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="37"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:37%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="37"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:37%;"
+    />
     <div
       class="ant-slider-mark"
     >
@@ -811,18 +751,14 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="0"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:0%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:0%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -841,18 +777,14 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
       class="ant-slider-step"
     />
     <div
-      id="TriggerContainer"
-    >
-      <div
-        aria-disabled="false"
-        aria-valuemax="100"
-        aria-valuemin="0"
-        aria-valuenow="0"
-        class="ant-slider-handle"
-        role="slider"
-        style="left:0%;"
-      />
-    </div>
+      aria-disabled="false"
+      aria-valuemax="100"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-slider-handle"
+      role="slider"
+      style="left:0%;"
+    />
     <div
       class="ant-slider-mark"
     />
@@ -881,18 +813,14 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
-        id="TriggerContainer"
-      >
-        <div
-          aria-disabled="false"
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="30"
-          class="ant-slider-handle"
-          role="slider"
-          style="bottom:30%;"
-        />
-      </div>
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="30"
+        class="ant-slider-handle"
+        role="slider"
+        style="bottom:30%;"
+      />
       <div
         class="ant-slider-mark"
       />
@@ -915,31 +843,23 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         class="ant-slider-step"
       />
       <div
-        id="TriggerContainer"
-      >
-        <div
-          aria-disabled="false"
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="20"
-          class="ant-slider-handle ant-slider-handle-1"
-          role="slider"
-          style="bottom:20%;"
-        />
-      </div>
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="20"
+        class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
+        style="bottom:20%;"
+      />
       <div
-        id="TriggerContainer"
-      >
-        <div
-          aria-disabled="false"
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="50"
-          class="ant-slider-handle ant-slider-handle-2"
-          role="slider"
-          style="bottom:50%;"
-        />
-      </div>
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="50"
+        class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
+        style="bottom:50%;"
+      />
       <div
         class="ant-slider-mark"
       />
@@ -979,31 +899,23 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
         />
       </div>
       <div
-        id="TriggerContainer"
-      >
-        <div
-          aria-disabled="false"
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="26"
-          class="ant-slider-handle ant-slider-handle-1"
-          role="slider"
-          style="bottom:26%;"
-        />
-      </div>
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="26"
+        class="ant-slider-handle ant-slider-handle-1"
+        role="slider"
+        style="bottom:26%;"
+      />
       <div
-        id="TriggerContainer"
-      >
-        <div
-          aria-disabled="false"
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="37"
-          class="ant-slider-handle ant-slider-handle-2"
-          role="slider"
-          style="bottom:37%;"
-        />
-      </div>
+        aria-disabled="false"
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="37"
+        class="ant-slider-handle ant-slider-handle-2"
+        role="slider"
+        style="bottom:37%;"
+      />
       <div
         class="ant-slider-mark"
       >
diff --git a/components/steps/__tests__/__snapshots__/demo.test.js.snap b/components/steps/__tests__/__snapshots__/demo.test.js.snap
index 924e5f95fa..2e4bf73980 100644
--- a/components/steps/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/steps/__tests__/__snapshots__/demo.test.js.snap
@@ -26,13 +26,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <div
-              id="TriggerContainer"
-            >
-              <span
-                class="ant-steps-icon-dot"
-              />
-            </div>
+            <span
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
@@ -74,13 +70,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <div
-              id="TriggerContainer"
-            >
-              <span
-                class="ant-steps-icon-dot"
-              />
-            </div>
+            <span
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
@@ -122,13 +114,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <div
-              id="TriggerContainer"
-            >
-              <span
-                class="ant-steps-icon-dot"
-              />
-            </div>
+            <span
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
@@ -169,13 +157,9 @@ exports[`renders ./components/steps/demo/customized-progress-dot.md correctly 1`
           <span
             class="ant-steps-icon"
           >
-            <div
-              id="TriggerContainer"
-            >
-              <span
-                class="ant-steps-icon-dot"
-              />
-            </div>
+            <span
+              class="ant-steps-icon-dot"
+            />
           </span>
         </div>
       </div>
diff --git a/components/table/__tests__/Table.filter.test.js b/components/table/__tests__/Table.filter.test.js
index 74d4070fac..d642e47fe5 100644
--- a/components/table/__tests__/Table.filter.test.js
+++ b/components/table/__tests__/Table.filter.test.js
@@ -110,7 +110,7 @@ describe('Table.filter', () => {
       }],
     }));
 
-    wrapper.find('Icon').first().simulate('click');
+    wrapper.find('Dropdown').first().simulate('click');
 
     expect(handleChange).toBeCalledWith(true);
   });
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index b27d23e923..44a4e19bc5 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -50,14 +50,10 @@ exports[`Table.filter renders filter correctly 1`] = `
                   >
                     <span>
                       Name
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                 </tr>
diff --git a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
index 0c63946919..4454311846 100644
--- a/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
@@ -11,32 +11,24 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
       role="menu"
       tabindex="0"
     >
-      <div
-        id="TriggerContainer"
+      <li
+        aria-selected="false"
+        class="ant-dropdown-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-dropdown-menu-item"
-          role="menuitem"
-        >
-          <div>
-            全选当页
-          </div>
-        </li>
-      </div>
-      <div
-        id="TriggerContainer"
+        <div>
+          全选当页
+        </div>
+      </li>
+      <li
+        aria-selected="false"
+        class="ant-dropdown-menu-item"
+        role="menuitem"
       >
-        <li
-          aria-selected="false"
-          class="ant-dropdown-menu-item"
-          role="menuitem"
-        >
-          <div>
-            反选当页
-          </div>
-        </li>
-      </div>
+        <div>
+          反选当页
+        </div>
+      </li>
     </ul>
   </div>
 </div>
diff --git a/components/table/__tests__/__snapshots__/demo.test.js.snap b/components/table/__tests__/__snapshots__/demo.test.js.snap
index 4dd8e0547d..c5fdc39f19 100644
--- a/components/table/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/table/__tests__/__snapshots__/demo.test.js.snap
@@ -67,14 +67,10 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
                   >
                     <span>
                       Gender
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
@@ -892,15 +888,11 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   >
                     <span>
                       Name
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
-                          style="color:#aaa;"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
+                        style="color:#aaa;"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
@@ -915,14 +907,10 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
                   >
                     <span>
                       Address
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                 </tr>
@@ -2524,15 +2512,11 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     <td
                       class=""
                     >
-                      <div
-                        id="TriggerContainer"
+                      <a
+                        href="#"
                       >
-                        <a
-                          href="#"
-                        >
-                          Delete
-                        </a>
-                      </div>
+                        Delete
+                      </a>
                     </td>
                   </tr>
                   <tr
@@ -2571,15 +2555,11 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
                     <td
                       class=""
                     >
-                      <div
-                        id="TriggerContainer"
+                      <a
+                        href="#"
                       >
-                        <a
-                          href="#"
-                        >
-                          Delete
-                        </a>
-                      </div>
+                        Delete
+                      </a>
                     </td>
                   </tr>
                 </tbody>
@@ -6760,14 +6740,10 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     >
                       <span>
                         Name
-                        <div
-                          id="TriggerContainer"
-                        >
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选"
-                          />
-                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
                       </span>
                     </th>
                     <th
@@ -7427,14 +7403,10 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
                     >
                       <span>
                         Name
-                        <div
-                          id="TriggerContainer"
-                        >
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选"
-                          />
-                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
                       </span>
                     </th>
                   </tr>
@@ -7888,14 +7860,10 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                           />
                         </span>
                       </div>
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                   <th
@@ -7950,14 +7918,10 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
                           />
                         </span>
                       </div>
-                      <div
-                        id="TriggerContainer"
-                      >
-                        <i
-                          class="anticon anticon-filter ant-dropdown-trigger"
-                          title="筛选"
-                        />
-                      </div>
+                      <i
+                        class="anticon anticon-filter ant-dropdown-trigger"
+                        title="筛选"
+                      />
                     </span>
                   </th>
                 </tr>
@@ -8784,14 +8748,10 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                             />
                           </span>
                         </div>
-                        <div
-                          id="TriggerContainer"
-                        >
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选"
-                          />
-                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
                       </span>
                     </th>
                     <th
@@ -8846,14 +8806,10 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
                             />
                           </span>
                         </div>
-                        <div
-                          id="TriggerContainer"
-                        >
-                          <i
-                            class="anticon anticon-filter ant-dropdown-trigger"
-                            title="筛选"
-                          />
-                        </div>
+                        <i
+                          class="anticon anticon-filter ant-dropdown-trigger"
+                          title="筛选"
+                        />
                       </span>
                     </th>
                   </tr>
@@ -9994,15 +9950,11 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
                           </span>
                         </label>
                         <div
-                          id="TriggerContainer"
+                          class="ant-table-selection-down ant-dropdown-trigger"
                         >
-                          <div
-                            class="ant-table-selection-down ant-dropdown-trigger"
-                          >
-                            <i
-                              class="anticon anticon-down"
-                            />
-                          </div>
+                          <i
+                            class="anticon anticon-down"
+                          />
                         </div>
                       </div>
                     </span>
diff --git a/components/tabs/__tests__/__snapshots__/demo.test.js.snap b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
index 2f1d158b0b..67e04cf718 100644
--- a/components/tabs/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tabs/__tests__/__snapshots__/demo.test.js.snap
@@ -794,39 +794,35 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
   >
     Tab position：
     <div
-      id="TriggerContainer"
+      class="ant-select ant-select-enabled"
     >
       <div
-        class="ant-select ant-select-enabled"
+        aria-autocomplete="list"
+        aria-expanded="false"
+        aria-haspopup="true"
+        class="ant-select-selection
+                  ant-select-selection--single"
+        role="combobox"
+        tabindex="0"
       >
         <div
-          aria-autocomplete="list"
-          aria-expanded="false"
-          aria-haspopup="true"
-          class="ant-select-selection
-                    ant-select-selection--single"
-          role="combobox"
-          tabindex="0"
+          class="ant-select-selection__rendered"
         >
           <div
-            class="ant-select-selection__rendered"
+            class="ant-select-selection-selected-value"
+            style="display:block;opacity:1;"
+            title="top"
           >
-            <div
-              class="ant-select-selection-selected-value"
-              style="display:block;opacity:1;"
-              title="top"
-            >
-              top
-            </div>
+            top
           </div>
-          <span
-            class="ant-select-arrow"
-            style="user-select:none;-webkit-user-select:none;"
-            unselectable="unselectable"
-          >
-            <b />
-          </span>
         </div>
+        <span
+          class="ant-select-arrow"
+          style="user-select:none;-webkit-user-select:none;"
+          unselectable="unselectable"
+        >
+          <b />
+        </span>
       </div>
     </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 fcd4e81b98..97b6a0de74 100644
--- a/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/time-picker/__tests__/__snapshots__/demo.test.js.snap
@@ -2,67 +2,20 @@
 
 exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-  <div
-    id="TriggerContainer"
+  <span
+    class="ant-time-picker "
   >
+    <input
+      class="ant-time-picker-input"
+      placeholder="请选择时间"
+      readonly=""
+      type="text"
+      value=""
+    />
     <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
+      class="ant-time-picker-icon"
+    />
+  </span>
   <span
     class="ant-time-picker "
   >
@@ -77,13 +30,6 @@ exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
       class="ant-time-picker-icon"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <span
     class="ant-time-picker "
   >
@@ -101,57 +47,115 @@ exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
 </div>
 `;
 
+exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
+<span
+  class="ant-time-picker "
+>
+  <input
+    class="ant-time-picker-input"
+    placeholder="请选择时间"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <span
+    class="ant-time-picker-icon"
+  />
+</span>
+`;
+
+exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
+<span
+  class="ant-time-picker "
+>
+  <input
+    class="ant-time-picker-input"
+    placeholder="请选择时间"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <span
+    class="ant-time-picker-icon"
+  />
+</span>
+`;
+
 exports[`renders ./components/time-picker/demo/disable-options.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
+  <span
+    class="ant-time-picker "
   >
+    <input
+      class="ant-time-picker-input"
+      placeholder="Just Disabled"
+      readonly=""
+      type="text"
+      value=""
+    />
     <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="Just Disabled"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-  <div
-    id="TriggerContainer"
+      class="ant-time-picker-icon"
+    />
+  </span>
+  <span
+    class="ant-time-picker "
   >
+    <input
+      class="ant-time-picker-input"
+      placeholder="Hide Directly"
+      readonly=""
+      type="text"
+      value=""
+    />
     <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="Hide Directly"
-        readonly=""
-        type="text"
-        value=""
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
+      class="ant-time-picker-icon"
+    />
+  </span>
 </div>
 `;
 
 exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-time-picker "
 >
+  <input
+    class="ant-time-picker-input"
+    disabled=""
+    placeholder="请选择时间"
+    readonly=""
+    type="text"
+    value="12:08:23"
+  />
   <span
-    class="ant-time-picker "
+    class="ant-time-picker-icon"
+  />
+</span>
+`;
+
+exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
+<span
+  class="ant-time-picker "
+>
+  <input
+    class="ant-time-picker-input"
+    placeholder="请选择时间"
+    readonly=""
+    type="text"
+    value="12:08"
+  />
+  <span
+    class="ant-time-picker-icon"
+  />
+</span>
+`;
+
+exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
+<div>
+  <span
+    class="ant-time-picker ant-time-picker-large"
   >
     <input
       class="ant-time-picker-input"
-      disabled=""
       placeholder="请选择时间"
       readonly=""
       type="text"
@@ -161,13 +165,6 @@ exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
       class="ant-time-picker-icon"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <span
     class="ant-time-picker "
   >
@@ -176,87 +173,21 @@ exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value="12:08"
+      value="12:08:23"
     />
     <span
       class="ant-time-picker-icon"
     />
   </span>
-</div>
-`;
-
-exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
-<div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-time-picker ant-time-picker-large"
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value="12:08:23"
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-time-picker "
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value="12:08:23"
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-  <div
-    id="TriggerContainer"
-  >
-    <span
-      class="ant-time-picker ant-time-picker-small"
-    >
-      <input
-        class="ant-time-picker-input"
-        placeholder="请选择时间"
-        readonly=""
-        type="text"
-        value="12:08:23"
-      />
-      <span
-        class="ant-time-picker-icon"
-      />
-    </span>
-  </div>
-</div>
-`;
-
-exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
   <span
-    class="ant-time-picker "
+    class="ant-time-picker ant-time-picker-small"
   >
     <input
       class="ant-time-picker-input"
       placeholder="请选择时间"
       readonly=""
       type="text"
-      value=""
+      value="12:08:23"
     />
     <span
       class="ant-time-picker-icon"
@@ -264,3 +195,20 @@ exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
   </span>
 </div>
 `;
+
+exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
+<span
+  class="ant-time-picker "
+>
+  <input
+    class="ant-time-picker-input"
+    placeholder="请选择时间"
+    readonly=""
+    type="text"
+    value=""
+  />
+  <span
+    class="ant-time-picker-icon"
+  />
+</span>
+`;
diff --git a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
index c1f27761e0..b79522394a 100644
--- a/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tooltip/__tests__/__snapshots__/demo.test.js.snap
@@ -2,30 +2,22 @@
 
 exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`] = `
 <div>
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn"
+    type="button"
   >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Align edge / 边缘对齐
-      </span>
-    </button>
-  </div>
-  <div
-    id="TriggerContainer"
+    <span>
+      Align edge / 边缘对齐
+    </span>
+  </button>
+  <button
+    class="ant-btn"
+    type="button"
   >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Arrow points to center / 箭头指向中心
-      </span>
-    </button>
-  </div>
+    <span>
+      Arrow points to center / 箭头指向中心
+    </span>
+  </button>
 </div>
 `;
 
@@ -33,42 +25,30 @@ exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`]
 <div
   style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
 >
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn"
+    type="button"
   >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Adjust automatically / 自动调整
-      </span>
-    </button>
-  </div>
+    <span>
+      Adjust automatically / 自动调整
+    </span>
+  </button>
   <br />
-  <div
-    id="TriggerContainer"
+  <button
+    class="ant-btn"
+    type="button"
   >
-    <button
-      class="ant-btn"
-      type="button"
-    >
-      <span>
-        Ingore / 不处理
-      </span>
-    </button>
-  </div>
+    <span>
+      Ingore / 不处理
+    </span>
+  </button>
 </div>
 `;
 
 exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
->
-  <span>
-    Tooltip will show when mouse enter.
-  </span>
-</div>
+<span>
+  Tooltip will show when mouse enter.
+</span>
 `;
 
 exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
@@ -76,126 +56,78 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
   <div
     style="margin-left:60px;"
   >
-    <div
-      id="TriggerContainer"
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        TL
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      TL
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        Top
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      Top
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        TR
-      </a>
-    </div>
+      TR
+    </a>
   </div>
   <div
     style="width:60px;float:left;"
   >
-    <div
-      id="TriggerContainer"
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        LT
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      LT
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        Left
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      Left
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        LB
-      </a>
-    </div>
+      LB
+    </a>
   </div>
   <div
     style="width:60px;margin-left:270px;"
   >
-    <div
-      id="TriggerContainer"
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        RT
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      RT
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        Right
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      Right
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        RB
-      </a>
-    </div>
+      RB
+    </a>
   </div>
   <div
     style="margin-left:60px;clear:both;"
   >
-    <div
-      id="TriggerContainer"
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        BL
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      BL
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        Bottom
-      </a>
-    </div>
-    <div
-      id="TriggerContainer"
+      Bottom
+    </a>
+    <a
+      href="#"
     >
-      <a
-        href="#"
-      >
-        BR
-      </a>
-    </div>
+      BR
+    </a>
   </div>
 </div>
 `;
diff --git a/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap b/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
deleted file mode 100644
index b05314d579..0000000000
--- a/components/tooltip/__tests__/__snapshots__/tooltip.test.js.snap
+++ /dev/null
@@ -1,1676 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tooltip should hide when mouse leave antd disabled Button 1`] = `
-<Tooltip
-  arrowPointAtCenter={false}
-  autoAdjustOverflow={true}
-  mouseEnterDelay={0}
-  mouseLeaveDelay={0}
-  onVisibleChange={[Function]}
-  placement="top"
-  prefixCls="ant-tooltip"
-  title="xxxxx"
-  transitionName="zoom-big-fast"
->
-  <Tooltip
-    align={Object {}}
-    arrowContent={null}
-    arrowPointAtCenter={false}
-    autoAdjustOverflow={true}
-    builtinPlacements={
-      Object {
-        "bottom": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tc",
-            "bc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomLeft": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomRight": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "left": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cr",
-            "cl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftBottom": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftTop": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "right": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cl",
-            "cr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightBottom": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightTop": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "top": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bc",
-            "tc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topLeft": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topRight": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-      }
-    }
-    destroyTooltipOnHide={false}
-    mouseEnterDelay={0}
-    mouseLeaveDelay={0}
-    onPopupAlign={[Function]}
-    onVisibleChange={[Function]}
-    overlay="xxxxx"
-    placement="top"
-    prefixCls="ant-tooltip"
-    title="xxxxx"
-    transitionName="zoom-big-fast"
-    trigger={
-      Array [
-        "hover",
-      ]
-    }
-    visible={false}
-  >
-    <Trigger
-      action={
-        Array [
-          "hover",
-        ]
-      }
-      afterPopupVisibleChange={[Function]}
-      arrowContent={null}
-      arrowPointAtCenter={false}
-      autoAdjustOverflow={true}
-      blurDelay={0.15}
-      builtinPlacements={
-        Object {
-          "bottom": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tc",
-              "bc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomLeft": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomRight": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "left": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cr",
-              "cl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftBottom": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftTop": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "right": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cl",
-              "cr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightBottom": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightTop": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "top": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bc",
-              "tc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topLeft": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topRight": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-        }
-      }
-      defaultPopupVisible={false}
-      destroyPopupOnHide={false}
-      focusDelay={0}
-      getDocument={[Function]}
-      getPopupClassNameFromAlign={[Function]}
-      hideAction={Array []}
-      mask={false}
-      maskClosable={true}
-      mouseEnterDelay={0}
-      mouseLeaveDelay={0}
-      onPopupAlign={[Function]}
-      onPopupVisibleChange={[Function]}
-      overlay="xxxxx"
-      popup={[Function]}
-      popupAlign={Object {}}
-      popupClassName=""
-      popupPlacement="top"
-      popupStyle={Object {}}
-      popupTransitionName="zoom-big-fast"
-      popupVisible={false}
-      prefixCls="ant-tooltip"
-      showAction={Array []}
-      title="xxxxx"
-      visible={false}
-    >
-      <div
-        id="TriggerContainer"
-      >
-        <span
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-          style={
-            Object {
-              "cursor": "not-allowed",
-              "display": "inline-block",
-            }
-          }
-        >
-          <Button
-            className={null}
-            clicked={false}
-            disabled={true}
-            ghost={false}
-            loading={false}
-            prefixCls="ant-btn"
-            style={
-              Object {
-                "pointerEvents": "none",
-              }
-            }
-          >
-            <button
-              className="ant-btn"
-              disabled={true}
-              onClick={[Function]}
-              style={
-                Object {
-                  "pointerEvents": "none",
-                }
-              }
-              type="button"
-            >
-              <span>
-                Hello world!
-              </span>
-            </button>
-          </Button>
-        </span>
-      </div>
-    </Trigger>
-  </Tooltip>
-</Tooltip>
-`;
-
-exports[`Tooltip should render disabled Button style properly 1`] = `
-<Tooltip
-  arrowPointAtCenter={false}
-  autoAdjustOverflow={true}
-  mouseEnterDelay={0.1}
-  mouseLeaveDelay={0.1}
-  placement="top"
-  prefixCls="ant-tooltip"
-  title="xxxxx"
-  transitionName="zoom-big-fast"
->
-  <Tooltip
-    align={Object {}}
-    arrowContent={null}
-    arrowPointAtCenter={false}
-    autoAdjustOverflow={true}
-    builtinPlacements={
-      Object {
-        "bottom": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tc",
-            "bc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomLeft": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomRight": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "left": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cr",
-            "cl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftBottom": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftTop": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "right": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cl",
-            "cr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightBottom": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightTop": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "top": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bc",
-            "tc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topLeft": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topRight": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-      }
-    }
-    destroyTooltipOnHide={false}
-    mouseEnterDelay={0.1}
-    mouseLeaveDelay={0.1}
-    onPopupAlign={[Function]}
-    onVisibleChange={[Function]}
-    overlay="xxxxx"
-    placement="top"
-    prefixCls="ant-tooltip"
-    title="xxxxx"
-    transitionName="zoom-big-fast"
-    trigger={
-      Array [
-        "hover",
-      ]
-    }
-    visible={false}
-  >
-    <Trigger
-      action={
-        Array [
-          "hover",
-        ]
-      }
-      afterPopupVisibleChange={[Function]}
-      arrowContent={null}
-      arrowPointAtCenter={false}
-      autoAdjustOverflow={true}
-      blurDelay={0.15}
-      builtinPlacements={
-        Object {
-          "bottom": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tc",
-              "bc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomLeft": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomRight": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "left": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cr",
-              "cl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftBottom": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftTop": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "right": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cl",
-              "cr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightBottom": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightTop": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "top": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bc",
-              "tc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topLeft": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topRight": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-        }
-      }
-      defaultPopupVisible={false}
-      destroyPopupOnHide={false}
-      focusDelay={0}
-      getDocument={[Function]}
-      getPopupClassNameFromAlign={[Function]}
-      hideAction={Array []}
-      mask={false}
-      maskClosable={true}
-      mouseEnterDelay={0.1}
-      mouseLeaveDelay={0.1}
-      onPopupAlign={[Function]}
-      onPopupVisibleChange={[Function]}
-      overlay="xxxxx"
-      popup={[Function]}
-      popupAlign={Object {}}
-      popupClassName=""
-      popupPlacement="top"
-      popupStyle={Object {}}
-      popupTransitionName="zoom-big-fast"
-      popupVisible={false}
-      prefixCls="ant-tooltip"
-      showAction={Array []}
-      title="xxxxx"
-      visible={false}
-    >
-      <div
-        id="TriggerContainer"
-      >
-        <span
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-          style={
-            Object {
-              "cursor": "not-allowed",
-              "display": "inline-block",
-            }
-          }
-        >
-          <Button
-            className={null}
-            clicked={false}
-            disabled={true}
-            ghost={false}
-            loading={false}
-            prefixCls="ant-btn"
-            style={
-              Object {
-                "pointerEvents": "none",
-              }
-            }
-          >
-            <button
-              className="ant-btn"
-              disabled={true}
-              onClick={[Function]}
-              style={
-                Object {
-                  "pointerEvents": "none",
-                }
-              }
-              type="button"
-            >
-              <span>
-                Hello world!
-              </span>
-            </button>
-          </Button>
-        </span>
-      </div>
-    </Trigger>
-  </Tooltip>
-</Tooltip>
-`;
-
-exports[`Tooltip should render disabled Button style properly 2`] = `
-<Tooltip
-  arrowPointAtCenter={false}
-  autoAdjustOverflow={true}
-  mouseEnterDelay={0.1}
-  mouseLeaveDelay={0.1}
-  placement="top"
-  prefixCls="ant-tooltip"
-  title="xxxxx"
-  transitionName="zoom-big-fast"
->
-  <Tooltip
-    align={Object {}}
-    arrowContent={null}
-    arrowPointAtCenter={false}
-    autoAdjustOverflow={true}
-    builtinPlacements={
-      Object {
-        "bottom": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tc",
-            "bc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomLeft": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "bottomRight": Object {
-          "offset": Array [
-            0,
-            4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "left": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cr",
-            "cl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftBottom": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "bl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "leftTop": Object {
-          "offset": Array [
-            -4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tr",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "right": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "cl",
-            "cr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightBottom": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "br",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "rightTop": Object {
-          "offset": Array [
-            4,
-            0,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "tl",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "top": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bc",
-            "tc",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topLeft": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "bl",
-            "tl",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-        "topRight": Object {
-          "offset": Array [
-            0,
-            -4,
-          ],
-          "overflow": Object {
-            "adjustX": 1,
-            "adjustY": 1,
-          },
-          "points": Array [
-            "br",
-            "tr",
-          ],
-          "targetOffset": Array [
-            0,
-            0,
-          ],
-        },
-      }
-    }
-    destroyTooltipOnHide={false}
-    mouseEnterDelay={0.1}
-    mouseLeaveDelay={0.1}
-    onPopupAlign={[Function]}
-    onVisibleChange={[Function]}
-    overlay="xxxxx"
-    placement="top"
-    prefixCls="ant-tooltip"
-    title="xxxxx"
-    transitionName="zoom-big-fast"
-    trigger={
-      Array [
-        "hover",
-      ]
-    }
-    visible={false}
-  >
-    <Trigger
-      action={
-        Array [
-          "hover",
-        ]
-      }
-      afterPopupVisibleChange={[Function]}
-      arrowContent={null}
-      arrowPointAtCenter={false}
-      autoAdjustOverflow={true}
-      blurDelay={0.15}
-      builtinPlacements={
-        Object {
-          "bottom": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tc",
-              "bc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomLeft": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "bottomRight": Object {
-            "offset": Array [
-              0,
-              4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "left": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cr",
-              "cl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftBottom": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "bl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "leftTop": Object {
-            "offset": Array [
-              -4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tr",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "right": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "cl",
-              "cr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightBottom": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "br",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "rightTop": Object {
-            "offset": Array [
-              4,
-              0,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "tl",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "top": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bc",
-              "tc",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topLeft": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "bl",
-              "tl",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-          "topRight": Object {
-            "offset": Array [
-              0,
-              -4,
-            ],
-            "overflow": Object {
-              "adjustX": 1,
-              "adjustY": 1,
-            },
-            "points": Array [
-              "br",
-              "tr",
-            ],
-            "targetOffset": Array [
-              0,
-              0,
-            ],
-          },
-        }
-      }
-      defaultPopupVisible={false}
-      destroyPopupOnHide={false}
-      focusDelay={0}
-      getDocument={[Function]}
-      getPopupClassNameFromAlign={[Function]}
-      hideAction={Array []}
-      mask={false}
-      maskClosable={true}
-      mouseEnterDelay={0.1}
-      mouseLeaveDelay={0.1}
-      onPopupAlign={[Function]}
-      onPopupVisibleChange={[Function]}
-      overlay="xxxxx"
-      popup={[Function]}
-      popupAlign={Object {}}
-      popupClassName=""
-      popupPlacement="top"
-      popupStyle={Object {}}
-      popupTransitionName="zoom-big-fast"
-      popupVisible={false}
-      prefixCls="ant-tooltip"
-      showAction={Array []}
-      title="xxxxx"
-      visible={false}
-    >
-      <div
-        id="TriggerContainer"
-      >
-        <span
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-          style={
-            Object {
-              "cursor": "not-allowed",
-              "display": "block",
-            }
-          }
-        >
-          <Button
-            className={null}
-            clicked={false}
-            disabled={true}
-            ghost={false}
-            loading={false}
-            prefixCls="ant-btn"
-            style={
-              Object {
-                "pointerEvents": "none",
-              }
-            }
-          >
-            <button
-              className="ant-btn"
-              disabled={true}
-              onClick={[Function]}
-              style={
-                Object {
-                  "pointerEvents": "none",
-                }
-              }
-              type="button"
-            >
-              <span>
-                Hello world!
-              </span>
-            </button>
-          </Button>
-        </span>
-      </div>
-    </Trigger>
-  </Tooltip>
-</Tooltip>
-`;
diff --git a/components/tooltip/__tests__/tooltip.test.js b/components/tooltip/__tests__/tooltip.test.js
index f6a580f0b2..f599a9a91f 100644
--- a/components/tooltip/__tests__/tooltip.test.js
+++ b/components/tooltip/__tests__/tooltip.test.js
@@ -14,12 +14,12 @@ describe('Tooltip', () => {
         mouseLeaveDelay={0}
         onVisibleChange={onVisibleChange}
       >
-        <div className="box">Hello world!</div>
+        <div>Hello world!</div>
       </Tooltip>
     );
 
     // `title` is empty.
-    const div = wrapper.find('.box');
+    const div = wrapper.find('div').at(0);
     div.simulate('mouseenter');
     expect(onVisibleChange).not.toHaveBeenCalled();
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
@@ -30,23 +30,23 @@ describe('Tooltip', () => {
 
     // update `title` value.
     wrapper.setProps({ title: 'Have a nice day!' });
-    div.simulate('mouseenter');
+    wrapper.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenLastCalledWith(true);
     expect(wrapper.ref('tooltip').prop('visible')).toBe(true);
 
-    div.simulate('mouseleave');
+    wrapper.simulate('mouseleave');
     expect(onVisibleChange).toHaveBeenLastCalledWith(false);
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
 
     // add `visible` props.
     wrapper.setProps({ visible: false });
-    div.simulate('mouseenter');
+    wrapper.simulate('mouseenter');
     expect(onVisibleChange).toHaveBeenLastCalledWith(true);
     const lastCount = onVisibleChange.mock.calls.length;
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
 
     // always trigger onVisibleChange
-    div.simulate('mouseleave');
+    wrapper.simulate('mouseleave');
     expect(onVisibleChange.mock.calls.length).toBe(lastCount); // no change with lastCount
     expect(wrapper.ref('tooltip').prop('visible')).toBe(false);
   });
@@ -88,7 +88,7 @@ describe('Tooltip', () => {
       </Tooltip>
     );
 
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.getDOMNode().tagName).toBe('SPAN');
     const button = wrapper.find('span').at(0);
     button.simulate('mouseenter');
     expect(onVisibleChange).toBeCalledWith(true);
@@ -110,8 +110,8 @@ describe('Tooltip', () => {
         <Button disabled style={{ display: 'block' }}>Hello world!</Button>
       </Tooltip>
     );
-    expect(wrapper1).toMatchSnapshot();
-    expect(wrapper2).toMatchSnapshot();
+    expect(wrapper1.getDOMNode().style.display).toBe('inline-block');
+    expect(wrapper2.getDOMNode().style.display).toBe('block');
   });
 
   it('should not wrap span when trigger is not hover', () => {
@@ -130,44 +130,42 @@ describe('Tooltip', () => {
   });
 
   it('should works for arrowPointAtCenter', () => {
-    jest.dontMock('rc-trigger', () => {
-      const arrowWidth = 5;
-      const horizontalArrowShift = 16;
-      const triggerWidth = 200;
-
-      const wrapper = mount(
-        <Tooltip
-          title="xxxxx"
-          trigger="click"
-          mouseEnterDelay={0}
-          mouseLeaveDelay={0}
-          placement="bottomLeft"
-        >
-          <button style={{ width: triggerWidth }}>
-            Hello world!
-          </button>
-        </Tooltip>
-      );
-      wrapper.find('button').at(0).simulate('click');
-      const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
-
-      const wrapper2 = mount(
-        <Tooltip
-          title="xxxxx"
-          trigger="click"
-          mouseEnterDelay={0}
-          mouseLeaveDelay={0}
-          placement="bottomLeft"
-          arrowPointAtCenter
-        >
-          <button style={{ width: triggerWidth }}>
-            Hello world!
-          </button>
-        </Tooltip>
-      );
-      wrapper2.find('button').at(0).simulate('click');
-      const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
-      expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
-    });
+    const arrowWidth = 5;
+    const horizontalArrowShift = 16;
+    const triggerWidth = 200;
+
+    const wrapper = mount(
+      <Tooltip
+        title="xxxxx"
+        trigger="click"
+        mouseEnterDelay={0}
+        mouseLeaveDelay={0}
+        placement="bottomLeft"
+      >
+        <button style={{ width: triggerWidth }}>
+          Hello world!
+        </button>
+      </Tooltip>
+    );
+    wrapper.find('button').at(0).simulate('click');
+    const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
+
+    const wrapper2 = mount(
+      <Tooltip
+        title="xxxxx"
+        trigger="click"
+        mouseEnterDelay={0}
+        mouseLeaveDelay={0}
+        placement="bottomLeft"
+        arrowPointAtCenter
+      >
+        <button style={{ width: triggerWidth }}>
+          Hello world!
+        </button>
+      </Tooltip>
+    );
+    wrapper2.find('button').at(0).simulate('click');
+    const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
+    expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
   });
 });
diff --git a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
index 9928be5fd2..c346369197 100644
--- a/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/tree-select/__tests__/__snapshots__/demo.test.js.snap
@@ -1,184 +1,168 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-select ant-select-enabled ant-select-allow-clear"
+  style="width:300px;"
 >
   <span
-    class="ant-select ant-select-enabled ant-select-allow-clear"
-    style="width:300px;"
+    aria-autocomplete="list"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
+    tabindex="0"
   >
     <span
-      aria-autocomplete="list"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select-selection__rendered"
     >
       <span
-        class="ant-select-selection__rendered"
+        class="ant-select-selection__placeholder"
       >
-        <span
-          class="ant-select-selection__placeholder"
-        >
-          Please select
-        </span>
-      </span>
-      <span
-        class="ant-select-arrow"
-        style="outline:none;"
-      >
-        <b />
+        Please select
       </span>
     </span>
+    <span
+      class="ant-select-arrow"
+      style="outline:none;"
+    >
+      <b />
+    </span>
   </span>
-</div>
+</span>
 `;
 
 exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-select ant-select-enabled"
+  style="width:300px;"
 >
   <span
-    class="ant-select ant-select-enabled"
-    style="width:300px;"
+    aria-autocomplete="list"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--multiple"
+    role="combobox"
   >
-    <span
-      aria-autocomplete="list"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--multiple"
-      role="combobox"
+    <ul
+      class="ant-select-selection__rendered"
     >
-      <ul
-        class="ant-select-selection__rendered"
+      <li
+        class="ant-select-selection__choice"
+        style="user-select:none;-webkit-user-select:none;"
+        title="Node1"
+        unselectable="unselectable"
       >
-        <li
-          class="ant-select-selection__choice"
-          style="user-select:none;-webkit-user-select:none;"
-          title="Node1"
-          unselectable="unselectable"
+        <span
+          class="ant-select-selection__choice__remove"
+        />
+        <span
+          class="ant-select-selection__choice__content"
         >
-          <span
-            class="ant-select-selection__choice__remove"
-          />
-          <span
-            class="ant-select-selection__choice__content"
-          >
-            Node1
-          </span>
-        </li>
-        <li
-          class="ant-select-search ant-select-search--inline"
+          Node1
+        </span>
+      </li>
+      <li
+        class="ant-select-search ant-select-search--inline"
+      >
+        <span
+          class="ant-select-search__field__wrap"
         >
+          <input
+            class="ant-select-search__field"
+            role="textbox"
+            value=""
+          />
           <span
-            class="ant-select-search__field__wrap"
+            class="ant-select-search__field__mirror"
           >
-            <input
-              class="ant-select-search__field"
-              role="textbox"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
+             
           </span>
-        </li>
-      </ul>
-      <span
-        class="ant-select-search__field__placeholder"
-        style="display:none;"
-      >
-        Please select
-      </span>
+        </span>
+      </li>
+    </ul>
+    <span
+      class="ant-select-search__field__placeholder"
+      style="display:none;"
+    >
+      Please select
     </span>
   </span>
-</div>
+</span>
 `;
 
 exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-select ant-select-enabled ant-select-allow-clear"
+  style="width:300px;"
 >
   <span
-    class="ant-select ant-select-enabled ant-select-allow-clear"
-    style="width:300px;"
+    aria-autocomplete="list"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--multiple"
+    role="combobox"
   >
-    <span
-      aria-autocomplete="list"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--multiple"
-      role="combobox"
+    <ul
+      class="ant-select-selection__rendered"
     >
-      <ul
-        class="ant-select-selection__rendered"
+      <li
+        class="ant-select-search ant-select-search--inline"
       >
-        <li
-          class="ant-select-search ant-select-search--inline"
+        <span
+          class="ant-select-search__field__wrap"
         >
+          <input
+            class="ant-select-search__field"
+            role="textbox"
+            value=""
+          />
           <span
-            class="ant-select-search__field__wrap"
+            class="ant-select-search__field__mirror"
           >
-            <input
-              class="ant-select-search__field"
-              role="textbox"
-              value=""
-            />
-            <span
-              class="ant-select-search__field__mirror"
-            >
-               
-            </span>
+             
           </span>
-        </li>
-      </ul>
-      <span
-        class="ant-select-search__field__placeholder"
-        style="display:block;"
-      >
-        Please select
-      </span>
+        </span>
+      </li>
+    </ul>
+    <span
+      class="ant-select-search__field__placeholder"
+      style="display:block;"
+    >
+      Please select
     </span>
   </span>
-</div>
+</span>
 `;
 
 exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
-<div
-  id="TriggerContainer"
+<span
+  class="ant-select ant-select-enabled"
+  style="width:300px;"
 >
   <span
-    class="ant-select ant-select-enabled"
-    style="width:300px;"
+    aria-autocomplete="list"
+    aria-haspopup="true"
+    class="ant-select-selection
+              ant-select-selection--single"
+    role="combobox"
+    tabindex="0"
   >
     <span
-      aria-autocomplete="list"
-      aria-haspopup="true"
-      class="ant-select-selection
-                ant-select-selection--single"
-      role="combobox"
-      tabindex="0"
+      class="ant-select-selection__rendered"
     >
       <span
-        class="ant-select-selection__rendered"
-      >
-        <span
-          class="ant-select-selection__placeholder"
-        >
-          Please select
-        </span>
-      </span>
-      <span
-        class="ant-select-arrow"
-        style="outline:none;"
+        class="ant-select-selection__placeholder"
       >
-        <b />
+        Please select
       </span>
     </span>
+    <span
+      class="ant-select-arrow"
+      style="outline:none;"
+    >
+      <b />
+    </span>
   </span>
-</div>
+</span>
 `;
diff --git a/components/upload/__tests__/__snapshots__/demo.test.js.snap b/components/upload/__tests__/__snapshots__/demo.test.js.snap
index 8b5ae2772b..795de46448 100644
--- a/components/upload/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/upload/__tests__/__snapshots__/demo.test.js.snap
@@ -94,24 +94,20 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
       <div
         class="ant-upload-list-item-info"
       >
-        <div
-          id="TriggerContainer"
-        >
-          <span>
-            <i
-              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"
-            >
-              zzz.png
-            </a>
-          </span>
-        </div>
+        <span>
+          <i
+            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"
+          >
+            zzz.png
+          </a>
+        </span>
       </div>
       <i
         class="anticon anticon-cross"
diff --git a/tests/__mocks__/rc-trigger.js b/tests/__mocks__/rc-trigger.js
deleted file mode 100644
index 2e8d052a19..0000000000
--- a/tests/__mocks__/rc-trigger.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-
-const Trigger = require.requireActual('rc-trigger');
-
-const render = Trigger.prototype.render;
-
-Trigger.prototype.render = function () { // eslint-disable-line
-  const { popupVisible } = this.state;
-  return (
-    <div id="TriggerContainer">
-      {render.call(this)}
-      {popupVisible && this.getComponent()}
-    </div>
-  );
-};
-
-export default Trigger;

From 6236641c74728379662599622dd116599eb1a97f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Sep 2017 20:36:40 +0800
Subject: [PATCH 3/7] Fix broken collapsed MenuGroup, close #7109

---
 .../menu/__tests__/__snapshots__/demo.test.js.snap  |  3 +++
 components/menu/style/index.less                    | 13 ++++++++++++-
 .../__snapshots__/Table.filter.test.js.snap         |  2 ++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/menu/__tests__/__snapshots__/demo.test.js.snap b/components/menu/__tests__/__snapshots__/demo.test.js.snap
index d8fbd05f3e..d675e69404 100644
--- a/components/menu/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/menu/__tests__/__snapshots__/demo.test.js.snap
@@ -99,6 +99,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
       >
         <div
           class="ant-menu-item-group-title"
+          title="Item 1"
         >
           Item 1
         </div>
@@ -128,6 +129,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
       >
         <div
           class="ant-menu-item-group-title"
+          title="Item 2"
         >
           Item 2
         </div>
@@ -553,6 +555,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
             aria-owns="sub2$Menu"
             class="ant-menu-submenu-title"
             style="padding-left:48px;"
+            title="Submenu"
           >
             Submenu
           </div>
diff --git a/components/menu/style/index.less b/components/menu/style/index.less
index 270aa5bbf9..b6f3b361ca 100644
--- a/components/menu/style/index.less
+++ b/components/menu/style/index.less
@@ -28,8 +28,9 @@
   &-item-group-title {
     color: @text-color-secondary;
     font-size: @font-size-base;
-    line-height: 1.5;
+    line-height: @line-height-base;
     padding: 8px 16px;
+    transition: all .3s;
   }
 
   &-item,
@@ -336,7 +337,9 @@
 
   &-inline-collapsed {
     width: @menu-collapsed-width;
+
     > .@{menu-prefix-cls}-item,
+    > .@{menu-prefix-cls}-item-group > .@{menu-prefix-cls}-item-group-list > .@{menu-prefix-cls}-item,
     > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
       left: 0;
       text-overflow: clip;
@@ -364,6 +367,14 @@
         color: @text-color-dark;
       }
     }
+
+    .@{menu-prefix-cls}-item-group-title {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      padding-left: 4px;
+      padding-right: 4px;
+    }
   }
 
   &-item-group-list {
diff --git a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
index 44a4e19bc5..6b016319f2 100644
--- a/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
+++ b/components/table/__tests__/__snapshots__/Table.filter.test.js.snap
@@ -193,6 +193,7 @@ exports[`Table.filter renders menu correctly 1`] = `
             aria-haspopup="true"
             aria-owns="title$Menu"
             class="ant-dropdown-menu-submenu-title"
+            title="Title"
           >
             Title
           </div>
@@ -287,6 +288,7 @@ exports[`Table.filter renders radio filter correctly 1`] = `
             aria-haspopup="true"
             aria-owns="title$Menu"
             class="ant-dropdown-menu-submenu-title"
+            title="Title"
           >
             Title
           </div>

From f36bc02ac3273cd9fd54322c22e0a3d58220ee1a Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Sep 2017 21:14:29 +0800
Subject: [PATCH 4/7] Add next.js demo link

---
 docs/react/use-with-create-react-app.en-US.md | 1 +
 docs/react/use-with-create-react-app.zh-CN.md | 1 +
 2 files changed, 2 insertions(+)

diff --git a/docs/react/use-with-create-react-app.en-US.md b/docs/react/use-with-create-react-app.en-US.md
index be12e21976..73edccba45 100644
--- a/docs/react/use-with-create-react-app.en-US.md
+++ b/docs/react/use-with-create-react-app.en-US.md
@@ -207,3 +207,4 @@ There are a lot of great boilerplates like create-react-app in React community.
 - [comerc/cra-ts-antd](https://github.com/comerc/cra-ts-antd)
 - [react-boilerplate/react-boilerplate](https://github.com/ant-design/react-boilerplate)
 - [kriasoft/react-starter-kit](https://github.com/ant-design/react-starter-kit)
+- [next.js](https://github.com/zeit/next.js/tree/v3-beta/examples/with-ant-design)
diff --git a/docs/react/use-with-create-react-app.zh-CN.md b/docs/react/use-with-create-react-app.zh-CN.md
index 7cc0805d76..7fff9d11d2 100644
--- a/docs/react/use-with-create-react-app.zh-CN.md
+++ b/docs/react/use-with-create-react-app.zh-CN.md
@@ -207,3 +207,4 @@ React 生态圈中还有很多优秀的脚手架，使用它们并引入 antd 
 - [kriasoft/react-starter-kit](https://github.com/ant-design/react-starter-kit)
 - [create-react-app-antd](https://github.com/ant-design/create-react-app-antd)
 - [cra-ts-antd](https://github.com/comerc/cra-ts-antd)
+- [next.js](https://github.com/zeit/next.js/tree/v3-beta/examples/with-ant-design)

From 641f1ddeeb095333aecb9013b904d49a2195db0f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Sep 2017 21:37:17 +0800
Subject: [PATCH 5/7] Add link

---
 components/menu/demo/inline-collapsed.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/menu/demo/inline-collapsed.md b/components/menu/demo/inline-collapsed.md
index b3fa954104..fb5a48bf43 100644
--- a/components/menu/demo/inline-collapsed.md
+++ b/components/menu/demo/inline-collapsed.md
@@ -9,10 +9,14 @@ title:
 
 内嵌菜单可以被缩起/展开。
 
+你可以在 [Layout](/components/layout/#components-layout-demo-side) 里查看侧边布局结合的完整示例。
+
 ## en-US
 
 Inline menu could be collapsed.
 
+Here is [a complete demo](/components/layout/#components-layout-demo-side) with sider layout.
+
 ````jsx
 import { Menu, Icon, Button } from 'antd';
 const SubMenu = Menu.SubMenu;

From 5f938a6818cd7b53cd7bc2643cc1b9f0e03f9196 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Sep 2017 21:40:13 +0800
Subject: [PATCH 6/7] update template.html

---
 site/theme/static/template.html | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/site/theme/static/template.html b/site/theme/static/template.html
index 92cd4abd30..8f6db60736 100644
--- a/site/theme/static/template.html
+++ b/site/theme/static/template.html
@@ -4,9 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="An enterprise-class UI design language and React-based implementation">
-    <meta name="description" content="A set of high-quality React components">
-    <meta name="description" content="One of best React UI library for enterprise background">
+    <meta name="description" content="An enterprise-class UI design language and React-based implementation with a set of high-quality React components, one of best React UI library for enterprises">
     <title>Ant Design - A UI Design Language</title>
     <script>
     (function() {

From 11a6cd51a2bec2e7a446a1f699439409f627a8a5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 15 Sep 2017 21:41:32 +0800
Subject: [PATCH 7/7] Fix zIndex types, close #7622

---
 components/modal/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx
index 3e3af69ac8..6182e1fe04 100644
--- a/components/modal/Modal.tsx
+++ b/components/modal/Modal.tsx
@@ -40,7 +40,7 @@ export interface ModalProps {
   transitionName?: string;
   className?: string;
   getContainer?: (instance: React.ReactInstance) => HTMLElement;
-  zIndex?: boolean;
+  zIndex?: number;
 }
 
 export interface ModalContext {