fix: 完善单测demo(第三方库)

This commit is contained in:
chenjinsong
2023-01-30 17:54:24 +08:00
parent 6756812c34
commit 6ee5ea6f6e
2 changed files with 8 additions and 4 deletions

View File

@@ -12,8 +12,8 @@
> >
<template v-for="(item, index) in tableTitles" :key="index"> <template v-for="(item, index) in tableTitles" :key="index">
<el-table-column> <el-table-column>
<template #default="scope" :column="item"> <template #default="scope" :column="item">
{{scope.row[item.prop]}} <span :test-id="`${item.prop}${scope.$index}`">{{scope.row[item.prop]}}</span>
</template> </template>
</el-table-column> </el-table-column>
</template> </template>

View File

@@ -159,7 +159,7 @@ describe('单元测试demo', () => {
await wrapper.vm.getIndexedDBValue() await wrapper.vm.getIndexedDBValue()
expect(wrapper.vm.indexedDBValue).toEqual({ a: 1 }) 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').useRoute.mockReturnValue({ query: {} })
require('vue-router').useRouter.mockReturnValue({ currentRoute: { value: { path: '/' } } }) require('vue-router').useRouter.mockReturnValue({ currentRoute: { value: { path: '/' } } })
// 加载vue组件获得实例 // 加载vue组件获得实例
@@ -168,8 +168,12 @@ describe('单元测试demo', () => {
plugins: [ElementPlus] plugins: [ElementPlus]
} }
}) })
// 执行nextTick等待el-table渲染完成
await wrapper.vm.$nextTick() 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 () => { test('js方法--getNameByEventType', async () => {
expect(getNameByEventType('http error')).toBe('http error ratio') expect(getNameByEventType('http error')).toBe('http error ratio')