Make List.Item ssr friendly (#1219)

* remove platform detect from list item render * test: update snapshot, caused by list-item riple * fix typo ripple * test: update snapshot, caused by typo ripple * hide inactive ripple div
ant-design · May 6, 2017 · 4e95093 · 4e95093
1 parent 5a012ea
commit 4e95093
Show file tree

Hide file tree

Showing 19 changed files with 644 additions and 20 deletions.
diff --git a/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap b/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap
@@ -98,6 +98,10 @@ exports[`renders ./components/accordion/demo/basic.md correctly 1`] = `
                     Content 1
                   </div>
                 </div>
+                <div
+                  class="am-list-ripple"
+                  style="display:none;"
+                />
               </div>
               <div
                 class="am-list-item am-list-item-middle"
@@ -111,6 +115,10 @@ exports[`renders ./components/accordion/demo/basic.md correctly 1`] = `
                     Content 2
                   </div>
                 </div>
+                <div
+                  class="am-list-ripple"
+                  style="display:none;"
+                />
               </div>
               <div
                 class="am-list-item am-list-item-middle"
@@ -124,6 +132,10 @@ exports[`renders ./components/accordion/demo/basic.md correctly 1`] = `
                     Content 3
                   </div>
                 </div>
+                <div
+                  class="am-list-ripple"
+                  style="display:none;"
+                />
               </div>
             </div>
           </div>

diff --git a/components/badge/__tests__/__snapshots__/demo.test.web.js.snap b/components/badge/__tests__/__snapshots__/demo.test.web.js.snap
@@ -42,6 +42,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           class="am-list-arrow am-list-arrow-horizontal"
         />
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -79,6 +83,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           class="am-list-arrow am-list-arrow-horizontal"
         />
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -105,6 +113,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="special-badge am-list-item am-list-item-middle"
@@ -131,6 +143,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -167,6 +183,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           class="am-list-arrow am-list-arrow-horizontal"
         />
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -230,6 +250,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -273,6 +297,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
   </div>
 </div>

diff --git a/components/button/__tests__/__snapshots__/demo.test.web.js.snap b/components/button/__tests__/__snapshots__/demo.test.web.js.snap
@@ -162,6 +162,10 @@ exports[`renders ./components/button/demo/complex.md correctly 1`] = `
           </a>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
     <div
       class="am-list-item am-list-item-middle"
@@ -193,6 +197,10 @@ exports[`renders ./components/button/demo/complex.md correctly 1`] = `
           </a>
         </div>
       </div>
+      <div
+        class="am-list-ripple"
+        style="display:none;"
+      />
     </div>
   </div>
 </div>

diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap b/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap
@@ -44,6 +44,10 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
             博士
           </div>
         </div>
+        <div
+          class="am-list-ripple"
+          style="display:none;"
+        />
       </div>
       <div
         class="am-checkbox-item am-list-item am-list-item-middle"
@@ -76,6 +80,10 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
             本科
           </div>
         </div>
+        <div
+          class="am-list-ripple"
+          style="display:none;"
+        />
       </div>
       <div
         class="am-checkbox-item am-list-item am-list-item-middle"
@@ -108,6 +116,10 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
             高中
           </div>
         </div>
+        <div
+          class="am-list-ripple"
+          style="display:none;"
+        />
       </div>
       <div
         class="am-checkbox-item am-checkbox-item-disabled am-list-item am-list-item-middle"
@@ -148,6 +160,10 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
             </div>
           </div>
         </div>
+        <div
+          class="am-list-ripple"
+          style="display:none;"
+        />
       </div>
     </div>
   </div>

diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap
@@ -31,6 +31,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
               class="am-list-arrow am-list-arrow-horizontal"
             />
           </div>
+          <div
+            class="am-list-ripple"
+            style="display:none;"
+          />
         </div>
       </div>
       <div>
@@ -55,6 +59,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
               class="am-list-arrow am-list-arrow-horizontal"
             />
           </div>
+          <div
+            class="am-list-ripple"
+            style="display:none;"
+          />
         </div>
       </div>
       <div>
@@ -79,6 +87,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
               class="am-list-arrow am-list-arrow-horizontal"
             />
           </div>
+          <div
+            class="am-list-ripple"
+            style="display:none;"
+          />
         </div>
       </div>
       <div>
@@ -103,6 +115,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
               class="am-list-arrow am-list-arrow-horizontal"
             />
           </div>
+          <div
+            class="am-list-ripple"
+            style="display:none;"
+          />
         </div>
       </div>
       <div>
@@ -127,6 +143,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
               class="am-list-arrow am-list-arrow-horizontal"
             />
           </div>
+          <div
+            class="am-list-ripple"
+            style="display:none;"
+          />
         </div>
       </div>
       <div
@@ -146,6 +166,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
             class="am-list-extra"
           />
         </div>
+        <div
+          class="am-list-ripple"
+          style="display:none;"
+        />
       </div>
       <div>
         <div