From 166dd00dfb91b63d170b764c307d1ff68af32dee Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Mon, 20 Apr 2020 19:54:12 +0800
Subject: [PATCH] test(Tab): add dynamic insert case (#6102)

---
 .../test/__snapshots__/insert.spec.js.snap    | 23 ++++++++++++++++
 src/tab/test/insert.spec.js                   | 27 +++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 src/tab/test/__snapshots__/insert.spec.js.snap
 create mode 100644 src/tab/test/insert.spec.js

diff --git a/src/tab/test/__snapshots__/insert.spec.js.snap b/src/tab/test/__snapshots__/insert.spec.js.snap
new file mode 100644
index 000000000..8718f18e6
--- /dev/null
+++ b/src/tab/test/__snapshots__/insert.spec.js.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`insert tab dynamically 1`] = `
+<div class="van-tabs van-tabs--line">
+  <div class="van-tabs__wrap van-hairline--top-bottom">
+    <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
+      <div role="tab" class="van-tab van-ellipsis"><span class="van-tab__text">1<!----></span></div>
+      <div role="tab" aria-selected="true" class="van-tab van-tab--active van-ellipsis"><span class="van-tab__text">2<!----></span></div>
+      <div role="tab" class="van-tab van-ellipsis"><span class="van-tab__text">3<!----></span></div>
+      <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
+    </div>
+  </div>
+  <div class="van-tabs__content">
+    <div role="tabpanel" class="van-tab__pane" style="display: none;">
+      <!---->
+    </div>
+    <div>
+      <div role="tabpanel" class="van-tab__pane">2</div>
+    </div>
+    <div role="tabpanel" class="van-tab__pane" style="display: none;">3</div>
+  </div>
+</div>
+`;
diff --git a/src/tab/test/insert.spec.js b/src/tab/test/insert.spec.js
new file mode 100644
index 000000000..ba7f9f478
--- /dev/null
+++ b/src/tab/test/insert.spec.js
@@ -0,0 +1,27 @@
+import { mount, later } from '../../../test';
+
+// this case will throw wierd error in index.spec.js
+// so separate it
+test('insert tab dynamically', async () => {
+  const wrapper = mount({
+    template: `
+      <van-tabs v-model="active">
+        <van-tab title="1">1</van-tab>
+        <div v-if="insert">
+          <van-tab title="2">2</van-tab>
+        </div>
+        <van-tab title="3">3</van-tab>
+      </van-tabs>
+    `,
+    data() {
+      return {
+        insert: false,
+        active: 1,
+      };
+    },
+  });
+
+  await later();
+  wrapper.setData({ insert: true });
+  expect(wrapper).toMatchSnapshot();
+});