@allurereport/web-awesome 3.9.0 → 3.11.0

package/src/locales/pl.json

@@ -151,6 +151,7 @@
     "copy-email": "Kopiuj e-mail",
     "attempt": "Próba {{attempt}} z {{total}}",
     "at": "w",
+    "generated": "Wygenerowano",
     "variables": "Zmienne",
     "openPwTrace": "Otwórz Playwright Trace",
     "pwTracePopupBlocked": "Przeglądarka zablokowała otwarcie Playwright Trace Viewer.",

package/src/locales/pt.json

@@ -151,6 +151,7 @@
     "copy-email": "Copiar e-mail",
     "attempt": "Tentativa {{attempt}} de {{total}}",
     "at": "em",
+    "generated": "Gerado",
     "variables": "Variáveis",
     "openPwTrace": "Abrir Playwright Trace",
     "pwTracePopupBlocked": "O navegador bloqueou a abertura do Playwright Trace Viewer.",

package/src/locales/ru.json

@@ -151,6 +151,7 @@
     "copy-email": "Скопировать email",
     "attempt": "Попытка {{attempt}} из {{total}}",
     "at": "в",
+    "generated": "Сгенерировано",
     "variables": "Переменные",
     "openPwTrace": "Открыть Playwright Trace",
     "pwTracePopupBlocked": "Браузер заблокировал открытие Playwright Trace Viewer.",

package/src/locales/sv.json

@@ -151,6 +151,7 @@
     "copy-email": "Kopiera e-post",
     "attempt": "Försök {{attempt}} av {{total}}",
     "at": "vid",
+    "generated": "Genererad",
     "variables": "Variabler",
     "openPwTrace": "Öppna Playwright Trace",
     "pwTracePopupBlocked": "Webbläsaren blockerade öppning av Playwright Trace Viewer.",

package/src/locales/tr.json

@@ -151,6 +151,7 @@
     "copy-email": "E-postayı kopyala",
     "attempt": "Deneme {{attempt}} / {{total}}",
     "at": "tarihinde",
+    "generated": "Oluşturuldu",
     "variables": "Değişkenler",
     "openPwTrace": "Playwright Trace Aç",
     "pwTracePopupBlocked": "Tarayıcı Playwright Trace Viewer’ın açılmasını engelledi.",

package/src/locales/uk.json

@@ -151,6 +151,7 @@
     "copy-email": "Скопіювати email",
     "attempt": "Спроба {{attempt}} з {{total}}",
     "at": "в",
+    "generated": "Згенеровано",
     "variables": "Змінні",
     "openPwTrace": "Відкрити Playwright Trace",
     "pwTracePopupBlocked": "Браузер заблокував відкриття Playwright Trace Viewer.",

package/src/locales/zh-TW.json

@@ -151,6 +151,7 @@
     "copy-email": "複製電子郵件",
     "attempt": "第 {{attempt}} 次嘗試，共 {{total}} 次",
     "at": "於",
+    "generated": "已產生",
     "variables": "變數",
     "openPwTrace": "開啟 Playwright Trace",
     "pwTracePopupBlocked": "瀏覽器封鎖了開啟 Playwright Trace Viewer。",

package/src/locales/zh.json

@@ -151,6 +151,7 @@
     "copy-email": "复制邮箱",
     "attempt": "第 {{attempt}} 次尝试，共 {{total}} 次",
     "at": "在",
+    "generated": "已生成",
     "variables": "变量",
     "openPwTrace": "打开 Playwright Trace",
     "pwTracePopupBlocked": "浏览器阻止了打开 Playwright Trace Viewer。",

package/src/stores/locale.ts

@@ -10,6 +10,8 @@ import { computed, signal } from "@preact/signals";
 import i18next, { type TOptions } from "i18next";
 import type { AwesomeReportOptions } from "types";
 
+import { ensureAtSeparator } from "@/utils/atSeparator";
+
 const namespaces = [
   "empty",
   "execution",
@@ -112,7 +114,7 @@ export const waitForI18next = i18next
         if (override?.includeAtSeparator === false || override?.stripComma) {
           return formatted.replace(",", "");
         }
-        return formatted.replace(",", ` ${i18next.t("ui:at")}`);
+        return ensureAtSeparator(formatted, i18next.t("ui:at"));
       },
     );
     i18next.services.formatter.add(
@@ -133,7 +135,7 @@ export const waitForI18next = i18next
         if (override?.includeAtSeparator === false || override?.stripComma) {
           return formatted.replace(",", "");
         }
-        return formatted.replace(",", ` ${i18next.t("ui:at")}`);
+        return ensureAtSeparator(formatted, i18next.t("ui:at"));
       },
     );
     i18next.services.formatter.add("format_duration", (value: number) => {

package/src/stores/treeSort.ts

@@ -1,6 +1,8 @@
-import { getParamValue, hasParam, setParams } from "@allurereport/web-commons";
+import { getParamValue, getReportOptions, hasParam, setParams } from "@allurereport/web-commons";
 import { computed, effect, signal } from "@preact/signals";
 
+import type { AwesomeReportOptions } from "../../types.js";
+
 export type SortByDirection = "asc" | "desc";
 export type SortByField = "order" | "duration" | "status" | "name";
 export type SortBy = `${SortByField},${SortByDirection}`;
@@ -34,6 +36,10 @@ const getInitialSortBy = (): SortBy => {
   if (stored && validateSortBy(stored.toLowerCase())) {
     return stored.toLowerCase() as SortBy;
   }
+  const { defaultSortBy } = getReportOptions<AwesomeReportOptions>() ?? {};
+  if (defaultSortBy && validateSortBy(defaultSortBy.toLowerCase())) {
+    return defaultSortBy.toLowerCase() as SortBy;
+  }
   return DEFAULT_SORT_BY;
 };
 

package/src/styles/_pane-active.scss

@@ -1,8 +1,8 @@
 // border-top on the white pane card (visible above header/content; inset shadow is covered by children).
 @mixin split-pane-indicator {
-  border-top: 3px solid transparent;
+  border-top: 2px solid transparent;
 }
 
 @mixin split-pane-indicator-active {
-  border-top-color: var(--bg-support-aldebaran);
+  border-top-color: var(--color-intent-primary-text);
 }

package/src/utils/atSeparator.ts

@@ -0,0 +1,4 @@
+export const ensureAtSeparator = (formatted: string, atWord: string): string => {
+  const atSeparator = ` ${atWord} `;
+  return formatted.includes(atSeparator) ? formatted : formatted.replace(",", ` ${atWord}`);
+};

package/src/utils/time.ts

@@ -1,6 +1,7 @@
 import { getLocaleDateTimeOverride } from "@allurereport/web-commons";
 
 import { currentLocale, currentLocaleIso, useI18n } from "@/stores/locale";
+import { ensureAtSeparator } from "@/utils/atSeparator";
 
 const defaultOptions: Intl.DateTimeFormatOptions = {
   month: "numeric",
@@ -29,5 +30,5 @@ export const timestampToDate = (timestamp: number, options = defaultOptions) =>
     return formatted.replace(",", "");
   }
 
-  return formatted.replace(",", ` ${t("at")}`);
+  return ensureAtSeparator(formatted, t("at"));
 };

package/src/utils/treeFilters.ts

@@ -1,4 +1,4 @@
-import type { Comparator, DefaultTreeGroup, Statistic, TestStatus, TreeLeaf } from "@allurereport/core-api";
+import type { Comparator, Statistic, TestStatus, TreeLeaf } from "@allurereport/core-api";
 import {
   alphabetically,
   andThen,
@@ -38,16 +38,18 @@ const leafComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<T
   }
 };
 
-const groupComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<DefaultTreeGroup> => {
-  const typedCompareBy = compareBy<DefaultTreeGroup>;
+const groupComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<AwesomeRecursiveTree> => {
+  const typedCompareBy = compareBy<AwesomeRecursiveTree>;
   switch (sortBy) {
     case "name,desc":
     case "name,asc":
       return typedCompareBy("name", alphabetically());
     case "order,desc":
     case "order,asc":
+      return typedCompareBy("groupOrder", ordinal());
     case "duration,desc":
     case "duration,asc":
+      return typedCompareBy("duration", ordinal());
     case "status,desc":
     case "status,asc":
       return typedCompareBy("statistic", byStatistic());
@@ -76,7 +78,7 @@ export const leafComparator = (sortBy: SortBy = "status,asc"): Comparator<TreeLe
   return withDirection(cmp, sortBy);
 };
 
-export const groupComparator = (sortBy: SortBy = "status,asc"): Comparator<DefaultTreeGroup> => {
+export const groupComparator = (sortBy: SortBy = "status,asc"): Comparator<AwesomeRecursiveTree> => {
   const cmp = groupComparatorByTreeSortBy(sortBy);
 
   return withDirection(cmp, sortBy);
@@ -150,11 +152,20 @@ export const createRecursiveTree = (payload: {
     incrementStatistic(statistic, status);
   });
 
+  const duration =
+    leaves.reduce((acc, leaf) => acc + (leaf.duration ?? 0), 0) + trees.reduce((acc, rt) => acc + rt.duration, 0);
+
+  const leafMinOrder = leaves.reduce((acc, leaf) => Math.min(acc, leaf.groupOrder ?? Infinity), Infinity);
+  const treeMinOrder = trees.reduce((acc, rt) => Math.min(acc, rt.groupOrder), Infinity);
+  const groupOrder = Math.min(leafMinOrder, treeMinOrder);
+
   return {
     ...group,
     statistic,
     leaves,
     trees: trees.sort(groupComparator(sortBy)),
+    duration,
+    groupOrder: isFinite(groupOrder) ? groupOrder : 0,
   };
 };
 

package/test/components/Footer.test.tsx

@@ -0,0 +1,26 @@
+import { render, screen } from "@testing-library/preact";
+import { describe, expect, it, vi } from "vitest";
+
+import { Footer } from "@/components/Footer";
+
+vi.mock("@/components/Footer/FooterLogo", () => ({
+  FooterLogo: () => <div data-testid="footer-logo" />,
+}));
+
+vi.mock("@allurereport/web-components", () => ({
+  LanguagePicker: () => <div data-testid="footer-language-picker" />,
+}));
+
+vi.mock("@/components/Footer/FooterVersion", () => ({
+  FooterVersion: () => <div data-testid="footer-version">Generated May 10, 2026 Ver: 3.8.2</div>,
+}));
+
+describe("components > Footer", () => {
+  it("should render language picker near generated time and version", () => {
+    render(<Footer />);
+
+    expect(screen.getByTestId("footer-logo")).toBeInTheDocument();
+    expect(screen.getByTestId("footer-language-picker")).toBeInTheDocument();
+    expect(screen.getByTestId("footer-version")).toHaveTextContent("Generated");
+  });
+});

package/test/components/Header/CiInfo.test.tsx

@@ -197,4 +197,52 @@ describe("components > Header > CiInfo", () => {
 
     expect(screen.getByRole("link")).toHaveTextContent(fixtures.jobRunName);
   });
+
+  it("should not render executor metadata in the header", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      executor: {
+        name: "TeamCity",
+        type: "teamcity",
+        buildName: "Wrike #123",
+        buildUrl: "https://teamcity.example/build/123",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.queryByText("TeamCity · Wrike #123")).not.toBeInTheDocument();
+  });
+
+  it("should render ci label as plain text when ci has a name but no link", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      ci: {
+        jobName: "Nightly Build",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.getByText("Nightly Build")).toBeInTheDocument();
+  });
+
+  it("should ignore executor metadata when ci has no link", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      ci: {
+        jobName: "Nightly Build",
+      },
+      executor: {
+        name: "TeamCity",
+        buildName: "Wrike #123",
+        buildUrl: "https://teamcity.example/build/123",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.getByText("Nightly Build")).toBeInTheDocument();
+    expect(screen.queryByText("TeamCity · Wrike #123")).not.toBeInTheDocument();
+  });
 });

package/test/components/HeaderControls.test.tsx

@@ -0,0 +1,28 @@
+import { render, screen } from "@testing-library/preact";
+import { describe, expect, it, vi } from "vitest";
+
+import { HeaderControls } from "@/components/HeaderControls";
+
+vi.mock("@/components/EnvironmentPicker", () => ({
+  EnvironmentPicker: () => <div data-testid="environment-picker" />,
+}));
+
+vi.mock("@/components/ToggleLayout", () => ({
+  default: () => <div data-testid="toggle-layout" />,
+}));
+
+vi.mock("@allurereport/web-components", () => ({
+  ThemeButton: () => <button data-testid="theme-button" type="button" />,
+  LanguagePicker: () => <button data-testid="language-picker" type="button" />,
+}));
+
+describe("components > HeaderControls", () => {
+  it("should keep frequent controls in header and omit language picker", () => {
+    render(<HeaderControls />);
+
+    expect(screen.getByTestId("environment-picker")).toBeInTheDocument();
+    expect(screen.getByTestId("toggle-layout")).toBeInTheDocument();
+    expect(screen.getByTestId("theme-button")).toBeInTheDocument();
+    expect(screen.queryByTestId("language-picker")).not.toBeInTheDocument();
+  });
+});

package/test/components/ReportHeader.test.tsx

@@ -0,0 +1,77 @@
+import { getReportOptions } from "@allurereport/web-commons";
+import { render, screen } from "@testing-library/preact";
+import { type Mock, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { ReportHeader } from "@/components/ReportHeader";
+
+vi.mock("@allurereport/web-commons", async (importOriginal) => ({
+  ...(await importOriginal()),
+  getReportOptions: vi.fn(),
+}));
+
+vi.mock("@allurereport/web-components", () => ({
+  Heading: (props: { children: string }) => <h2>{props.children}</h2>,
+  Loadable: (props: { renderData: (data: unknown) => unknown }) => props.renderData({}),
+  Text: (props: { "children": unknown; "data-testid"?: string }) => (
+    <span data-testid={props["data-testid"]}>{props.children}</span>
+  ),
+  TooltipWrapper: (props: { children: unknown }) => props.children,
+}));
+
+vi.mock("@/components/ReportHeader/ReportHeaderLogo", () => ({
+  ReportHeaderLogo: () => <div data-testid="report-logo" />,
+}));
+
+vi.mock("@/components/ReportHeader/ReportHeaderPie", () => ({
+  ReportHeaderPie: () => <div data-testid="report-pie" />,
+}));
+
+vi.mock("@/components/TestResult/TrStatus", () => ({
+  TrStatus: () => <div data-testid="tr-status" />,
+}));
+
+vi.mock("@/stores", () => ({
+  useI18n: () => ({
+    t: (key: string, params: Record<string, unknown>) => `${key}: ${params.formattedCreatedAt}`,
+  }),
+}));
+
+vi.mock("@/utils/time", () => ({
+  timestampToDate: (value: number, options?: Intl.DateTimeFormatOptions) =>
+    `${options?.month === "long" ? "long" : "default"}:${value}`,
+}));
+
+beforeEach(() => {
+  vi.clearAllMocks();
+});
+
+describe("components > ReportHeader", () => {
+  it("should render launch start time and duration when run summary is available", () => {
+    (getReportOptions as Mock).mockReturnValue({
+      reportName: "Wrike report",
+      createdAt: 42,
+      runSummary: {
+        start: 1000,
+        stop: 2500,
+        duration: 1500,
+      },
+    });
+
+    render(<ReportHeader />);
+
+    expect(screen.getByTestId("report-data")).toHaveTextContent("long:1000");
+    expect(screen.getByTestId("report-data")).not.toHaveTextContent("long:2500");
+    expect(screen.getByTestId("report-data")).not.toHaveTextContent("long:42");
+  });
+
+  it("should fall back to generated time when run summary is missing", () => {
+    (getReportOptions as Mock).mockReturnValue({
+      reportName: "Wrike report",
+      createdAt: 10,
+    });
+
+    render(<ReportHeader />);
+
+    expect(screen.getByTestId("report-data")).toHaveTextContent("long:10");
+  });
+});

package/test/components/ReportMetadata.test.tsx

@@ -0,0 +1,131 @@
+import { getReportOptions } from "@allurereport/web-commons";
+import { cleanup, render, screen } from "@testing-library/preact";
+import { type Mock, beforeEach, describe, expect, it, vi } from "vitest";
+
+import { ReportMetadata } from "@/components/ReportMetadata";
+
+vi.mock("@allurereport/web-commons", async (importOriginal) => ({
+  ...(await importOriginal()),
+  getReportOptions: vi.fn(),
+}));
+
+vi.mock("@allurereport/web-components", () => {
+  const Menu = Object.assign(
+    (props: { children: unknown; menuTrigger: (props: { onClick: () => void }) => unknown }) => (
+      <>
+        {props.menuTrigger({ onClick: vi.fn() })}
+        {props.children}
+      </>
+    ),
+    {
+      Section: (props: { children: unknown }) => <>{props.children}</>,
+    },
+  );
+
+  return {
+    ArrowButton: () => <span />,
+    Button: (props: { text?: string; onClick?: () => void }) => <button onClick={props.onClick}>{props.text}</button>,
+    ButtonLink: (props: { href: string; text?: string }) => <a href={props.href}>{props.text}</a>,
+    Counter: (props: { count: number }) => <span>{props.count}</span>,
+    Loadable: (props: {
+      source: { value?: { data?: unknown } };
+      transformData?: (data: unknown) => unknown;
+      renderData: (data: unknown) => unknown;
+    }) =>
+      props.renderData(props.transformData ? props.transformData(props.source.value?.data) : props.source.value?.data),
+    Menu,
+    SvgIcon: () => <span />,
+    Text: (props: { children: unknown }) => <span>{props.children}</span>,
+    TooltipWrapper: (props: { children: unknown }) => props.children,
+    allureIcons: {
+      lineGeneralCopy3: "copy",
+      lineGeneralLinkExternal: "external",
+    },
+    useElementTruncation: () => ({ ref: { current: null }, isTruncated: false }),
+  };
+});
+
+vi.mock("@/stores", () => ({
+  reportStatsStore: { value: { data: undefined } },
+  statsByEnvStore: { value: { data: {} } },
+  useI18n: () => ({
+    t: (key: string) => key,
+  }),
+}));
+
+vi.mock("@/stores/env", () => ({
+  currentEnvironment: { value: undefined },
+}));
+
+vi.mock("@/stores/envInfo", () => ({
+  envInfoStore: { value: { data: [] } },
+}));
+
+vi.mock("@/stores/tree", () => ({
+  collapsedTrees: { value: new Set() },
+  toggleTree: vi.fn(),
+}));
+
+vi.mock("@/stores/variables", () => ({
+  fetchVariables: vi.fn(),
+  variables: { value: { data: { default: {} } } },
+}));
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  cleanup();
+});
+
+describe("components > ReportMetadata", () => {
+  it("should render executor metadata as a clickable build link", () => {
+    (getReportOptions as Mock).mockReturnValue({
+      executor: {
+        name: "TeamCity",
+        buildName: "Wrike #123",
+        url: "https://teamcity.example",
+        reportUrl: "https://teamcity.example/report/123",
+        buildUrl: "https://teamcity.example/build/123",
+      },
+    });
+
+    render(<ReportMetadata />);
+
+    expect(screen.getByText("executor")).toBeInTheDocument();
+    expect(screen.getByRole("link", { name: "TeamCity · Wrike #123" })).toHaveAttribute(
+      "href",
+      "https://teamcity.example/build/123",
+    );
+  });
+
+  it("should fall back to report url when executor build url is missing", () => {
+    (getReportOptions as Mock).mockReturnValue({
+      executor: {
+        name: "TeamCity",
+        buildName: "Wrike #123",
+        reportUrl: "https://teamcity.example/report/123",
+      },
+    });
+
+    render(<ReportMetadata />);
+
+    expect(screen.getByRole("link", { name: "TeamCity · Wrike #123" })).toHaveAttribute(
+      "href",
+      "https://teamcity.example/report/123",
+    );
+  });
+
+  it("should render executor metadata as plain text when url is unsafe", () => {
+    (getReportOptions as Mock).mockReturnValue({
+      executor: {
+        name: "TeamCity",
+        buildName: "Wrike #123",
+        buildUrl: "javascript:alert(1)",
+      },
+    });
+
+    render(<ReportMetadata />);
+
+    expect(screen.queryByRole("link", { name: "TeamCity · Wrike #123" })).not.toBeInTheDocument();
+    expect(screen.getByTestId("metadata-item")).toHaveTextContent("TeamCity · Wrike #123");
+  });
+});