diff --git a/components/transfer/__tests__/__snapshots__/demo.test.js.snap b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
index c770517772..38ea3e41a4 100644
--- a/components/transfer/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
@@ -5,7 +5,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
   <div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>11 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <div class="ant-transfer-list-body-search-wrapper">
@@ -30,7 +30,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
   <div class="ant-transfer-list ant-transfer-list-with-footer" style="width: 250px; height: 300px;">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>9 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <div class="ant-transfer-list-body-search-wrapper">
@@ -87,7 +87,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
   <div class="ant-transfer-list" style="width: 300px; height: 300px;">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>11 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body">
       <!---->
@@ -105,7 +105,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
   <div class="ant-transfer-list" style="width: 300px; height: 300px;">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>9 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body">
       <!---->
@@ -120,7 +120,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
   <div class="ant-transfer-list">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>1003 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>2000 items</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body">
       <!---->
@@ -138,7 +138,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
   <div class="ant-transfer-list">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>997 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body">
       <!---->
@@ -153,7 +153,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
   <div class="ant-transfer-list">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>12 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>20 items</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <div class="ant-transfer-list-body-search-wrapper">
@@ -175,7 +175,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
   <div class="ant-transfer-list">
     <div class="ant-transfer-list-header">
       <label class="ant-checkbox-wrapper"><span class="ant-checkbox"><input type="checkbox" class="ant-checkbox-input"><span class="ant-checkbox-inner"></span></span>
-      </label><span class="ant-transfer-list-header-selected"><span>8 items</span><span class="ant-transfer-list-header-title"></span></span>
+      </label><span class="ant-transfer-list-header-selected"><span>0 item</span><span class="ant-transfer-list-header-title"></span></span>
     </div>
     <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
       <div class="ant-transfer-list-body-search-wrapper">
diff --git a/package.json b/package.json
index 18735d5e52..5e1589bf35 100644
--- a/package.json
+++ b/package.json
@@ -166,4 +166,4 @@
         "shallowequal": "^1.0.2",
         "warning": "^3.0.0"
     }
-}
+}
\ No newline at end of file
diff --git a/tests/setup.js b/tests/setup.js
index a679180fe7..67e7fb073e 100644
--- a/tests/setup.js
+++ b/tests/setup.js
@@ -20,6 +20,10 @@ global.cancelAnimationFrame = function (cb) {
   return clearTimeout(cb, 0)
 }
 
+const mockMath = Object.create(global.Math)
+mockMath.random = () => 0.5
+global.Math = mockMath
+
 Vue.component('transition-group', {
   props: ['tag'],
   render (createElement) {
diff --git a/tests/shared/demoTest.js b/tests/shared/demoTest.js
index 407129077a..58496a86fb 100644
--- a/tests/shared/demoTest.js
+++ b/tests/shared/demoTest.js
@@ -7,7 +7,8 @@ import antd from 'vue-antd-ui'
 Vue.use(antd)
 
 export default function demoTest (component, options = {}) {
-  const files = glob.sync(`./components/${component}/demo/*.md`)
+  const suffix = options.suffix || 'md'
+  const files = glob.sync(`./components/${component}/demo/*.${suffix}`)
 
   files.forEach((file) => {
     let testMethod = options.skip === true ? test.skip : test