Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-28 00:17:12 +01:00
Code Issues Projects Releases Wiki Activity

test: connection count chart functions (#9383)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-02-27 14:38:49 +01:00 committed by GitHub
parent f46ec293df
commit 426f53cd8d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 107 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
frontend/src/component/admin/network/NetworkTrafficUsage/chart-functions.test.ts
View File

@ -1,8 +1,11 @@
import type { TrafficUsageDataSegmentedCombinedSchema } from 'openapi';
import { toTrafficUsageChartData } from './chart-functions';
import {
toConnectionChartData,
toTrafficUsageChartData,
} from './chart-functions';
import { endpointsInfo } from './endpoint-info';
describe('toChartData', () => {
describe('toTrafficUsageChartData', () => {
const dataPoint = (period: string, count: number) => ({
period,
trafficTypes: [{ count, group: 'successful-requests' }],
@ -149,3 +152,105 @@ describe('toChartData', () => {
expect(toTrafficUsageChartData(input)).toMatchObject(expectedOutput);
});
});
describe('toConnectionChartData', () => {
const dataPoint = (period: string, count: number) => ({
period,
trafficTypes: [{ count, group: 'successful-requests' }],
});
const fromEndpointInfo = (endpoint: keyof typeof endpointsInfo) => {
const info = endpointsInfo[endpoint];
return {
backgroundColor: info.color,
hoverBackgroundColor: info.color,
label: info.label,
};
};
test('monthly data conversion', () => {
const input: TrafficUsageDataSegmentedCombinedSchema = {
grouping: 'monthly',
dateRange: {
from: '2025-01-01',
to: '2025-06-30',
},
apiData: [
{
apiPath: '/api/admin', // filter out
dataPoints: [dataPoint('2025-06', 5)],
},
{
apiPath: '/api/client',
dataPoints: [
dataPoint('2025-06', 10 * 5 * 60 * 24 * 30),
dataPoint('2025-01', 7 * 5 * 60 * 24 * 31),
dataPoint('2025-03', 11 * 5 * 60 * 24 * 31),
dataPoint('2025-04', 13 * 5 * 60 * 24 * 30),
],
},
],
};
const expectedOutput = {
datasets: [
{
data: [7, 0, 11, 13, 0, 10],
...fromEndpointInfo('/api/client'),
},
],
labels: [
'2025-01',
'2025-02',
'2025-03',
'2025-04',
'2025-05',
'Current month',
],
};
expect(toConnectionChartData(input)).toMatchObject(expectedOutput);
});
test('daily data conversion', () => {
const input: TrafficUsageDataSegmentedCombinedSchema = {
grouping: 'daily',
dateRange: {
from: '2025-01-01',
to: '2025-01-31',
},
apiData: [
{
apiPath: '/api/admin', // filter out
dataPoints: [dataPoint('2025-01-01', 5)],
},
{
apiPath: '/api/client',
dataPoints: [
dataPoint('2025-01-02', 2 * 5 * 60 * 24),
dataPoint('2025-01-17', 6 * 5 * 60 * 24),
dataPoint('2025-01-19', 4 * 5 * 60 * 24),
dataPoint('2025-01-06', 8 * 5 * 60 * 24),
],
},
],
};
const expectedOutput = {
datasets: [
{
data: [
0, 2, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 6, 0, 4,
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
],
...fromEndpointInfo('/api/client'),
},
],
labels: Array.from({ length: 31 }).map((_, index) =>
(index + 1).toString(),
),
};
expect(toConnectionChartData(input)).toMatchObject(expectedOutput);
});
});