@allurereport/web-commons 3.16.1 → 3.18.0

package/dist/attachments.js

@@ -201,6 +201,7 @@ export const attachmentType = (type) => {
         case "image/jpeg":
         case "image/jpg":
         case "image/png":
+        case "image/webp":
         case "image/*":
             return "image";
         case "text/xml":

package/dist/charts/accessors/successRateDistributionTreeMapAccessor.d.ts

@@ -2,6 +2,7 @@ import type { TreeMapDataAccessor, TreeMapNode } from "@allurereport/charts-api"
 import type { TestResult } from "@allurereport/core-api";
 type SubtreeMetrics = {
     totalTests: number;
+    eligibleCount: number;
     passedTests: number;
     failedTests: number;
     otherTests: number;

package/dist/charts/accessors/successRateDistributionTreeMapAccessor.js

@@ -1,3 +1,4 @@
+import { getSuccessRate, includedInSuccessRate } from "@allurereport/core-api";
 import { createTreeByLabels, md5 } from "@allurereport/plugin-api";
 import { isChildrenLeavesOnly } from "../chart-utils.js";
 import { convertTreeDataToTreeMapNode, transformTreeMapNode } from "../treeMapUtils.js";
@@ -11,6 +12,7 @@ const leafFactoryFn = ({ id, name, status }) => ({
 const groupFactoryFn = (parentId, groupClassifier) => ({
     nodeId: md5((parentId ? `${parentId}.` : "") + groupClassifier),
     name: groupClassifier,
+    eligibleCount: 0,
     value: 0,
     passedTests: 0,
     failedTests: 0,
@@ -18,34 +20,36 @@ const groupFactoryFn = (parentId, groupClassifier) => ({
 });
 const addLeafToGroupFn = (group, leaf) => {
     group.value += leaf.value;
+    group.eligibleCount += includedInSuccessRate.has(leaf.status) ? 1 : 0;
     group.passedTests += leaf.status === "passed" ? 1 : 0;
     group.failedTests += leaf.status === "failed" ? 1 : 0;
     group.otherTests += leaf?.status && !["passed", "failed"].includes(leaf.status) ? 1 : 0;
 };
-const calculateColorValue = ({ totalTests, passedTests }) => {
-    return totalTests > 0 ? passedTests / totalTests : 0;
-};
+const calculateColorValue = ({ eligibleCount, passedTests }) => getSuccessRate({ passed: passedTests, failed: eligibleCount - passedTests });
 const calculateSubtreeMetrics = (node) => {
     if (!node.children || node.children.length === 0) {
         return {
-            totalTests: 1,
+            totalTests: node.status ? 1 : 0,
+            eligibleCount: node.status && includedInSuccessRate.has(node.status) ? 1 : 0,
             passedTests: node?.status === "passed" ? 1 : 0,
             failedTests: node?.status === "failed" ? 1 : 0,
             otherTests: node?.status && !["passed", "failed"].includes(node.status) ? 1 : 0,
         };
     }
     let totalTests = 0;
+    let eligibleCount = 0;
     let passedTests = 0;
     let failedTests = 0;
     let otherTests = 0;
     for (const child of node.children) {
         const childMetrics = calculateSubtreeMetrics(child);
         totalTests += childMetrics.totalTests;
+        eligibleCount += childMetrics.eligibleCount;
         passedTests += childMetrics.passedTests;
         failedTests += childMetrics.failedTests;
         otherTests += childMetrics.otherTests;
     }
-    return { totalTests, passedTests, failedTests, otherTests };
+    return { totalTests, eligibleCount, passedTests, failedTests, otherTests };
 };
 export const createSuccessRateDistributionTreeMap = (testResults) => {
     const treeByLabels = createTreeByLabels(testResults, behaviorLabels, leafFactoryFn, groupFactoryFn, addLeafToGroupFn);
@@ -58,6 +62,7 @@ export const createSuccessRateDistributionTreeMap = (testResults) => {
             const group = node;
             return {
                 ...baseNode,
+                eligibleCount: group.eligibleCount,
                 passedTests: group.passedTests,
                 failedTests: group.failedTests,
                 otherTests: group.otherTests,
@@ -68,6 +73,7 @@ export const createSuccessRateDistributionTreeMap = (testResults) => {
             return {
                 ...baseNode,
                 status: leaf.status,
+                eligibleCount: includedInSuccessRate.has(leaf.status) ? 1 : 0,
                 passedTests: leaf?.status === "passed" ? 1 : 0,
                 failedTests: leaf?.status === "failed" ? 1 : 0,
                 otherTests: leaf?.status && !["passed", "failed"].includes(leaf.status) ? 1 : 0,
@@ -75,6 +81,7 @@ export const createSuccessRateDistributionTreeMap = (testResults) => {
         }
     }, () => ({
         id: "root",
+        eligibleCount: 0,
         passedTests: 0,
         failedTests: 0,
         otherTests: 0,
@@ -82,7 +89,7 @@ export const createSuccessRateDistributionTreeMap = (testResults) => {
     return transformTreeMapNode(convertedTree, (node) => {
         const subtreeMetrics = calculateSubtreeMetrics(node);
         const colorValue = calculateColorValue(subtreeMetrics);
-        const { totalTests, ...restSubtreeMetrics } = subtreeMetrics;
+        const { totalTests: _totalTests, ...restSubtreeMetrics } = subtreeMetrics;
         if (isChildrenLeavesOnly(node)) {
             const value = node.children?.reduce((acc, child) => {
                 return acc + (child.value ?? 0);

package/dist/charts/d3pie.js

@@ -1,6 +1,5 @@
-import { statusesList } from "@allurereport/core-api";
+import { getSuccessRate, statusesList } from "@allurereport/core-api";
 import { arc, pie } from "d3-shape";
-const getPercentage = (value, total) => Math.floor((value / total) * 10000) / 100;
 const createD3ArcGenerator = () => arc().innerRadius(40).outerRadius(50).cornerRadius(2).padAngle(0.03);
 const d3Pie = pie()
     .value((d) => d.count)
@@ -44,7 +43,7 @@ export const getPieChartValues = (stats) => {
         };
     })
         .filter((item) => item !== null);
-    const percentage = getPercentage(stats.passed ?? 0, stats.total);
+    const percentage = Math.floor(getSuccessRate(stats) * 10000) / 100;
     return {
         slices,
         percentage,

package/dist/charts/generateTestingPyramidChart.js

@@ -1,4 +1,5 @@
 import { ChartType } from "@allurereport/charts-api";
+import { emptyStatistic, getSuccessRate, getSuccessRateTotal, incrementStatistic, } from "@allurereport/core-api";
 const DEFAULT_LAYERS = ["unit", "integration", "e2e"];
 const getPercentage = (value, total) => {
     if (total === 0 || value === 0) {
@@ -14,13 +15,7 @@ export const generateTestingPyramidChart = (chartOptions, storeData) => {
         layersMap.set(layer, layer);
         layersMap.set(layer.toLocaleLowerCase(), layer);
     });
-    const statsByLayers = new Map();
-    layers.forEach((layer) => {
-        statsByLayers.set(layer, {
-            passed: 0,
-            total: 0,
-        });
-    });
+    const statsByLayers = new Map(layers.map((layer) => [layer, emptyStatistic()]));
     for (const testResult of testResults) {
         const trLayer = testResult.labels.find((label) => label.name === "layer")?.value;
         if (!trLayer) {
@@ -31,10 +26,7 @@ export const generateTestingPyramidChart = (chartOptions, storeData) => {
             continue;
         }
         const data = statsByLayers.get(layer);
-        data.total++;
-        if (testResult.status === "passed") {
-            data.passed++;
-        }
+        incrementStatistic(data, testResult.status);
     }
     return {
         type: ChartType.TestingPyramid,
@@ -44,7 +36,8 @@ export const generateTestingPyramidChart = (chartOptions, storeData) => {
             return {
                 layer,
                 testCount: data.total,
-                successRate: getPercentage(data.passed, data.total),
+                successRate: Math.floor(getSuccessRate(data) * 10000) / 100,
+                eligibleCount: getSuccessRateTotal(data),
                 percentage: getPercentage(data.total, testResults.length),
             };
         }),

package/dist/charts/generateTrSeveritiesChart.js

@@ -13,9 +13,9 @@ const getSeverity = (tr) => {
 export const generateTrSeveritiesChart = (props) => {
     const { options, storeData } = props;
     const { levels, statuses, includeUnset = true } = options;
-    let trSeverityLevels = levels;
+    let trSeverityLevels = levels ? [...levels] : [];
     let trStatuses = statuses;
-    if (!trSeverityLevels || trSeverityLevels.length === 0) {
+    if (trSeverityLevels.length === 0) {
         trSeverityLevels = DEFAULT_SEVERITY_LEVELS;
     }
     if (includeUnset) {

package/dist/clipboard.d.ts

@@ -0,0 +1 @@
+export declare const copyToClipboard: (text: string) => Promise<boolean>;

package/dist/clipboard.js

@@ -0,0 +1,21 @@
+export const copyToClipboard = async (text) => {
+    try {
+        if (navigator.clipboard) {
+            await navigator.clipboard.writeText(text);
+            return true;
+        }
+        const textarea = document.createElement("textarea");
+        textarea.value = text;
+        textarea.style.position = "fixed";
+        textarea.style.opacity = "0";
+        document.body.appendChild(textarea);
+        textarea.focus();
+        textarea.select();
+        document.execCommand("copy");
+        document.body.removeChild(textarea);
+        return true;
+    }
+    catch {
+        return false;
+    }
+};

package/dist/filters/builders.js

@@ -44,6 +44,12 @@ const buildAqlFromFieldFilter = (field) => {
             valueType = "STRING";
             break;
         }
+        case "null": {
+            expressionValue = "null";
+            valueType = "NULL";
+            operator = "EQ";
+            break;
+        }
         default: {
             const exhaustiveCheck = type;
             throw new Error(`Unsupported field type: ${String(exhaustiveCheck)}`);

package/dist/filters/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./builders.js";
-export type { ArrayField, BooleanField, Field, FieldFilter, FieldFilterGroup, Filter, LogicalOperator, NumberField, StringField, } from "./model.js";
+export type { ArrayField, BooleanField, Field, FieldFilter, FieldFilterGroup, Filter, LogicalOperator, NullField, NumberField, StringField, } from "./model.js";
 export { MAX_ARRAY_FIELD_VALUES } from "./model.js";

package/dist/filters/model.d.ts

@@ -27,13 +27,19 @@ export type BooleanField<T extends string = string> = {
     strict?: never;
     type: "boolean";
 };
+export type NullField<T extends string = string> = {
+    key: T;
+    value: null;
+    strict?: never;
+    type: "null";
+};
 export type ArrayField<T extends string = string> = {
     key: T;
     value: string[];
     strict?: boolean;
     type: "array";
 };
-export type Field<T extends string = string> = StringField<T> | NumberField<T> | BooleanField<T> | ArrayField<T>;
+export type Field<T extends string = string> = StringField<T> | NumberField<T> | BooleanField<T> | ArrayField<T> | NullField<T>;
 export type LogicalOperator = "AND" | "OR";
-export type AqlValueType = "STRING" | "NUMBER" | "BOOLEAN";
+export type AqlValueType = "STRING" | "NUMBER" | "BOOLEAN" | "NULL";
 export declare const MAX_ARRAY_FIELD_VALUES = 20;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./data.js";
 export * from "./attachments.js";
+export * from "./clipboard.js";
 export * from "./environments.js";
 export * from "./i18n.js";
 export * from "./charts/index.js";

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from "./data.js";
 export * from "./attachments.js";
+export * from "./clipboard.js";
 export * from "./environments.js";
 export * from "./i18n.js";
 export * from "./charts/index.js";

package/dist/treeNavigation/scrollTreeFocus.d.ts

@@ -12,3 +12,7 @@ export declare const scrollFocusIntoView: (target: HTMLElement, options?: {
     inset?: number;
 }) => void;
 export declare const scrollTreePaneToTop: (anchor?: HTMLElement | null) => void;
+export declare const isFocusInView: (target: HTMLElement, options?: {
+    containerAttribute?: string;
+    inset?: number;
+}) => boolean;

package/dist/treeNavigation/scrollTreeFocus.js

@@ -80,3 +80,10 @@ export const scrollTreePaneToTop = (anchor) => {
         }
     }
 };
+export const isFocusInView = (target, options) => {
+    const containerAttribute = options?.containerAttribute ?? "data-tree-scroll-container";
+    const scrollRoot = findFocusScrollRoot(target, containerAttribute);
+    const rootRect = scrollRoot ? scrollRoot.getBoundingClientRect() : { top: 0, bottom: window.innerHeight };
+    const inset = scrollRoot ? computeStickyInset(scrollRoot, options?.inset ?? 4) : (options?.inset ?? 4);
+    return !isOutOfScrollport(target.getBoundingClientRect(), rootRect, inset);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-commons",
-  "version": "3.16.1",
+  "version": "3.18.0",
   "description": "Collection of utilities used across the web Allure reports",
   "keywords": [
     "allure",
@@ -26,10 +26,10 @@
     "lint:fix": "oxlint --import-plugin --fix src test features stories"
   },
   "dependencies": {
-    "@allurereport/aql": "3.16.1",
-    "@allurereport/charts-api": "3.16.1",
-    "@allurereport/core-api": "3.16.1",
-    "@allurereport/plugin-api": "3.16.1",
+    "@allurereport/aql": "3.18.0",
+    "@allurereport/charts-api": "3.18.0",
+    "@allurereport/core-api": "3.18.0",
+    "@allurereport/plugin-api": "3.18.0",
     "@preact/signals": "^2.6.1",
     "@preact/signals-core": "^1.12.2",
     "ansi-to-html": "^0.7.2",
@@ -37,7 +37,7 @@
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
     "dompurify": "^3.4.0",
-    "nanoid": "^5.1.6"
+    "nanoid": "^5.1.16"
   },
   "devDependencies": {
     "@types/d3-interpolate": "^3.0.4",