From 6ee5ea6f6eb42354690f5fade88743d44876d2dc Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 30 Jan 2023 17:54:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=8C=E5=96=84=E5=8D=95=E6=B5=8Bdemo?=
 =?UTF-8?q?=EF=BC=88=E7=AC=AC=E4=B8=89=E6=96=B9=E5=BA=93=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Test.vue      | 4 ++--
 test/Test.test.js | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Test.vue b/src/Test.vue
index 9827a8e2..005c1858 100644
--- a/src/Test.vue
+++ b/src/Test.vue
@@ -12,8 +12,8 @@
   >
     <template v-for="(item, index) in tableTitles" :key="index">
       <el-table-column>
-        <template  #default="scope" :column="item">
-          {{scope.row[item.prop]}}
+        <template #default="scope" :column="item">
+          <span :test-id="`${item.prop}${scope.$index}`">{{scope.row[item.prop]}}</span>
         </template>
       </el-table-column>
     </template>
diff --git a/test/Test.test.js b/test/Test.test.js
index 8b686779..a4057f63 100644
--- a/test/Test.test.js
+++ b/test/Test.test.js
@@ -159,7 +159,7 @@ describe('单元测试demo', () => {
     await wrapper.vm.getIndexedDBValue()
     expect(wrapper.vm.indexedDBValue).toEqual({ a: 1 })
   })
-  test('Vue组件--el-table', async () => {
+  test('Vue组件--使用第三方组件的情况（以el-table为例）', async () => {
     require('vue-router').useRoute.mockReturnValue({ query: {} })
     require('vue-router').useRouter.mockReturnValue({ currentRoute: { value: { path: '/' } } })
     // 加载vue组件，获得实例
@@ -168,8 +168,12 @@ describe('单元测试demo', () => {
         plugins: [ElementPlus]
       }
     })
+    // 执行nextTick等待el-table渲染完成
     await wrapper.vm.$nextTick()
-    console.log(wrapper.html())
+    const textNode = await wrapper.get('[test-id="name0"]')
+    const textNode2 = await wrapper.get('[test-id="age1"]')
+    expect(textNode.text()).toBe('a')
+    expect(textNode2.text()).toBe('11')
   })
   test('js方法--getNameByEventType', async () => {
     expect(getNameByEventType('http error')).toBe('http error ratio')