gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
524be687810ff7cb21797142e10595170cb098b8
cyber-narrator-cn-ui/test/views/charts2/charts/npm/NpmNetworkQuantity.test.js

249 lines
33 KiB
JavaScript
Raw Normal View History

feat: 单测 Npm - Overview 概况信息统计
2023-02-01 11:32:47 +08:00
import NpmNetworkQuantity from '@/views/charts2/charts/npm/NpmNetworkQuantity'
import { mount } from '@vue/test-utils'
import axios from 'axios'
// 下钻
const mockGet0 = {
data: {"status":200,"code":200,"queryKey":"176825b31c1b552bca8b3ec494cb7af3","success":true,"message":null,"statistics":{"elapsed":10,"rows_read":112586,"bytes_read":10235742,"result_size":771,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"ip","type":"string","category":"Dimension"},{"name":"establish_latency_ms_avg","type":"double","category":"Metric"},{"name":"establish_latency_ms_p50","type":"double","category":"Metric"},{"name":"establish_latency_ms_p90","type":"double","category":"Metric"},{"name":"establish_latency_ms_p95","type":"double","category":"Metric"},{"name":"establish_latency_ms_p99","type":"double","category":"Metric"},{"name":"http_response_latency_avg","type":"double","category":"Metric"},{"name":"http_response_latency_p50","type":"double","category":"Metric"},{"name":"http_response_latency_p90","type":"double","category":"Metric"},{"name":"http_response_latency_p95","type":"double","category":"Metric"},{"name":"http_response_latency_p99","type":"double","category":"Metric"},{"name":"ssl_con_latency_avg","type":"double","category":"Metric"},{"name":"ssl_con_latency_p50","type":"double","category":"Metric"},{"name":"ssl_con_latency_p90","type":"double","category":"Metric"},{"name":"ssl_con_latency_p95","type":"double","category":"Metric"},{"name":"ssl_con_latency_p99","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_avg","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p50","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p90","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p95","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p99","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_avg","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p50","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p90","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p95","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"ip":"116.178.70.242","establishLatencyMsAvg":130.8252,"establishLatencyMsP50":81,"establishLatencyMsP90":262,"establishLatencyMsP95":445,"establishLatencyMsP99":601,"httpResponseLatencyAvg":598.2844,"httpResponseLatencyP50":88,"httpResponseLatencyP90":2282,"httpResponseLatencyP95":2949,"httpResponseLatencyP99":4620,"sslConLatencyAvg":1,"sslConLatencyP50":0,"sslConLatencyP90":0,"sslConLatencyP95":0,"sslConLatencyP99":0,"tcpLostlenPercentAvg":0.0108,"tcpLostlenPercentP50":0.0017,"tcpLostlenPercentP90":0.0224,"tcpLostlenPercentP95":0.0346,"tcpLostlenPercentP99":0.1372,"pktRetransPercentAvg":0.0379,"pktRetransPercentP50":0.0202,"pktRetransPercentP90":0.0946,"pktRetransPercentP95":0.1047,"pktRetransPercentP99":0.183}},"originalUrl":"http://192.168.44.55:9999?query=SELECT%20ip%20AS%20ip%2C%20ROUND%28AVG%28avg_establish_latency_ms%29%2C%204%29%20AS%20establish_latency_ms_avg%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.50%29%29%20AS%20establish_latency_ms_p50%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.90%29%29%20AS%20establish_latency_ms_p90%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.95%29%29%20AS%20establish_latency_ms_p95%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.99%29%29%20AS%20establish_latency_ms_p99%2C%20ROUND%28AVG%28avg_http_response_latency_ms%29%2C%204%29%20AS%20http_response_latency_avg%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.50%29%29%20AS%20http_response_latency_p50%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.90%29%29%20AS%20http_response_latency_p90%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.95%29%29%20AS%20http_response_latency_p95%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.99%29%29%20AS%20http_response_latency_p99%2C%20ROUND%28AVG%28avg_ssl_con_latency_ms%29%2C%204%29%20AS%20ssl_con_latency_avg%2C%20ROUND%28QUANTILE%28avg_ssl_con_latency_ms%2C0.50%29%29%20AS%20ssl_con_latency_p50%2C%20ROUND%28QUANTILE%28avg_ssl_con_latency_ms%2C0.90%29%29%20A
}
const mockGet1 = {
data: {"status":200,"code":200,"queryKey":"c45cc8bbb2aecd158c72a550093c07bb","success":true,"message":null,"statistics":{"elapsed":10,"rows_read":109487,"bytes_read":9949922,"result_size":769,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"ip","type":"string","category":"Dimension"},{"name":"establish_latency_ms_avg","type":"double","category":"Metric"},{"name":"establish_latency_ms_p50","type":"double","category":"Metric"},{"name":"establish_latency_ms_p90","type":"double","category":"Metric"},{"name":"establish_latency_ms_p95","type":"double","category":"Metric"},{"name":"establish_latency_ms_p99","type":"double","category":"Metric"},{"name":"http_response_latency_avg","type":"double","category":"Metric"},{"name":"http_response_latency_p50","type":"double","category":"Metric"},{"name":"http_response_latency_p90","type":"double","category":"Metric"},{"name":"http_response_latency_p95","type":"double","category":"Metric"},{"name":"http_response_latency_p99","type":"double","category":"Metric"},{"name":"ssl_con_latency_avg","type":"double","category":"Metric"},{"name":"ssl_con_latency_p50","type":"double","category":"Metric"},{"name":"ssl_con_latency_p90","type":"double","category":"Metric"},{"name":"ssl_con_latency_p95","type":"double","category":"Metric"},{"name":"ssl_con_latency_p99","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_avg","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p50","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p90","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p95","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p99","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_avg","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p50","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p90","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p95","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"ip":"116.178.70.242","establishLatencyMsAvg":86.5147,"establishLatencyMsP50":68,"establishLatencyMsP90":131,"establishLatencyMsP95":152,"establishLatencyMsP99":321,"httpResponseLatencyAvg":311.6164,"httpResponseLatencyP50":66,"httpResponseLatencyP90":305,"httpResponseLatencyP95":592,"httpResponseLatencyP99":5724,"sslConLatencyAvg":1,"sslConLatencyP50":0,"sslConLatencyP90":0,"sslConLatencyP95":0,"sslConLatencyP99":0,"tcpLostlenPercentAvg":0.0147,"tcpLostlenPercentP50":0.0011,"tcpLostlenPercentP90":0.0226,"tcpLostlenPercentP95":0.0357,"tcpLostlenPercentP99":0.2522,"pktRetransPercentAvg":0.0357,"pktRetransPercentP50":0.0192,"pktRetransPercentP90":0.0919,"pktRetransPercentP95":0.1043,"pktRetransPercentP99":0.2249}},"originalUrl":"http://192.168.44.55:9999?query=SELECT%20ip%20AS%20ip%2C%20ROUND%28AVG%28avg_establish_latency_ms%29%2C%204%29%20AS%20establish_latency_ms_avg%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.50%29%29%20AS%20establish_latency_ms_p50%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.90%29%29%20AS%20establish_latency_ms_p90%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.95%29%29%20AS%20establish_latency_ms_p95%2C%20ROUND%28QUANTILE%28avg_establish_latency_ms%2C0.99%29%29%20AS%20establish_latency_ms_p99%2C%20ROUND%28AVG%28avg_http_response_latency_ms%29%2C%204%29%20AS%20http_response_latency_avg%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.50%29%29%20AS%20http_response_latency_p50%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.90%29%29%20AS%20http_response_latency_p90%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.95%29%29%20AS%20http_response_latency_p95%2C%20ROUND%28QUANTILE%28avg_http_response_latency_ms%2C0.99%29%29%20AS%20http_response_latency_p99%2C%20ROUND%28AVG%28avg_ssl_con_latency_ms%29%2C%204%29%20AS%20ssl_con_latency_avg%2C%20ROUND%28QUANTILE%28avg_ssl_con_latency_ms%2C0.50%29%29%20AS%20ssl_con_latency_p50%2C%20ROUND%28QUANTILE%28avg_ssl_con_latency_ms%2C0.90%29%29%20AS%2
}
// 未下钻 cycle 为 0
const tcp0 = {
data: {"status":200,"code":200,"queryKey":"43786ef6059289466ee0870e51fd4e10","success":true,"message":null,"statistics":{"elapsed":13,"rows_read":112696,"bytes_read":3831664,"result_size":149,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"establish_latency_ms_avg","type":"double","category":"Metric"},{"name":"establish_latency_ms_p50","type":"double","category":"Metric"},{"name":"establish_latency_ms_p90","type":"double","category":"Metric"},{"name":"establish_latency_ms_p95","type":"double","category":"Metric"},{"name":"establish_latency_ms_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"establishLatencyMsAvg":92,"establishLatencyMsP50":49,"establishLatencyMsP90":91,"establishLatencyMsP95":160,"establishLatencyMsP99":789}},"originalUrl":"http://192.168.44.55:9999?query=%20SELECT%20ROUND%28AVG%28common_establish_latency_ms%29%29%20AS%20establish_latency_ms_avg%2C%20ROUND%28QUANTILE%28common_establish_latency_ms%2C0.5%29%29%20AS%20establish_latency_ms_p50%2C%20ROUND%28QUANTILE%28common_establish_latency_ms%2C0.9%29%29%20AS%20establish_latency_ms_p90%2C%20ROUND%28QUANTILE%28common_establish_latency_ms%2C0.95%29%29%20AS%20establish_latency_ms_p95%2C%20ROUND%28QUANTILE%28common_establish_latency_ms%2C0.99%29%29%20AS%20establish_latency_ms_p99%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930%20AND%20common_recv_time%20%3C%201675144530%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%27IPv6_TCP%27%29%20&format=json&option=real-time","msg":"OK"}
}
const http0 = {
data: {"status":200,"code":200,"queryKey":"9c24dd3ad820f76adc84c261c7754a1e","success":true,"message":null,"statistics":{"elapsed":8,"rows_read":112696,"bytes_read":3319507,"result_size":157,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"http_response_latency_avg","type":"double","category":"Metric"},{"name":"http_response_latency_p50","type":"double","category":"Metric"},{"name":"http_response_latency_p90","type":"double","category":"Metric"},{"name":"http_response_latency_p95","type":"double","category":"Metric"},{"name":"http_response_latency_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"httpResponseLatencyAvg":193,"httpResponseLatencyP50":56,"httpResponseLatencyP90":128,"httpResponseLatencyP95":266,"httpResponseLatencyP99":2093}},"originalUrl":"http://192.168.44.55:9999?query=%20SELECT%20ROUND%28AVG%28http_response_latency_ms%29%29%20AS%20http_response_latency_avg%2C%20ROUND%28QUANTILE%28http_response_latency_ms%2C0.5%29%29%20AS%20http_response_latency_p50%2C%20ROUND%28QUANTILE%28http_response_latency_ms%2C0.9%29%29%20AS%20http_response_latency_p90%2C%20ROUND%28QUANTILE%28http_response_latency_ms%2C0.95%29%29%20AS%20http_response_latency_p95%2C%20ROUND%28QUANTILE%28http_response_latency_ms%2C0.99%29%29%20AS%20http_response_latency_p99%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930%20AND%20common_recv_time%20%3C%201675144530%20AND%20common_schema_type%20%3D%20%27HTTP%27%20&format=json&option=real-time","msg":"OK"}
}
const ssl0 = {
data: {"status":200,"code":200,"queryKey":"15433596850b0bc440b087db3995b073","success":true,"message":null,"statistics":{"elapsed":7,"rows_read":112696,"bytes_read":3319507,"result_size":117,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"ssl_con_latency_avg","type":"double","category":"Metric"},{"name":"ssl_con_latency_p50","type":"double","category":"Metric"},{"name":"ssl_con_latency_p90","type":"double","category":"Metric"},{"name":"ssl_con_latency_p95","type":"double","category":"Metric"},{"name":"ssl_con_latency_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"sslConLatencyAvg":1,"sslConLatencyP50":0,"sslConLatencyP90":0,"sslConLatencyP95":0,"sslConLatencyP99":0}},"originalUrl":"http://192.168.44.55:9999?query=%20SELECT%20ROUND%28AVG%28ssl_con_latency_ms%29%29%20AS%20ssl_con_latency_avg%2C%20ROUND%28QUANTILE%28ssl_con_latency_ms%2C0.5%29%29%20AS%20ssl_con_latency_p50%2C%20ROUND%28QUANTILE%28ssl_con_latency_ms%2C0.9%29%29%20AS%20ssl_con_latency_p90%2C%20ROUND%28QUANTILE%28ssl_con_latency_ms%2C0.95%29%29%20AS%20ssl_con_latency_p95%2C%20ROUND%28QUANTILE%28ssl_con_latency_ms%2C0.99%29%29%20AS%20ssl_con_latency_p99%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930%20AND%20common_recv_time%20%3C%201675144530%20AND%20common_schema_type%20%3D%20%27SSL%27%20&format=json&option=real-time","msg":"OK"}
}
const tcpPercent0 = {
data: {"status":200,"code":200,"queryKey":"4249cc0e01eaa33feb66a35885c4497c","success":true,"message":null,"statistics":{"elapsed":10,"rows_read":112696,"bytes_read":6649064,"result_size":162,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"tcp_lostlen_percent_avg","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p50","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p90","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p95","type":"double","category":"Metric"},{"name":"tcp_lostlen_percent_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"tcpLostlenPercentAvg":0.0156,"tcpLostlenPercentP50":0.0068,"tcpLostlenPercentP90":0.0169,"tcpLostlenPercentP95":0.0223,"tcpLostlenPercentP99":0.2187}},"originalUrl":"http://192.168.44.55:9999?query=%20SELECT%20ROUND%28AVG%28sequence_gap_loss_percent%29%2C%204%29%20AS%20tcp_lostlen_percent_avg%2C%20ROUND%28QUANTILE%28sequence_gap_loss_percent%2C%200.5%29%2C%204%29%20AS%20tcp_lostlen_percent_p50%2C%20ROUND%28QUANTILE%28sequence_gap_loss_percent%2C%200.9%29%2C%204%29%20AS%20tcp_lostlen_percent_p90%2C%20ROUND%28QUANTILE%28sequence_gap_loss_percent%2C%200.95%29%2C%204%29%20AS%20tcp_lostlen_percent_p95%2C%20ROUND%28QUANTILE%28sequence_gap_loss_percent%2C%200.99%29%2C%204%29%20AS%20tcp_lostlen_percent_p99%20FROM%28%20SELECT%20ROUND%28SUM%28common_c2s_tcp_lostlen%20%2B%20common_s2c_tcp_lostlen%29%20%2F%20SUM%28common_c2s_byte_num%20%2B%20common_s2c_byte_num%20%2B%20common_c2s_tcp_lostlen%20%2B%20common_s2c_tcp_lostlen%29%2C%204%29%20AS%20sequence_gap_loss_percent%2C%20toDateTime%28toStartOfInterval%28toDateTime%28common_recv_time%29%2C%20INTERVAL%2036%20SECOND%29%29%20AS%20granularity%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930%20AND%20common_recv_time%20%3C%201675144530%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%20%27IPv6_TCP%27%29%20GROUP%20BY%20granularity%20%29%20&format=json&option=real-time","msg":"OK"}
}
const packetPercent0 = {
data: {"status":200,"code":200,"queryKey":"00ccdfe80cd8e68ca8e60c57ac9cb60b","success":true,"message":null,"statistics":{"elapsed":9,"rows_read":112696,"bytes_read":6649064,"result_size":161,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"pkt_retrans_percent_avg","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p50","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p90","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p95","type":"double","category":"Metric"},{"name":"pkt_retrans_percent_p99","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"pktRetransPercentAvg":0.0382,"pktRetransPercentP50":0.0353,"pktRetransPercentP90":0.0593,"pktRetransPercentP95":0.066,"pktRetransPercentP99":0.0926}},"originalUrl":"http://192.168.44.55:9999?query=%20SELECT%20ROUND%28AVG%28pkt_retrans_percent%29%2C%204%29%20AS%20pkt_retrans_percent_avg%2C%20ROUND%28QUANTILE%28pkt_retrans_percent%2C%200.5%29%2C%204%29%20AS%20pkt_retrans_percent_p50%2C%20ROUND%28QUANTILE%28pkt_retrans_percent%2C%200.9%29%2C%204%29%20AS%20pkt_retrans_percent_p90%2C%20ROUND%28QUANTILE%28pkt_retrans_percent%2C%200.95%29%2C%204%29%20AS%20pkt_retrans_percent_p95%2C%20ROUND%28QUANTILE%28pkt_retrans_percent%2C%200.99%29%2C%204%29%20AS%20pkt_retrans_percent_p99%20FROM%28%20SELECT%20ROUND%28SUM%28common_c2s_pkt_retrans%20%2B%20common_s2c_pkt_retrans%29%2F%20SUM%28common_c2s_pkt_num%20%2B%20common_s2c_pkt_num%29%2C4%29%20AS%20pkt_retrans_percent%2C%20toDateTime%28toStartOfInterval%28toDateTime%28common_recv_time%29%2C%20INTERVAL%2036%20SECOND%29%29%20AS%20granularity%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930%20AND%20common_recv_time%20%3C%201675144530%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%20%27IPv6_TCP%27%29%20GROUP%20BY%20granularity%20%29%20&format=json&option=real-time","msg":"OK"}
}
// 未下钻 cycle 为 1
const tcp1 = {
data: {"status":200,"code":200,"queryKey":"45b6f5188d3d59a11c95061ebeef5297","success":true,"message":null,"statistics":{"elapsed":7,"rows_read":116184,"bytes_read":3950256,"result_size":31,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"establish_latency_ms_avg","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"establishLatencyMsAvg":96}},"originalUrl":"http://192.168.44.55:9999?query=SELECT%20ROUND%28AVG%28common_establish_latency_ms%29%29%20AS%20establish_latency_ms_avg%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930-3600%20AND%20common_recv_time%20%3C%201675144530-3600%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%27IPv6_TCP%27%29%20&format=json&option=real-time","msg":"OK"}
}
const http1 = {
data: {"status":200,"code":200,"queryKey":"d807b6dd867a37c57d512768b4cebfc4","success":true,"message":null,"statistics":{"elapsed":12,"rows_read":116184,"bytes_read":3422832,"result_size":33,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"http_response_latency_avg","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"httpResponseLatencyAvg":184}},"originalUrl":"http://192.168.44.55:9999?query=%20%20SELECT%20ROUND%28AVG%28http_response_latency_ms%29%29%20AS%20http_response_latency_avg%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930-3600%20AND%20common_recv_time%20%3C%201675144530-3600%20AND%20common_schema_type%20%3D%20%27HTTP%27%20&format=json&option=real-time","msg":"OK"}
}
const ssl1 = {
data: {"status":200,"code":200,"queryKey":"b8cd46d7a83f032bc5bd31092707c9fb","success":true,"message":null,"statistics":{"elapsed":8,"rows_read":116184,"bytes_read":3422832,"result_size":25,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"ssl_con_latency_avg","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"sslConLatencyAvg":1}},"originalUrl":"http://192.168.44.55:9999?query=%20%20SELECT%20ROUND%28AVG%28ssl_con_latency_ms%29%29%20AS%20ssl_con_latency_avg%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930-3600%20AND%20common_recv_time%20%3C%201675144530-3600%20AND%20common_schema_type%20%3D%20%27SSL%27%20&format=json&option=real-time","msg":"OK"}
}
const tcpPercent1 = {
data: {"status":200,"code":200,"queryKey":"b2cbf07a6bd9e131f433fd17a784aa95","success":true,"message":null,"statistics":{"elapsed":11,"rows_read":116184,"bytes_read":6854856,"result_size":34,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"tcp_lostlen_percent_avg","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"tcpLostlenPercentAvg":0.0258}},"originalUrl":"http://192.168.44.55:9999?query=%20%20SELECT%20ROUND%28AVG%28sequence_gap_loss_percent%29%2C%204%29%20AS%20tcp_lostlen_percent_avg%20FROM%28%20SELECT%20ROUND%28SUM%28common_c2s_tcp_lostlen%20%2B%20common_s2c_tcp_lostlen%29%20%2F%20SUM%28common_c2s_byte_num%20%2B%20common_s2c_byte_num%20%2B%20common_c2s_tcp_lostlen%20%2B%20common_s2c_tcp_lostlen%29%2C%204%29%20AS%20sequence_gap_loss_percent%2C%20toDateTime%28toStartOfInterval%28toDateTime%28common_recv_time%29%2CINTERVAL%2036%20SECOND%29%29%20AS%20granularity%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930-3600%20AND%20common_recv_time%20%3C%201675144530-3600%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%20%27IPv6_TCP%27%29%20GROUP%20BY%20granularity%20%29%20&format=json&option=real-time","msg":"OK"}
}
const packetPercent1 = {
data: {"status":200,"code":200,"queryKey":"b87afb99b22c44769f4a284ed8b62d5b","success":true,"message":null,"statistics":{"elapsed":11,"rows_read":116184,"bytes_read":6854856,"result_size":34,"result_rows":1},"job":null,"formatType":"json","meta":[{"name":"pkt_retrans_percent_avg","type":"double","category":"Metric"}],"data":{"resultType":"object","result":{"pktRetransPercentAvg":0.0419}},"originalUrl":"http://192.168.44.55:9999?query=%20%20SELECT%20ROUND%28AVG%28pkt_retrans_percent%29%2C%204%29%20AS%20pkt_retrans_percent_avg%20FROM%28%20SELECT%20ROUND%28SUM%28common_c2s_pkt_retrans%20%2B%20common_s2c_pkt_retrans%29%2F%20SUM%28common_c2s_pkt_num%20%2B%20common_s2c_pkt_num%29%2C4%29%20AS%20pkt_retrans_percent%2C%20toDateTime%28toStartOfInterval%28toDateTime%28common_recv_time%29%2C%20INTERVAL%2036%20SECOND%29%29%20AS%20granularity%20FROM%20session_record_cn%20WHERE%20common_recv_time%20%3E%3D%201675140930-3600%20AND%20common_recv_time%20%3C%201675144530-3600%20AND%20common_l4_protocol%20IN%20%28%27IPv4_TCP%27%2C%20%27IPv6_TCP%27%29%20GROUP%20BY%20granularity%20%29%20&format=json&option=real-time","msg":"OK"}
}
const timeFilter = {
dateRangeValue: -1,
startTime: 1675043912,
endTime: 1675047512
}
const query = {
t: '1675218280698',
curTab: 'country',
networkOverviewBeforeTab: 'ip',
tabOperationBeforeType: 4,
tabOperationType: 4,
queryCondition: "common_client_ip='116.178.70.242' OR common_server_ip='116.178.70.242'",
panelName: '116.178.70.242',
thirdMenu: 'network.ips',
dimensionType: 'ip',
fourthMenu: '116.178.70.242',
tabIndex: '1',
thirdPanel: '12',
fourthPanel: '8',
startTime: 1675215165,
endTime: 1675218765,
range: 60
}
describe('views/charts2/charts/npm/NpmNetworkQuantity.vue测试', () => {
test('Npm概况信息：服务质量图 下钻', async () => {
// 下钻时需要将模拟下钻 query 对象传入
require('vue-router').useRoute.mockReturnValue({ query: query })
// 模拟 axios 返回数据
axios.get.mockResolvedValueOnce(mockGet0)
axios.get.mockResolvedValueOnce(mockGet1)
const wrapper = mount(NpmNetworkQuantity, {
propsData: {
timeFilter
}
})
await new Promise(resolve => setTimeout(() => {
const textNode0 = wrapper.get('[test-id="singleValueContent0"]')
const textNode1 = wrapper.get('[test-id="singleValueContent1"]')
const textNode2 = wrapper.get('[test-id="singleValueContent2"]')
const textNode3 = wrapper.get('[test-id="singleValueContent3"]')
const textNode4 = wrapper.get('[test-id="singleValueContent4"]')
expect(textNode0.text()).toEqual('130 ms')
expect(textNode1.text()).toEqual('598 ms')
expect(textNode2.text()).toEqual('1 ms')
expect(textNode3.text()).toEqual('1.08 %')
expect(textNode4.text()).toEqual('3.79 %')
const trendIconNode0 = wrapper.get('[test-id="singleValueTrendIcon0"]')
const trendIconNode1 = wrapper.get('[test-id="singleValueTrendIcon1"]')
/*
* 当元素存在的时候，find 和 get 是一样的；
* 当找不到元素的时候:
* (1) find 会返回 null, 不会报错，case 通过
* (2) get 会报错，case 失败
* 一般总是使用 get ，除非想要判断一些元素不存在的时候，使用 find；
*/
const trendIconNode2 = wrapper.find('[test-id="singleValueTrendIcon2"]')
const trendIconNode3 = wrapper.get('[test-id="singleValueTrendIcon3"]')
const trendIconNode4 = wrapper.get('[test-id="singleValueTrendIcon4"]')
expect(trendIconNode0.classes()).toContain('cn-icon-rise1')
expect(trendIconNode1.classes()).toContain('cn-icon-rise1')
expect(trendIconNode2.classes()).toContain('cn-icon-constant')
expect(trendIconNode3.classes()).toContain('cn-icon-decline')
expect(trendIconNode4.classes()).toContain('cn-icon-rise1')
const trendValueNode0 = wrapper.get('[test-id="singleValueTrendValue0"]')
const trendValueNode1 = wrapper.get('[test-id="singleValueTrendValue1"]')
const trendValueNode2 = wrapper.find('[test-id="singleValueTrendValue2"]')
const trendValueNode3 = wrapper.get('[test-id="singleValueTrendValue3"]')
const trendValueNode4 = wrapper.find('[test-id="singleValueTrendValue4"]')
expect(trendValueNode0.text()).toEqual('51.22%')
expect(trendValueNode1.text()).toEqual('91.99%')
expect(trendValueNode2 === null)
expect(trendValueNode3.text()).toEqual('-26.53%')
expect(trendValueNode4.text()).toEqual('6.16%')
const p95Node0 = wrapper.get('[test-id="singleValueP950"]')
const p95Node1 = wrapper.get('[test-id="singleValueP951"]')
const p95Node2 = wrapper.get('[test-id="singleValueP952"]')
const p95Node3 = wrapper.get('[test-id="singleValueP953"]')
const p95Node4 = wrapper.get('[test-id="singleValueP954"]')
expect(p95Node0.text()).toEqual('P95:445 ms')
expect(p95Node1.text()).toEqual('P95:2.95 s')
expect(p95Node2.text()).toEqual('P95:0 ms')
expect(p95Node3.text()).toEqual('P95:3.46 %')
expect(p95Node4.text()).toEqual('P95:10.47 %')
const p99Node0 = wrapper.get('[test-id="singleValueP990"]')
const p99Node1 = wrapper.get('[test-id="singleValueP991"]')
const p99Node2 = wrapper.get('[test-id="singleValueP992"]')
const p99Node3 = wrapper.get('[test-id="singleValueP993"]')
const p99Node4 = wrapper.get('[test-id="singleValueP994"]')
expect(p99Node0.text()).toEqual('P99:601 ms')
expect(p99Node1.text()).toEqual('P99:4.62 s')
expect(p99Node2.text()).toEqual('P99:0 ms')
expect(p99Node3.text()).toEqual('P99:13.72 %')
expect(p99Node4.text()).toEqual('P99:18.30 %')
resolve()
}, 400))
})
test('Npm概况信息：服务质量图 未下钻', async () => {
require('vue-router').useRoute.mockReturnValue({ query: {} })
// 模拟 axios 返回数据
// 未下钻 cycle 为 0
axios.get.mockResolvedValueOnce(tcp0)
axios.get.mockResolvedValueOnce(http0)
axios.get.mockResolvedValueOnce(ssl0)
axios.get.mockResolvedValueOnce(tcpPercent0)
axios.get.mockResolvedValueOnce(packetPercent0)
// 未下钻 cycle 为 1
axios.get.mockResolvedValueOnce(tcp1)
axios.get.mockResolvedValueOnce(http1)
axios.get.mockResolvedValueOnce(ssl1)
axios.get.mockResolvedValueOnce(tcpPercent1)
axios.get.mockResolvedValueOnce(packetPercent1)
const wrapper = mount(NpmNetworkQuantity, {
propsData: {
timeFilter
}
})
await new Promise(resolve => setTimeout(async () => {
const textNode0 = wrapper.get('[test-id="singleValueContent0"]')
const textNode1 = wrapper.get('[test-id="singleValueContent1"]')
const textNode2 = wrapper.get('[test-id="singleValueContent2"]')
const textNode3 = wrapper.get('[test-id="singleValueContent3"]')
const textNode4 = wrapper.get('[test-id="singleValueContent4"]')
expect(textNode0.text()).toEqual('92 ms')
expect(textNode1.text()).toEqual('193 ms')
expect(textNode2.text()).toEqual('1 ms')
expect(textNode3.text()).toEqual('1.56 %')
expect(textNode4.text()).toEqual('3.82 %')
const trendIconNode0 = wrapper.get('[test-id="singleValueTrendIcon0"]')
const trendIconNode1 = wrapper.get('[test-id="singleValueTrendIcon1"]')
// /*
// * 当元素存在的时候，find 和 get 是一样的；
// * 当找不到元素的时候:
// * (1) find 会返回 null, 不会报错，case 通过
// * (2) get 会报错，case 失败
// * 一般总是使用 get ，除非想要判断一些元素不存在的时候，使用 find；
// */
const trendIconNode2 = wrapper.find('[test-id="singleValueTrendIcon2"]')
const trendIconNode3 = wrapper.get('[test-id="singleValueTrendIcon3"]')
const trendIconNode4 = wrapper.get('[test-id="singleValueTrendIcon4"]')
//
expect(trendIconNode0.classes()).toContain('cn-icon-decline')
expect(trendIconNode1.classes()).toContain('cn-icon-rise1')
expect(trendIconNode2.classes()).toContain('cn-icon-constant')
expect(trendIconNode3.classes()).toContain('cn-icon-decline')
expect(trendIconNode4.classes()).toContain('cn-icon-decline')
const trendValueNode0 = wrapper.get('[test-id="singleValueTrendValue0"]')
const trendValueNode1 = wrapper.get('[test-id="singleValueTrendValue1"]')
const trendValueNode2 = wrapper.find('[test-id="singleValueTrendValue2"]')
const trendValueNode3 = wrapper.get('[test-id="singleValueTrendValue3"]')
const trendValueNode4 = wrapper.find('[test-id="singleValueTrendValue4"]')
expect(trendValueNode0.text()).toEqual('-4.17%')
expect(trendValueNode1.text()).toEqual('4.89%')
expect(trendValueNode2 === null)
expect(trendValueNode3.text()).toEqual('-39.53%')
expect(trendValueNode4.text()).toEqual('-8.83%')
const p95Node0 = wrapper.get('[test-id="singleValueP950"]')
const p95Node1 = wrapper.get('[test-id="singleValueP951"]')
const p95Node2 = wrapper.get('[test-id="singleValueP952"]')
const p95Node3 = wrapper.get('[test-id="singleValueP953"]')
const p95Node4 = wrapper.get('[test-id="singleValueP954"]')
expect(p95Node0.text()).toEqual('P95:160 ms')
expect(p95Node1.text()).toEqual('P95:266 ms')
expect(p95Node2.text()).toEqual('P95:0 ms')
expect(p95Node3.text()).toEqual('P95:2.23 %')
expect(p95Node4.text()).toEqual('P95:6.60 %')
const p99Node0 = wrapper.get('[test-id="singleValueP990"]')
const p99Node1 = wrapper.get('[test-id="singleValueP991"]')
const p99Node2 = wrapper.get('[test-id="singleValueP992"]')
const p99Node3 = wrapper.get('[test-id="singleValueP993"]')
const p99Node4 = wrapper.get('[test-id="singleValueP994"]')
expect(p99Node0.text()).toEqual('P99:789 ms')
expect(p99Node1.text()).toEqual('P99:2.09 s')
expect(p99Node2.text()).toEqual('P99:0 ms')
expect(p99Node3.text()).toEqual('P99:21.87 %')
expect(p99Node4.text()).toEqual('P99:9.26 %')
resolve()
}, 300))
})
})
Reference in New Issue Copy Permalink