import NetworkOverviewDdosDetection from '@/views/charts2/charts/networkOverview/NetworkOverviewDdosDetection' import { mount } from '@vue/test-utils' import axios from 'axios' const mockGet = { data: {"status":200,"code":200,"queryKey":"dec6723e173e8fa2b00917dc597bfb27","success":true,"message":null,"statistics":{"elapsed":0,"rows_read":2,"result_size":58,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"attack_event_count","type":"long","category":"Metric"},{"name":"attacker_count","type":"long","category":"Metric"},{"name":"victim_count","type":"long","category":"Metric"}],"data":{"resultType":"object","result":[{"attackEventCount":1200000,"attackerCount":2687878,"victimCount":36676767}]},"originalUrl":"http://192.168.44.55:9999?query=SELECT%20COUNT%28*%29%20AS%20attack_event_count%2C%20COUNT%28DISTINCT%28offender_ip%29%29%20AS%20attacker_count%2C%20COUNT%28DISTINCT%28victim_ip%29%29%20AS%20victim_count%20FROM%20security_event%20WHERE%20start_time%20%3E%3D%201675043912%20AND%20start_time%20%3C%201675047512%20AND%20security_type%20%3D%20%27ddos%27&format=json&option=real-time","msg":"OK"} } const timeFilter = { dateRangeValue: -1, startTime: 1675043912, endTime: 1675047512 } describe('views/charts2/charts/networkOverview/NetworkOverviewDdosDetection.vue测试', () => { test('攻击、受害、攻击数事件:ddos检测图', async () => { require('vue-router').useRoute.mockReturnValue({ query: {} }) // 模拟 axios 返回数据 axios.get.mockResolvedValue(mockGet) // 加载vue组件,获得实例 const wrapper = mount(NetworkOverviewDdosDetection, { propsData: { timeFilter } }) const attackEventCount = wrapper.get('[test-id="attackEventCount"]') const attackerCount = wrapper.get('[test-id="attackerCount"]') const victimCount = wrapper.get('[test-id="victimCount"]') await new Promise(resolve => setTimeout(() => { expect(attackEventCount.text()).toEqual('1.20 M') expect(attackerCount.text()).toEqual('2.69 M') expect(victimCount.text()).toEqual('36.68 M') resolve() }, 200)) }) })