CN-1356 fix: 恢复link蜂窝图接口返回的数个数值均相等时无法正确显示的问题

This commit is contained in:
chenjinsong
2023-09-26 21:02:55 +08:00
parent ceb9a10293
commit 2894eaf7e4
4 changed files with 78 additions and 6 deletions

View File

@@ -4,6 +4,7 @@ import axios from 'axios'
import chartMixin from '@/views/charts2/chart-mixin'
import { mockData, linkInfoData } from './MockData/LinkBlock'
import common from '@/mixins/common'
import ElementPlus from 'element-plus'
const mockGet1 = mockData.common.data1
const mockGet2 = mockData.common.data2
@@ -21,7 +22,7 @@ var wrapper = null
* 进行axios请求并挂载vue实例
*
*/
function axiosPostAndMounted (list1, list2) {
function axiosPostAndMounted (list1, list2, loadEle) {
require('vue-router').useRoute.mockReturnValue({ query: {} })
const data1 = list1 || mockGet1
@@ -45,6 +46,9 @@ function axiosPostAndMounted (list1, list2) {
propsData: {
timeFilter
},
global: {
plugins: loadEle ? [ElementPlus] : []
},
mixins: [common, chartMixin]
})
}
@@ -163,4 +167,21 @@ describe('views/charts2/charts/linkMonitor/LinkBlock.vue测试', () => {
resolve()
}, 200))
})
test('链路几个数据的值相等下一跳只有一个数据时色块颜色是否是蓝色rgb(64,83,126)', async () => {
const list1 = mockData.equalValue.data1
const list2 = mockData.equalValue.data2
axiosPostAndMounted(list1, list2, true)
await new Promise(resolve => setTimeout(() => {
const linkBlock0 = wrapper.get('[test-id="linkBlock0"]')
const linkBlock1 = wrapper.get('[test-id="linkBlock1"]')
const nextHopBlock0 = wrapper.get('[test-id="nextHopBlock0"]')
expect(linkBlock0.attributes('style')).toBe('background-color: rgb(64, 83, 126);')
expect(linkBlock1.attributes('style')).toBe('background-color: rgb(64, 83, 126);')
expect(nextHopBlock0.attributes('style')).toBe('background-color: rgb(64, 83, 126);')
resolve()
}, 200))
})
})