@allurereport/web-awesome 3.0.0-beta.22 → 3.0.0-beta.24

package/src/locales/sv.json

@@ -162,7 +162,15 @@
   },
   "sections": {
     "report": "Report",
-    "charts": "Grafer"
+    "charts": "Grafer",
+    "timeline": "Tidslinje"
+  },
+  "timeline": {
+    "empty": "Inga data",
+    "empty_host": "Inga data för {{ host }}",
+    "selected_one": "{{ count }} test ({{ percentage }}%) med varaktighet mer än {{ minDuration }} och mindre än {{ maxDuration }} vald",
+    "selected_other": "{{ count }} tester ({{ percentage }}%) med varaktighet mer än {{ minDuration }} och mindre än {{ maxDuration }} valda",
+    "host": "Värd: {{ host }}"
   },
   "charts": {
     "trend": {
@@ -172,8 +180,29 @@
         "severity": "Allvarlighetsgrad"
       }
     },
-    "pie": {
-      "title": "Testframgångsfrekvens"
+    "currentStatus": {
+      "title": "Nuvarande status",
+      "status": {
+        "passed": "$t(statuses:passed, capitalize)",
+        "failed": "$t(statuses:failed, capitalize)",
+        "broken": "$t(statuses:broken, capitalize)",
+        "skipped": "$t(statuses:skipped, capitalize)",
+        "unknown": "$t(statuses:unknown, capitalize)"
+      },
+      "percentage": "{{percentage}}%",
+      "of": "av {{total}}",
+      "total": "totalt",
+      "tests": {
+        "new_zero": "Inga nya tester",
+        "new_one": "{{count}} nytt test",
+        "new_other": "{{count}} nya tester",
+        "flaky_zero": "Inga instabila tester",
+        "flaky_one": "{{count}} instabilt test",
+        "flaky_other": "{{count}} instabila tester",
+        "retries_zero": "Inga försökta tester",
+        "retries_one": "{{count}} försökt test",
+        "retries_other": "{{count}} försökta tester"
+      }
     }
   },
   "transitions.description": {

package/src/locales/tr.json

@@ -162,7 +162,15 @@
   },
   "sections": {
     "report": "Report",
-    "charts": "Grafikler"
+    "charts": "Grafikler",
+    "timeline": "Zaman çizelgesi"
+  },
+  "timeline": {
+    "empty": "Veri yok",
+    "empty_host": "{{ host }} için veri yok",
+    "selected_one": "{{ count }} test ({{ percentage }}%) {{ minDuration }}'dan fazla ve {{ maxDuration }}'dan az süreyle seçildi",
+    "selected_other": "{{ count }} test ({{ percentage }}%) {{ minDuration }}'dan fazla ve {{ maxDuration }}'dan az süreyle seçildi",
+    "host": "Ana bilgisayar: {{ host }}"
   },
   "charts": {
     "trend": {
@@ -172,8 +180,29 @@
         "severity": "Önem Derecesi"
       }
     },
-    "pie": {
-      "title": "Test Başarı Oranı"
+    "currentStatus": {
+      "title": "Mevcut Durum",
+      "status": {
+        "passed": "$t(statuses:passed, capitalize)",
+        "failed": "$t(statuses:failed, capitalize)",
+        "broken": "$t(statuses:broken, capitalize)",
+        "skipped": "$t(statuses:skipped, capitalize)",
+        "unknown": "$t(statuses:unknown, capitalize)"
+      },
+      "percentage": "{{percentage}}%",
+      "of": "{{total}} içinden",
+      "total": "toplam",
+      "tests": {
+        "new_zero": "Yeni test yok",
+        "new_one": "{{count}} yeni test",
+        "new_other": "{{count}} yeni test",
+        "flaky_zero": "Kararsız test yok",
+        "flaky_one": "{{count}} kararsız test",
+        "flaky_other": "{{count}} kararsız test",
+        "retries_zero": "Yeniden denenmiş test yok",
+        "retries_one": "{{count}} yeniden denenmiş test",
+        "retries_other": "{{count}} yeniden denenmiş test"
+      }
     }
   },
   "transitions.description": {

package/src/locales/zh.json

@@ -162,7 +162,15 @@
   },
   "sections": {
     "report": "Report",
-    "charts": "图形"
+    "charts": "图形",
+    "timeline": "时间轴"
+  },
+  "timeline": {
+    "empty": "无数据",
+    "empty_host": "{{ host }} 无数据",
+    "selected_one": "已选择 {{ count }} 个测试（{{ percentage }}%），持续时间大于 {{ minDuration }} 且小于 {{ maxDuration }}",
+    "selected_other": "已选择 {{ count }} 个测试（{{ percentage }}%），持续时间大于 {{ minDuration }} 且小于 {{ maxDuration }}",
+    "host": "主机: {{ host }}"
   },
   "charts": {
     "trend": {
@@ -172,8 +180,29 @@
         "severity": "严重程度"
       }
     },
-    "pie": {
-      "title": "测试成功率"
+    "currentStatus": {
+      "title": "当前状态",
+      "status": {
+        "passed": "$t(statuses:passed, capitalize)",
+        "failed": "$t(statuses:failed, capitalize)",
+        "broken": "$t(statuses:broken, capitalize)",
+        "skipped": "$t(statuses:skipped, capitalize)",
+        "unknown": "$t(statuses:unknown, capitalize)"
+      },
+      "percentage": "{{percentage}}%",
+      "of": "共 {{total}}",
+      "total": "总计",
+      "tests": {
+        "new_zero": "没有新测试",
+        "new_one": "{{count}} 个新测试",
+        "new_other": "{{count}} 个新测试",
+        "flaky_zero": "没有不稳定测试",
+        "flaky_one": "{{count}} 个不稳定测试",
+        "flaky_other": "{{count}} 个不稳定测试",
+        "retries_zero": "没有重试测试",
+        "retries_one": "{{count}} 个重试测试",
+        "retries_other": "{{count}} 个重试测试"
+      }
     }
   },
   "transitions.description": {

package/src/stores/locale.ts

@@ -25,8 +25,9 @@ const namespaces = [
   "environments",
   "charts",
   "sections",
+  "timeline",
   "transitions.description",
-];
+] as const;
 
 export const currentLocale = signal<LangLocale>("en" as LangLocale);
 export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
@@ -61,10 +62,19 @@ export const waitForI18next = i18next
     fallbackLng: "en",
     ns: namespaces,
     interpolation: { escapeValue: false },
+  })
+  .then(() => {
+    i18next.services.formatter.add("capitalize", (value) => {
+      return value.charAt(0).toLocaleUpperCase() + value.slice(1);
+    });
   });
 
-export const useI18n = (namespace?: string) => {
-  const t = computed(() => (key: string, options?: TOptions) => i18next.t(key, { ns: namespace, ...options }));
+export const useI18n = (namespace: (typeof namespaces)[number]) => {
+  const t = computed(
+    () =>
+      (key: string, options: TOptions = {}) =>
+        i18next.t(key, { ns: namespace, ...options }),
+  );
 
   return {
     t: t.value,

package/src/stores/theme.ts

@@ -1,32 +1,30 @@
 import { getReportOptions } from "@allurereport/web-commons";
+import type { Theme } from "@allurereport/web-components";
 import { signal } from "@preact/signals";
 import type { AwesomeReportOptions } from "../../types.js";
 
-type Theme = "light" | "dark";
+export const themeStore = signal<Theme>("auto");
 
-export const themeStore = signal<Theme>("light");
+export const setTheme = (mode: "light" | "dark" | "auto") => {
+  themeStore.value = mode;
 
-export const setTheme = (newTheme: Theme): void => {
-  themeStore.value = newTheme;
-  document.documentElement.setAttribute("data-theme", newTheme);
-  window.localStorage.setItem("theme", newTheme);
+  try {
+    window.localStorage.setItem("theme", mode);
+  } catch {}
+
+  document.documentElement.setAttribute("data-theme", mode);
 };
 
 export const toggleTheme = () => {
-  setTheme(themeStore.value === "light" ? "dark" : "light");
+  const order = ["light", "dark", "auto"];
+  const current = themeStore.value;
+  const next = order[(order.indexOf(current) + 1) % order.length] as Theme;
+  setTheme(next);
 };
 
 export const getTheme = () => {
   const { theme } = getReportOptions<AwesomeReportOptions>() ?? {};
   const themeFromLS = (window.localStorage.getItem("theme") as Theme | null) || (theme as Theme);
 
-  if (themeFromLS) {
-    setTheme(themeFromLS);
-    return;
-  }
-
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const initialTheme = prefersDarkScheme ? "dark" : "light";
-
-  setTheme(initialTheme);
+  setTheme(themeFromLS);
 };

package/src/stores/timeline.ts

@@ -0,0 +1,34 @@
+import type { TestResult } from "@allurereport/core-api";
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { signal } from "@preact/signals";
+import type { StoreSignalState } from "@/stores/types";
+
+export const timelineStore = signal<StoreSignalState<TestResult[]>>({
+  loading: true,
+  error: undefined,
+  data: undefined,
+});
+
+export const fetchTimelineData = async () => {
+  timelineStore.value = {
+    ...timelineStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<TestResult[]>("widgets/timeline.json", { bustCache: true });
+
+    timelineStore.value = {
+      data: res,
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    timelineStore.value = {
+      data: undefined,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/types.d.ts

@@ -1,6 +1,6 @@
 import type {
-  CiDescriptor,
   AttachmentTestStepResult,
+  CiDescriptor,
   DefaultTreeGroup,
   HistoryTestResult,
   TestFixtureResult,
@@ -17,9 +17,9 @@ export type AwesomeReportOptions = {
   allureVersion: string;
   reportName?: string;
   logo?: string;
-  theme?: "light" | "dark";
+  theme?: "light" | "dark" | "auto";
   groupBy?: string[];
-  reportLanguage?: "en" | "ru";
+  reportLanguage?: "en";
   createdAt: number;
   reportUuid: string;
   layout?: Layout;