From cb6c10cd329e536cbee1de416bbe788266711af9 Mon Sep 17 00:00:00 2001
From: chenjiangui <674149625@qq.com>
Date: Wed, 24 Nov 2021 15:10:36 +0800
Subject: [PATCH] test(Tabbar): modify test case with `route mode` (#9924)

---
 .../test/__snapshots__/index.spec.js.snap     |  2 +-
 src/tabbar/test/index.spec.js                 | 24 ++++++++++++++-----
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/tabbar/test/__snapshots__/index.spec.js.snap b/src/tabbar/test/__snapshots__/index.spec.js.snap
index 9904a7823..d9d4f9391 100644
--- a/src/tabbar/test/__snapshots__/index.spec.js.snap
+++ b/src/tabbar/test/__snapshots__/index.spec.js.snap
@@ -10,7 +10,7 @@ exports[`placeholder prop 1`] = `
 
 exports[`route mode 1`] = `
 <div class="van-hairline--top-bottom van-tabbar van-tabbar--fixed">
-  <div class="van-tabbar-item van-tabbar-item--active">
+  <div class="van-tabbar-item">
     <div class="van-tabbar-item__icon">
       <!---->
     </div>
diff --git a/src/tabbar/test/index.spec.js b/src/tabbar/test/index.spec.js
index 0200eb062..f5ed73bc0 100644
--- a/src/tabbar/test/index.spec.js
+++ b/src/tabbar/test/index.spec.js
@@ -1,15 +1,25 @@
 import VueRouter from 'vue-router';
-import { mount, later, mockGetBoundingClientRect } from '../../../test';
+import { later, mockGetBoundingClientRect, mount } from '../../../test';
 import Vue from 'vue';
 import Tabbar from '..';
+import { createLocalVue } from '@vue/test-utils';
 
 Vue.use(VueRouter);
 
 test('route mode', async () => {
-  const router = new VueRouter();
-  const wrapper = mount({
-    router,
-    template: `
+  const router = new VueRouter({
+    routes: [
+      { path: '/', component: { render: () => '/' } },
+      { path: '/search', component: { render: () => '/search' } },
+      { path: '/star', component: { render: () => '/star' } },
+    ],
+  });
+  const localVue = createLocalVue();
+  localVue.use(VueRouter);
+
+  const wrapper = mount(
+    {
+      template: `
       <van-tabbar route>
         <van-tabbar-item replace to="/">
           Tab
@@ -25,7 +35,9 @@ test('route mode', async () => {
         </van-tabbar-item>
       </van-tabbar>
     `,
-  });
+    },
+    { localVue, router }
+  );
 
   expect(wrapper).toMatchSnapshot();