diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index b04068689c4c..a7c1b06a1879 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -1277,51 +1277,55 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
         class="ant-form-item-control "
       >
         <span
-          class="ant-input-wrapper ant-input-group"
+          class="ant-input-group-wrapper"
         >
           <span
-            class="ant-input-group-addon"
+            class="ant-input-wrapper ant-input-group"
           >
-            <div
-              class="icp-selector ant-select ant-select-enabled"
+            <span
+              class="ant-input-group-addon"
             >
               <div
-                aria-autocomplete="list"
-                aria-expanded="false"
-                aria-haspopup="true"
-                class="ant-select-selection
-                          ant-select-selection--single"
-                role="combobox"
-                tabindex="0"
+                class="icp-selector 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="+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>
+            <input
+              class="ant-input ant-input-lg"
+              data-__meta="[object Object]"
+              id="phone"
+              type="text"
+              value=""
+            />
           </span>
-          <input
-            class="ant-input ant-input-lg"
-            data-__meta="[object Object]"
-            id="phone"
-            type="text"
-            value=""
-          />
         </span>
       </div>
     </div>
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 9a5bd824d6f7..18a6a194396f 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -6,22 +6,26 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
     style="margin-bottom:16px;"
   >
     <span
-      class="ant-input-wrapper ant-input-group"
+      class="ant-input-group-wrapper"
     >
       <span
-        class="ant-input-group-addon"
+        class="ant-input-wrapper ant-input-group"
       >
-        Http://
-      </span>
-      <input
-        class="ant-input"
-        type="text"
-        value="mysite"
-      />
-      <span
-        class="ant-input-group-addon"
-      >
-        .com
+        <span
+          class="ant-input-group-addon"
+        >
+          Http://
+        </span>
+        <input
+          class="ant-input"
+          type="text"
+          value="mysite"
+        />
+        <span
+          class="ant-input-group-addon"
+        >
+          .com
+        </span>
       </span>
     </span>
   </div>
@@ -29,86 +33,90 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
     style="margin-bottom:16px;"
   >
     <span
-      class="ant-input-wrapper ant-input-group"
+      class="ant-input-group-wrapper"
     >
       <span
-        class="ant-input-group-addon"
+        class="ant-input-wrapper ant-input-group"
       >
-        <div
-          class="ant-select ant-select-enabled"
-          style="width:80px;"
+        <span
+          class="ant-input-group-addon"
         >
           <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>
-      <input
-        class="ant-input"
-        type="text"
-        value="mysite"
-      />
-      <span
-        class="ant-input-group-addon"
-      >
-        <div
-          class="ant-select ant-select-enabled"
-          style="width:70px;"
+        </span>
+        <input
+          class="ant-input"
+          type="text"
+          value="mysite"
+        />
+        <span
+          class="ant-input-group-addon"
         >
           <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>
       </span>
     </span>
   </div>
@@ -116,19 +124,23 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
     style="margin-bottom:16px;"
   >
     <span
-      class="ant-input-wrapper ant-input-group"
+      class="ant-input-group-wrapper"
     >
-      <input
-        class="ant-input"
-        type="text"
-        value="mysite"
-      />
       <span
-        class="ant-input-group-addon"
+        class="ant-input-wrapper ant-input-group"
       >
-        <i
-          class="anticon anticon-setting"
+        <input
+          class="ant-input"
+          type="text"
+          value="mysite"
         />
+        <span
+          class="ant-input-group-addon"
+        >
+          <i
+            class="anticon anticon-setting"
+          />
+        </span>
       </span>
     </span>
   </div>