@allurereport/web-awesome 3.0.0 → 3.1.0

package/src/locales/tr.json

@@ -28,22 +28,28 @@
     "search-placeholder": "Ad veya ID"
   },
   "filters": {
-    "more-filters": "Daha fazla filtre",
-    "enable-filter": "\"{{filter}}\" filtresini etkinleştir",
     "flaky": "İstikrarsız",
     "retry": "Tekrar",
     "new": "Yeni",
     "fixed": "Düzeltildi",
     "regressed": "Geri Döndü",
-    "malfunctioned": "Bozuk"
-  },
-  "filters.description": {
-    "flaky": "İstikrarsız testleri göster",
-    "retry": "Yeniden çalıştırılan test sonuçlarını göster",
-    "new": "Bu raporda ilk kez görünen test sonuçlarını göster",
-    "fixed": "Şimdi başarılı olan ancak daha önce \"başarısız\" veya \"bozuk\" olan testleri göster",
-    "regressed": "\"başarılı\" veya \"bozuk\" durumundan \"başarısız\" durumuna değişen test sonuçlarını göster",
-    "malfunctioned": "\"başarılı\" veya \"başarısız\" durumundan \"bozuk\" durumuna değişen test sonuçlarını göster"
+    "malfunctioned": "Bozuk",
+    "transition": "Geçiş",
+    "tags": "Etiketler",
+    "goto_filter": "Filtreye git",
+    "errors": {
+      "max_values_one": "Filtreleme için yalnızca ilk {{count}} değer kullanılır.\nEk değerler yok sayılır",
+      "max_values_other": "Filtreleme için yalnızca ilk {{count}} değer kullanılır.\nEk değerler yok sayılır"
+    },
+    "description": {
+      "flaky": "İstikrarsız testleri göster",
+      "retry": "Yeniden çalıştırılan test sonuçlarını göster",
+      "new": "Bu raporda ilk kez görünen test sonuçlarını göster",
+      "fixed": "Şimdi başarılı olan ancak daha önce \"başarısız\" veya \"bozuk\" olan testleri göster",
+      "regressed": "\"başarılı\" veya \"bozuk\" durumundan \"başarısız\" durumuna değişen test sonuçlarını göster",
+      "malfunctioned": "\"başarılı\" veya \"başarısız\" durumundan \"bozuk\" durumuna değişen test sonuçlarını göster",
+      "tags": "Belirtilen etiketlere sahip test sonuçlarını göster"
+    }
   },
   "sort-by": {
     "sort-by-text": "Sıralama ölçütü:",
@@ -366,11 +372,35 @@
       "new": "Bu test sonucunun rapordaki ilk görünümü",
       "fixed": "Daha önce \"başarısız\" veya \"bozuk\" olan test artık \"başarılı\"",
       "regressed": "Daha önce \"başarılı\" veya \"bozuk\" olan test artık \"başarısız\"",
-      "malfunctioned": "Daha önce \"başarılı\" veya \"başarısız\" olan test artık \"bozuk\""
+      "malfunctioned": "Daha önce \"başarılı\" veya \"başarısız\" olan test artık \"bozuk\"",
+      "retries": "{{count}} yeniden deneme",
+      "flaky": "Çalıştırmalar arasında tutarsız"
     },
     "new": "Yeni",
     "fixed": "Düzeltildi",
     "regressed": "Geri Döndü",
     "malfunctioned": "Bozuk"
+  },
+  "trHistory": {
+    "unknown-date": "Bilinmeyen tarih"
+  },
+  "attachments": {
+    "imageDiff": {
+      "mode": {
+        "diff": "Fark",
+        "actual": "Gerçek",
+        "expected": "Beklenen",
+        "side-by-side": "Yan yana",
+        "overlay": "Üst üste"
+      },
+      "empty": {
+        "failed-to-load": "Görüntü karşılaştırması yüklenemedi"
+      },
+      "image": {
+        "diff": "Fark",
+        "actual": "Gerçek",
+        "expected": "Beklenen"
+      }
+    }
   }
 }

package/src/locales/ua.json

@@ -28,22 +28,28 @@
     "search-placeholder": "Назва або ID"
   },
   "filters": {
-    "more-filters": "Фільтри",
-    "enable-filter": "Увімкнути фільтр за \"{{filter}}\"",
     "flaky": "Нестабільні",
     "retry": "Повторені",
     "new": "Нові",
     "fixed": "Виправлені",
     "regressed": "Регресовані",
-    "malfunctioned": "Зламані"
-  },
-  "filters.description": {
-    "flaky": "Показати нестабільні тести",
-    "retry": "Показати результати тестів, які були перезапущені",
-    "new": "Показати результати тестів, які вперше з'являються в цьому звіті",
-    "fixed": "Показати тести, які тепер успішні, але раніше були \"неуспішними\" або \"зламаними\" в попередньому звіті",
-    "regressed": "Показати результати тестів, які змінили статус на \"неуспішний\" з \"успішний\" або \"зламаний\"",
-    "malfunctioned": "Показати результати тестів, які змінили статус на \"зламаний\" з \"успішний\" або \"неуспішний\""
+    "malfunctioned": "Зламані",
+    "transition": "Перехід",
+    "tags": "Теги",
+    "goto_filter": "Перейти до фільтру",
+    "errors": {
+      "max_values_one": "Тільки перше {{count}} значення використовується для фільтрації.\nДодаткові значення ігноруються",
+      "max_values_other": "Тільки перші {{count}} значення використовуються для фільтрації.\nДодаткові значення ігноруються"
+    },
+    "description": {
+      "flaky": "Показати нестабільні тести",
+      "retry": "Показати результати тестів, які були перезапущені",
+      "new": "Показати результати тестів, які вперше з'являються в цьому звіті",
+      "fixed": "Показати тести, які тепер успішні, але раніше були \"неуспішними\" або \"зламаними\" в попередньому звіті",
+      "regressed": "Показати результати тестів, які змінили статус на \"неуспішний\" з \"успішний\" або \"зламаний\"",
+      "malfunctioned": "Показати результати тестів, які змінили статус на \"зламаний\" з \"успішний\" або \"неуспішний\"",
+      "tags": "Показати результати тестів, які мають вказані теги"
+    }
   },
   "sort-by": {
     "sort-by-text": "Сортувати за:",
@@ -317,11 +323,35 @@
       "new": "Перша поява цього результату тесту в звіті",
       "fixed": "Раніше \"неуспішний\" або \"зламаний\" тест, який тепер \"успішний\"",
       "regressed": "Раніше \"успішний\" або \"зламаний\" тест, який тепер \"неуспішний\"",
-      "malfunctioned": "Раніше \"успішний\" або \"неуспішний\" тест, який тепер \"зламаний\""
+      "malfunctioned": "Раніше \"успішний\" або \"неуспішний\" тест, який тепер \"зламаний\"",
+      "retries": "{{count}} повторних спроб",
+      "flaky": "Нестабільний між запусками"
     },
     "new": "Нові",
     "fixed": "Виправлені",
     "regressed": "Регресовані",
     "malfunctioned": "Зламані"
+  },
+  "trHistory": {
+    "unknown-date": "Невідома дата"
+  },
+  "attachments": {
+    "imageDiff": {
+      "mode": {
+        "diff": "Різниця",
+        "actual": "Фактичний",
+        "expected": "Очікуваний",
+        "side-by-side": "Поруч",
+        "overlay": "Наложення"
+      },
+      "empty": {
+        "failed-to-load": "Не вдалося завантажити порівняння зображень"
+      },
+      "image": {
+        "diff": "Різниця",
+        "actual": "Фактичний",
+        "expected": "Очікуваний"
+      }
+    }
   }
 }

package/src/locales/zh.json

@@ -28,22 +28,28 @@
     "search-placeholder": "名称或ID"
   },
   "filters": {
-    "more-filters": "更多过滤器",
-    "enable-filter": "启用 \"{{filter}}\" 过滤器",
     "flaky": "不稳定",
     "retry": "重试",
     "new": "新的",
     "fixed": "已修复",
     "regressed": "已回归",
-    "malfunctioned": "已损坏"
-  },
-  "filters.description": {
-    "flaky": "显示不稳定的测试",
-    "retry": "显示重新运行的测试结果",
-    "new": "显示在此报告中首次出现的测试结果",
-    "fixed": "显示现在通过但之前\"失败\"或\"损坏\"的测试",
-    "regressed": "显示从\"通过\"或\"损坏\"状态变为\"失败\"状态的测试结果",
-    "malfunctioned": "显示从\"通过\"或\"失败\"状态变为\"损坏\"状态的测试结果"
+    "malfunctioned": "已损坏",
+    "transition": "过渡",
+    "tags": "标签",
+    "goto_filter": "转到过滤器",
+    "errors": {
+      "max_values_one": "仅使用第一个 {{count}} 值进行过滤。\n忽略其他值",
+      "max_values_other": "仅使用前 {{count}} 个值进行过滤。\n忽略其他值"
+    },
+    "description": {
+      "flaky": "显示不稳定的测试",
+      "retry": "显示重新运行的测试结果",
+      "new": "显示在此报告中首次出现的测试结果",
+      "fixed": "显示现在通过但之前\"失败\"或\"损坏\"的测试",
+      "regressed": "显示从\"通过\"或\"损坏\"状态变为\"失败\"状态的测试结果",
+      "malfunctioned": "显示从\"通过\"或\"失败\"状态变为\"损坏\"状态的测试结果",
+      "tags": "显示具有指定标签的测试结果"
+    }
   },
   "sort-by": {
     "sort-by-text": "排序依据:",
@@ -366,11 +372,35 @@
       "new": "此测试结果在报告中的首次出现",
       "fixed": "之前\"失败\"或\"损坏\"的测试现在\"通过\"了",
       "regressed": "之前\"通过\"或\"损坏\"的测试现在\"失败\"了",
-      "malfunctioned": "之前\"通过\"或\"失败\"的测试现在\"损坏\"了"
+      "malfunctioned": "之前\"通过\"或\"失败\"的测试现在\"损坏\"了",
+      "retries": "{{count}} 次重试",
+      "flaky": "多次运行结果不一致"
     },
     "new": "新的",
     "fixed": "已修复",
     "regressed": "已回归",
     "malfunctioned": "已损坏"
+  },
+  "trHistory": {
+    "unknown-date": "未知日期"
+  },
+  "attachments": {
+    "imageDiff": {
+      "mode": {
+        "diff": "差异",
+        "actual": "实际",
+        "expected": "预期",
+        "side-by-side": "并排",
+        "overlay": "叠加"
+      },
+      "empty": {
+        "failed-to-load": "无法加载图像对比"
+      },
+      "image": {
+        "diff": "差异",
+        "actual": "实际",
+        "expected": "预期"
+      }
+    }
   }
 }

package/src/stores/chart.ts

@@ -13,7 +13,7 @@ export const pieChartStore = signal<StoreSignalState<PieChartValues>>({
 
 export const fetchPieChartData = async (env: string) => {
   pieChartStore.value = {
-    ...pieChartStore.value,
+    ...pieChartStore.peek(),
     loading: true,
     error: undefined,
   };
@@ -44,7 +44,7 @@ export const chartsStore = signal<StoreSignalState<UIChartsDataWithEnvs>>({
 
 export const fetchChartsData = async () => {
   chartsStore.value = {
-    ...chartsStore.value,
+    ...chartsStore.peek(),
     loading: true,
     error: undefined,
   };

package/src/stores/env.ts

@@ -26,7 +26,7 @@ export const setCurrentEnvironment = (env: string) => {
 
 export const fetchEnvironments = async () => {
   environmentsStore.value = {
-    ...environmentsStore.value,
+    ...environmentsStore.peek(),
     loading: true,
     error: undefined,
   };
@@ -41,7 +41,7 @@ export const fetchEnvironments = async () => {
     };
   } catch (e) {
     environmentsStore.value = {
-      ...environmentsStore.value,
+      ...environmentsStore.peek(),
       error: e.message,
       loading: false,
     };
@@ -49,12 +49,12 @@ export const fetchEnvironments = async () => {
 };
 
 export const fetchTestEnvGroup = async (id: string) => {
-  if (testEnvGroupsStore.value.data[id]) {
+  if (testEnvGroupsStore.peek().data[id]) {
     return;
   }
 
   testEnvGroupsStore.value = {
-    ...testEnvGroupsStore.value,
+    ...testEnvGroupsStore.peek(),
     loading: true,
     error: undefined,
   };
@@ -64,7 +64,7 @@ export const fetchTestEnvGroup = async (id: string) => {
 
     testEnvGroupsStore.value = {
       data: {
-        ...testEnvGroupsStore.value.data,
+        ...testEnvGroupsStore.peek().data,
         [id]: res,
       },
       error: undefined,
@@ -72,7 +72,7 @@ export const fetchTestEnvGroup = async (id: string) => {
     };
   } catch (e) {
     testEnvGroupsStore.value = {
-      ...testEnvGroupsStore.value,
+      ...testEnvGroupsStore.peek(),
       error: e.message,
       loading: false,
     };

package/src/stores/envInfo.ts

@@ -11,7 +11,7 @@ export const envInfoStore = signal<StoreSignalState<EnvironmentItem[]>>({
 
 export const fetchEnvInfo = async () => {
   envInfoStore.value = {
-    ...envInfoStore.value,
+    ...envInfoStore.peek(),
     loading: true,
     error: undefined,
   };
@@ -26,7 +26,7 @@ export const fetchEnvInfo = async () => {
     };
   } catch (e) {
     envInfoStore.value = {
-      ...envInfoStore.value,
+      ...envInfoStore.peek(),
       error: e.message,
       loading: false,
     };

package/src/stores/globals.ts

@@ -20,7 +20,7 @@ export const fetchGlobals = async () => {
     };
   } catch (err) {
     globalsStore.value = {
-      ...globalsStore.value,
+      ...globalsStore.peek(),
       error: err.message,
       loading: false,
     };

package/src/stores/index.ts

@@ -1,4 +1,3 @@
-export * from "./theme";
 export type * from "./types";
 export * from "./stats";
 export * from "./locale";

package/src/stores/layout.ts

@@ -2,7 +2,26 @@ import { getReportOptions } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import type { AwesomeReportOptions, Layout } from "types";
 
-export const layoutStore = signal<Layout>("base");
+const reportOptions = getReportOptions<AwesomeReportOptions>();
+
+const DEFAULT_LAYOUT = "base";
+
+const getInitialLayout = (): Layout => {
+  if (typeof window === "undefined") {
+    return DEFAULT_LAYOUT;
+  }
+
+  const lsLayout = localStorage.getItem("layout") as Layout | null;
+
+  if (lsLayout !== null) {
+    return lsLayout;
+  }
+
+  return lsLayout ?? reportOptions?.layout ?? DEFAULT_LAYOUT;
+};
+
+export const layoutStore = signal<Layout>(getInitialLayout());
+
 export const isLayoutLoading = signal(false);
 
 export const setLayout = (newLayout: Layout): void => {
@@ -24,13 +43,3 @@ export const toggleLayout = () => {
 };
 
 export const isSplitMode = computed(() => layoutStore.value === "split");
-
-export const getLayout = () => {
-  const { layout } = getReportOptions<AwesomeReportOptions>() ?? {};
-  const layoutFromLS = window.localStorage.getItem("layout") || (layout as Layout) || "base";
-
-  if (layoutFromLS) {
-    setLayout(layoutFromLS as Layout);
-    return;
-  }
-};

package/src/stores/locale.ts

@@ -8,7 +8,6 @@ const namespaces = [
   "empty",
   "execution",
   "filters",
-  "filters.description",
   "search",
   "severity",
   "sort-by",
@@ -28,6 +27,8 @@ const namespaces = [
   "sections",
   "timeline",
   "transitions",
+  "trHistory",
+  "attachments",
 ] as const;
 
 export const currentLocale = signal<LangLocale>("en" as LangLocale);

package/src/stores/qualityGate.ts

@@ -1,4 +1,4 @@
-import { QualityGateValidationResult } from "@allurereport/plugin-api";
+import type { QualityGateValidationResult } from "@allurereport/plugin-api";
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
 import { type StoreSignalState } from "./types";
@@ -20,7 +20,7 @@ export const fetchQualityGateResults = async () => {
     };
   } catch (err) {
     qualityGateStore.value = {
-      ...qualityGateStore.value,
+      ...qualityGateStore.peek(),
       error: err.message,
       loading: false,
     };

package/src/stores/router.ts

@@ -1,108 +1,42 @@
-import { computed, signal } from "@preact/signals";
+import { createRoute, navigateTo as routerNavigateTo } from "@allurereport/web-commons";
+import { computed } from "@preact/signals";
 
-type NavigateToObject = {
-  category?: string;
-  params?: {
-    testResultId?: string | null;
-    subTab?: string | null;
-  };
+export const navigateToTestResult = (params: { testResultId: string; tab?: string }) => {
+  routerNavigateTo({ path: "/:testResultId/:tab?", params, keepSearchParams: true });
 };
 
-type Route = {
-  category?: string;
-  params?: {
-    testResultId?: string | null;
-    subTab?: string | null;
-  };
+export const navigateToTestResultTab = (params: { testResultId: string; tab: string }) => {
+  routerNavigateTo({ path: "/:testResultId/:tab?", params, keepSearchParams: true, replace: true });
 };
 
-export const parseHash = (): Route => {
-  const hash = globalThis.location.hash.replace(/^#/, "").trim();
-  const parts = hash.split("/").filter(Boolean);
-  const [first, second] = parts;
-
-  if (parts.length === 0) {
-    return {};
-  }
-
-  if (parts.length === 1) {
-    if (/^[a-f0-9]{32,}$/.test(first)) {
-      return { params: { testResultId: first } };
-    }
-    return { category: first || "", params: { testResultId: second } };
-  }
-
-  if (parts.length === 2) {
-    if (/^[a-f0-9]{32,}$/.test(first)) {
-      return {
-        params: {
-          testResultId: first,
-          subTab: second,
-        },
-      };
-    }
-
-    return {
-      category: first,
-      params: {
-        testResultId: second,
-      },
-    };
-  }
-
-  if (parts.length === 3) {
-    const [category, testResultId, subTab] = parts;
-    return { category, params: { testResultId, subTab } };
-  }
-
-  return {};
+export const navigateToRoot = () => {
+  routerNavigateTo({ path: "/", keepSearchParams: true });
 };
 
-export const route = signal<Route>(parseHash());
-
-export const handleHashChange = () => {
-  const newRoute = parseHash();
-
-  if (
-    newRoute.category !== route.value?.category ||
-    newRoute.params?.testResultId !== route.value.params?.testResultId ||
-    newRoute.params?.subTab !== route.value.params?.subTab
-  ) {
-    route.value = { ...newRoute };
-  }
+export const navigateToSection = (params: { section: "timeline" | "charts" }) => {
+  routerNavigateTo({ path: "/:section", params, keepSearchParams: true, replace: false });
 };
 
-export const navigateTo = (path: NavigateToObject | string) => {
-  let newHash = "";
+const sections = ["charts", "timeline"];
 
-  if (typeof path === "string") {
-    newHash = path.startsWith("#") ? path.slice(1) : path;
-  } else {
-    const { category, params = {} } = path;
-    const parts: string[] = [];
+export const testResultRoute = computed(() =>
+  createRoute<{ testResultId: string; tab?: string }>("/:testResultId/:tab?", ({ params }) => {
+    return params.testResultId && !sections.includes(params.testResultId);
+  }),
+);
 
-    if (category) {
-      parts.push(category);
-    }
+export const rootRoute = computed(() => createRoute<{}>("/"));
 
-    if (params.testResultId) {
-      parts.push(params.testResultId);
-    }
+export const sectionRoute = computed(() =>
+  createRoute<{ section: "timeline" | "charts" }>("/:section", ({ params }) => {
+    return sections.includes(params.section);
+  }),
+);
 
-    if (params.subTab) {
-      parts.push(params.subTab);
-    }
-
-    newHash = parts.join("/");
+export const openInNewTab = (path: string) => {
+  if (typeof window === "undefined") {
+    return;
   }
 
-  history.pushState(null, "", `#${newHash}`);
-  handleHashChange();
-};
-
-export const openInNewTab = (path: string) => {
   window.open(`#${path}`, "_blank");
 };
-
-export const activeTab = computed(() => route.value.category || "");
-export const activeSubTab = computed(() => route.value.params?.subTab || "overview");

package/src/stores/sections.ts

@@ -1,63 +1,50 @@
 import { getReportOptions } from "@allurereport/web-commons";
-import { effect, signal } from "@preact/signals";
-import { navigateTo, parseHash, route } from "@/stores/router";
+import { computed, effect } from "@preact/signals";
 import type { AwesomeReportOptions } from "../../types.js";
+import { navigateToRoot, navigateToSection, sectionRoute } from "./router";
 
 const DEFAULT_SECTION = "default";
-type Section = string;
 
-export const currentSection = signal<Section>("");
-export const availableSections = signal<Section[]>([]);
+type Section = "timeline" | "charts" | "default";
 
-const updateSectionState = (section: Section): void => {
-  currentSection.value = section;
-  document.documentElement.setAttribute("data-section", section);
-  globalThis.localStorage.setItem("chosenSection", section);
-};
+const reportOptions = getReportOptions<AwesomeReportOptions>();
+const defaultSectionFromReportOptions: Section = (reportOptions?.defaultSection as Section) ?? "default";
 
-export const setSection = (chosenSection: Section): void => {
-  const isDefaultSection = chosenSection === DEFAULT_SECTION;
-  const isValidSection = availableSections.value?.includes(chosenSection);
-  const isSectionChanged = currentSection.value !== chosenSection;
+export const availableSections = (reportOptions?.sections ?? []) as Section[];
 
-  updateSectionState(chosenSection);
+const onInit = () => {
+  const isSectionRoute = sectionRoute.peek().matches;
+  const isDefaultSection = defaultSectionFromReportOptions === DEFAULT_SECTION;
+  const isValidSection = availableSections.includes(defaultSectionFromReportOptions);
 
-  if (isDefaultSection) {
-    navigateTo({ category: "" });
-    return;
-  }
-
-  if (isSectionChanged && isValidSection) {
-    navigateTo({ category: chosenSection });
+  if (!isSectionRoute && !isDefaultSection && isValidSection) {
+    navigateToSection({ section: defaultSectionFromReportOptions });
   }
 };
 
-export const getSection = () => {
-  const { category } = parseHash();
-  availableSections.value = getReportOptions<AwesomeReportOptions>()?.sections ?? [];
-  const defaultSectionFromReportOptions = getReportOptions<AwesomeReportOptions>()?.defaultSection ?? "";
-  const sectionFromUrl = parseHash().category;
-  const sectionFromLS =
-    globalThis.localStorage.getItem("chosenSection") === ""
-      ? ""
-      : globalThis.localStorage.getItem("chosenSection") || defaultSectionFromReportOptions;
-  currentSection.value = sectionFromUrl || sectionFromLS;
-
-  if (category) {
-    setSection(category);
-    return;
+onInit();
+
+export const currentSection = computed(() => sectionRoute.value.params.section ?? "default");
+
+effect(() => {
+  const section = currentSection.value;
+
+  if (section) {
+    document.documentElement.setAttribute("data-section", section);
   }
+});
+
+export const setSection = (chosenSection: Section | string): void => {
+  const isDefaultSection = chosenSection === DEFAULT_SECTION;
+  const isValidSection = availableSections.includes(chosenSection as Section);
+  const isSectionChanged = currentSection.peek() !== chosenSection;
 
-  if (sectionFromLS) {
-    setSection(sectionFromLS);
+  if (isDefaultSection) {
+    navigateToRoot();
     return;
   }
 
-  setSection("");
+  if (isSectionChanged && isValidSection) {
+    navigateToSection({ section: chosenSection as "timeline" | "charts" });
+  }
 };
-
-effect(() => {
-  const category = route.value.category;
-
-  setSection(category || "");
-});