From 85a9aca4921145a353dee5d9d044bb3326381dc2 Mon Sep 17 00:00:00 2001
From: wangxueliang <wangxueliang@yidian-inc.com>
Date: Tue, 11 Sep 2018 09:14:57 +0800
Subject: [PATCH] fix: the spin component loads for the first time #174

---
 components/list/__tests__/index.test.js       | 19 +++++++++++++++++++
 components/spin/Spin.jsx                      |  2 +-
 .../__tests__/__snapshots__/demo.test.js.snap | 10 ++++++++--
 components/transfer/demo/large-data.md        |  1 +
 4 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 components/list/__tests__/index.test.js

diff --git a/components/list/__tests__/index.test.js b/components/list/__tests__/index.test.js
new file mode 100644
index 000000000..32851c688
--- /dev/null
+++ b/components/list/__tests__/index.test.js
@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils'
+import { asyncExpect } from '@/tests/utils'
+import List from '..'
+
+describe('List', () => {
+  it('locale not passed to internal div', async () => {
+    const locale = { emptyText: 'Custom text' }
+    const wrapper = mount({
+      render () {
+        return <List dataSource={[]} renderItem={(item) => <List.Item>{item}</List.Item>} locale={locale} />
+      },
+    }, {
+      sync: false,
+    })
+    await asyncExpect(() => {
+      expect(wrapper.props().locale).toBe(undefined)
+    })
+  })
+})
diff --git a/components/spin/Spin.jsx b/components/spin/Spin.jsx
index f8db9e9a6..7da91b8a0 100644
--- a/components/spin/Spin.jsx
+++ b/components/spin/Spin.jsx
@@ -148,7 +148,7 @@ export default {
 
       return (
         <transition-group
-          {...getTransitionProps('fade')}
+          {...getTransitionProps('fade', { appear: false })}
           tag='div'
           class={animateClassName}
         >
diff --git a/components/transfer/__tests__/__snapshots__/demo.test.js.snap b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
index 034fa58e1..ef2725e51 100644
--- a/components/transfer/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/transfer/__tests__/__snapshots__/demo.test.js.snap
@@ -140,7 +140,10 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
 <div class="ant-transfer">
   <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" value=""><span class="ant-checkbox-inner"></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">
+    <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      <div class="ant-transfer-list-body-search-wrapper">
+        <div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
+      </div>
       <ul class="ant-transfer-list-content">
         <div class="LazyLoad" style="height: 32px;"></div>
         <div class="LazyLoad" style="height: 32px;"></div>
@@ -2149,7 +2152,10 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
   <div class="ant-transfer-operation"><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-right"></i></button><button type="button" disabled="disabled" class="ant-btn ant-btn-primary ant-btn-sm"><i class="anticon anticon-left"></i></button></div>
   <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" value=""><span class="ant-checkbox-inner"></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">
+    <div class="ant-transfer-list-body ant-transfer-list-body-with-search">
+      <div class="ant-transfer-list-body-search-wrapper">
+        <div><input value="" placeholder="Search here" type="text" class="ant-input ant-transfer-list-search ant-transfer-list-search"><span class="ant-transfer-list-search-action"><i class="anticon anticon-search"></i></span></div>
+      </div>
       <ul class="ant-transfer-list-content"></ul>
       <div class="ant-transfer-list-body-not-found">Not Found</div>
     </div>
diff --git a/components/transfer/demo/large-data.md b/components/transfer/demo/large-data.md
index c165059e9..4e2a553ab 100644
--- a/components/transfer/demo/large-data.md
+++ b/components/transfer/demo/large-data.md
@@ -15,6 +15,7 @@
     :targetKeys="targetKeys"
     @change="handleChange"
     :render="item=>item.title"
+    showSearch
   >
   </a-transfer>
 </template>