From faf55f7c03d4cda0bfec93189a8217e74a5dd38b Mon Sep 17 00:00:00 2001
From: tangjinzhou <415800467@qq.com>
Date: Fri, 18 May 2018 14:30:17 +0800
Subject: [PATCH] test: update modal test

---
 components/modal/__tests__/Modal.test.js      | 23 +++++++++++--------
 .../__snapshots__/Modal.test.js.snap          | 21 ++++++++++++++++-
 tests/setup.js                                |  4 ++--
 3 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/components/modal/__tests__/Modal.test.js b/components/modal/__tests__/Modal.test.js
index 67dae5b67..b0c180f22 100644
--- a/components/modal/__tests__/Modal.test.js
+++ b/components/modal/__tests__/Modal.test.js
@@ -1,4 +1,5 @@
 import { mount } from '@vue/test-utils'
+import Vue from 'vue'
 import Modal from '..'
 
 const ModalTester = {
@@ -8,10 +9,6 @@ const ModalTester = {
       return this.$refs.container
     },
   },
-  updated () {
-    console.log('updated')
-  },
-
   render () {
     const modalProps = {
       props: {
@@ -33,18 +30,24 @@ const ModalTester = {
 }
 
 describe('Modal', () => {
-  it('render correctly', () => {
-    const wrapper = mount(ModalTester)
-    wrapper.setProps({ visible: true })
-    expect(wrapper.html()).toMatchSnapshot()
-    const wrapper1 = mount(
+  it('render correctly', (done) => {
+    const wrapper = mount(
       {
         render () {
           return <ModalTester visible />
         },
       }
     )
-    expect(wrapper1.html()).toMatchSnapshot()
+    expect(wrapper.html()).toMatchSnapshot()
+    // https://github.com/vuejs/vue-test-utils/issues/624
+    const wrapper1 = mount(ModalTester, {
+      sync: false,
+    })
+    wrapper1.setProps({ visible: true })
+    Vue.nextTick(() => {
+      expect(wrapper1.html()).toMatchSnapshot()
+      done()
+    })
   })
 
   it('render without footer', () => {
diff --git a/components/modal/__tests__/__snapshots__/Modal.test.js.snap b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
index 891c81e17..b6d4b6eae 100644
--- a/components/modal/__tests__/__snapshots__/Modal.test.js.snap
+++ b/components/modal/__tests__/__snapshots__/Modal.test.js.snap
@@ -2,7 +2,26 @@
 
 exports[`Modal render correctly 1`] = `
 <div>
-  <div></div>
+  <div>
+    <div>
+      <div class="ant-modal-mask"></div>
+      <div tabindex="-1" role="dialog" class="ant-modal-wrap ">
+        <div role="document" class="ant-modal" style="width: 520px;">
+          <div class="ant-modal-content">
+            <button aria-label="Close" class="ant-modal-close"><span class="ant-modal-close-x"></span></button>
+            <div class="ant-modal-body">Here is content of Modal</div>
+            <div class="ant-modal-footer">
+              <div>
+                <button type="button" class="ant-btn ant-btn-default"><span>Cancel</span></button>
+                <button type="button" class="ant-btn ant-btn-primary"><span>OK</span></button>
+              </div>
+            </div>
+          </div>
+          <div tabindex="0" style="width: 0px; height: 0px; overflow: hidden;">sentinel</div>
+        </div>
+      </div>
+    </div>
+  </div>
   <!---->
 </div>
 `;
diff --git a/tests/setup.js b/tests/setup.js
index def324f67..c6a2fab32 100644
--- a/tests/setup.js
+++ b/tests/setup.js
@@ -1,5 +1,5 @@
-import Vue from 'vue'
-Vue.config.silent = true
+// import Vue from 'vue'
+// Vue.config.silent = true
 
 /* eslint-disable global-require */
 if (typeof window !== 'undefined') {