@allurereport/web-commons 3.0.0-beta.25 → 3.0.0-beta.26

package/dist/charts/generateStatusDynamicsChart.d.ts

@@ -0,0 +1,6 @@
+import type { AllureChartsStoreData, StatusDynamicsChartOptions } from "@allurereport/charts-api";
+import type { StatusDynamicsChartData } from "./types.js";
+export declare const generateStatusDynamicsChart: (props: {
+    options: StatusDynamicsChartOptions;
+    storeData: AllureChartsStoreData;
+}) => StatusDynamicsChartData;

package/dist/charts/generateStatusDynamicsChart.js

@@ -0,0 +1,36 @@
+import { ChartType, DEFAULT_CHART_HISTORY_LIMIT } from "@allurereport/charts-api";
+import { emptyStatistic, incrementStatistic, statusesList } from "@allurereport/core-api";
+import { limitHistoryDataPoints } from "./chart-utils.js";
+export const generateStatusDynamicsChart = (props) => {
+    const { options, storeData } = props;
+    const { limit = DEFAULT_CHART_HISTORY_LIMIT, statuses = statusesList } = options;
+    const { historyDataPoints, testResults } = storeData;
+    const limitMinusCurrent = limit > 1 ? limit - 1 : limit;
+    const limitedHistoryPoints = limitHistoryDataPoints(historyDataPoints, limitMinusCurrent).sort((a, b) => a.timestamp - b.timestamp);
+    const latestStop = testResults.reduce((acc, testResult) => Math.max(acc, testResult.stop ?? 0), 0);
+    const historyData = limitedHistoryPoints.map((point) => {
+        const statistic = emptyStatistic();
+        for (const testResult of Object.values(point.testResults)) {
+            incrementStatistic(statistic, testResult.status);
+        }
+        return {
+            name: point.name,
+            statistic: statuses.reduce((acc, status) => {
+                acc[status] = statistic[status];
+                return acc;
+            }, { total: statistic.total }),
+            id: point.uuid,
+            timestamp: point.timestamp,
+        };
+    });
+    const currentStatistic = statuses.reduce((acc, status) => {
+        acc[status] = storeData.statistic[status];
+        return acc;
+    }, { total: storeData.statistic.total });
+    return {
+        type: ChartType.StatusDynamics,
+        title: options.title,
+        data: [...historyData, { statistic: currentStatistic, id: "current", timestamp: latestStop, name: "current" }],
+        statuses: options.statuses,
+    };
+};

package/dist/charts/generators.js

@@ -4,6 +4,7 @@ import { generateBarChart } from "./bar.js";
 import { generateComingSoonChart } from "./comingSoon.js";
 import { generateFunnelChart } from "./funnel/index.js";
 import { generateCurrentStatusChart } from "./generateCurrentStatusChart.js";
+import { generateStatusDynamicsChart } from "./generateStatusDynamicsChart.js";
 import { generateHeatMapChart } from "./heatMap.js";
 import { generateTrendChart } from "./line.js";
 import { generateTreeMapChart } from "./treeMap.js";
@@ -28,6 +29,9 @@ const generateChartData = async (props) => {
             case ChartType.CurrentStatus:
                 result[chartId] = generateCurrentStatusChart(chartOption, storeData);
                 break;
+            case ChartType.StatusDynamics:
+                result[chartId] = generateStatusDynamicsChart({ options: chartOption, storeData });
+                break;
             case ChartType.Bar:
                 result[chartId] = generateBarChart(chartOption, storeData);
                 break;

package/dist/charts/types.d.ts

@@ -28,6 +28,18 @@ export interface CurrentStatusChartData {
     statuses?: TestStatus[];
     metric?: TestStatus;
 }
+export interface StatusDynamicsChartData {
+    type: ChartType.StatusDynamics;
+    title?: string;
+    data: {
+        statistic: Statistic;
+        id: string;
+        timestamp: number;
+        name: string;
+    }[];
+    limit?: number;
+    statuses?: TestStatus[];
+}
 export interface ResponseBarChartData {
     type: ChartType.Bar;
     dataType: BarChartType;
@@ -70,6 +82,7 @@ export interface UITrendChartData<Metadata extends BaseTrendSliceMetadata = Base
     title?: string;
 }
 export type UICurrentStatusChartData = CurrentStatusChartData;
+export type UIStatusDynamicsChartData = StatusDynamicsChartData;
 export interface UIBarChartData extends ResponseBarChartData {
     colors: Record<string, string>;
     xAxisConfig?: {
@@ -109,8 +122,8 @@ export interface ResponseTestingPyramidChartData {
         percentage: number;
     }[];
 }
-export type ChartData<SeriesType extends string = string, Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = ResponseTrendChartData<SeriesType, Metadata> | CurrentStatusChartData | ResponseBarChartData | ResponseComingSoonChartData | ResponseTreeMapChartData | ResponseHeatMapChartData | ResponseTestingPyramidChartData;
-export type UIChartData<Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = UITrendChartData<Metadata> | UICurrentStatusChartData | UIBarChartData | UIComingSoonChartData | UITreeMapChartData | UIHeatMapChartData | UITestingPyramidChartData;
+export type ChartData<SeriesType extends string = string, Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = ResponseTrendChartData<SeriesType, Metadata> | CurrentStatusChartData | StatusDynamicsChartData | ResponseBarChartData | ResponseComingSoonChartData | ResponseTreeMapChartData | ResponseHeatMapChartData | ResponseTestingPyramidChartData;
+export type UIChartData<Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = UITrendChartData<Metadata> | UICurrentStatusChartData | UIStatusDynamicsChartData | UIBarChartData | UIComingSoonChartData | UITreeMapChartData | UIHeatMapChartData | UITestingPyramidChartData;
 export type ChartsData<SeriesType extends string = string, Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = Record<ChartId, ChartData<SeriesType, Metadata>>;
 export type ChartsDataWithEnvs<SeriesType extends string = string, Metadata extends BaseTrendSliceMetadata = BaseTrendSliceMetadata> = {
     general: Record<ChartId, ChartData<SeriesType, Metadata>>;

package/dist/charts/utils.js

@@ -201,6 +201,9 @@ export const createCharts = (res) => {
         if (chart.type === ChartType.CurrentStatus) {
             acc[chartId] = res[chartId];
         }
+        else if (chart.type === ChartType.StatusDynamics) {
+            acc[chartId] = res[chartId];
+        }
         else if (chart.type === ChartType.Trend) {
             const chartData = createaTrendChartData(chartId, chart, res);
             if (chartData) {

package/dist/i18n.d.ts

@@ -1,4 +1,4 @@
-export declare const AVAILABLE_LOCALES: readonly ["en", "ru", "pl", "es", "pt", "de", "hy", "az", "fr", "it", "ja", "he", "ka", "kr", "nl", "sv", "tr", "zh"];
+export declare const AVAILABLE_LOCALES: readonly ["en", "ru", "ua", "pl", "es", "pt", "de", "hy", "az", "fr", "it", "ja", "he", "ka", "kr", "nl", "sv", "tr", "zh"];
 export declare const DEFAULT_LOCALE = "en";
 export type LangLocale = (typeof AVAILABLE_LOCALES)[number];
 export declare const LANG_LOCALE: Record<LangLocale, {

package/dist/i18n.js

@@ -1,6 +1,7 @@
 export const AVAILABLE_LOCALES = [
     "en",
     "ru",
+    "ua",
     "pl",
     "es",
     "pt",
@@ -30,6 +31,11 @@ export const LANG_LOCALE = {
         full: "Русский",
         iso: "ru-RU",
     },
+    ua: {
+        short: "Ук",
+        full: "Українська",
+        iso: "uk-UA",
+    },
     pl: {
         short: "Pl",
         full: "Polski",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-commons",
-  "version": "3.0.0-beta.25",
+  "version": "3.0.0-beta.26",
   "description": "Collection of utilities used across the web Allure reports",
   "keywords": [
     "allure",
@@ -23,9 +23,9 @@
     "clean": "rimraf ./dist"
   },
   "dependencies": {
-    "@allurereport/charts-api": "3.0.0-beta.25",
-    "@allurereport/core-api": "3.0.0-beta.25",
-    "@allurereport/plugin-api": "3.0.0-beta.25",
+    "@allurereport/charts-api": "3.0.0-beta.26",
+    "@allurereport/core-api": "3.0.0-beta.26",
+    "@allurereport/plugin-api": "3.0.0-beta.26",
     "ansi-to-html": "^0.7.2",
     "d3-interpolate": "^3.0.1",
     "d3-scale": "^4.0.2",