@allurereport/web-awesome 3.0.0-beta.10 → 3.0.0-beta.12

package/src/{i18n/locales → locales}/pl.json

@@ -8,9 +8,9 @@
     "total": "wszystkie"
   },
   "testSummary": {
-    "all": "Wszystkie testy",
-    "flaky": "Flaky testy",
-    "retry": "Powtórne testy",
+    "total": "Wszystkie",
+    "flaky": "Niestabilne testy",
+    "retries": "Powtórne testy",
     "new": "Nowe testy"
   },
   "tabs": {
@@ -64,7 +64,8 @@
     "no-history-results": "Brak dostępnych informacji o historii",
     "no-retries-results": "Brak dostępnych informacji o ponownych próbach",
     "no-test-steps-results": "Brak dostępnych informacji o krokach testowych",
-    "no-test-case-results": "Brak wyników przypadków testowych"
+    "no-test-case-results": "Brak wyników przypadków testowych",
+    "no-environments-results": "Brak dostępnych informacji o środowiskach"
   },
   "severity": {
     "name": "Ważność",
@@ -80,6 +81,11 @@
     "setup": "Przygotowanie",
     "teardown": "Zakończenie"
   },
+  "environments": {
+    "environment_one": "Środowisko",
+    "environment_other": "Środowiska",
+    "all": "Wszystkie"
+  },
   "ui": {
     "labels": "Labelki",
     "metadata": "Metadane",
@@ -90,12 +96,15 @@
     "history": "Historia",
     "attachments": "Załączniki",
     "retries": "Próby ponowne",
+    "environments": "Środowiska",
     "error": "Błąd",
     "goToStep": "Idź do kroku",
     "showLess": "Pokaż mniej",
     "showMore": "Pokaż więcej",
     "copy": "Skopuj",
-    "at": "w"
+    "at": "w",
+    "variables": "Zmienne",
+    "openPwTrace": "Otwórz Playwright Trace"
   },
   "controls": {
     "newTabAttachment": "Otwórz w nowej zakładce",

package/src/{i18n/locales → locales}/pt.json

@@ -11,9 +11,9 @@
     "retryTests": "repetir"
   },
   "testSummary": {
-    "all": "Todos os testes",
+    "total": "Total",
     "flaky": "Testes instáveis",
-    "retry": "Testes repetidos",
+    "retries": "Testes repetidos",
     "new": "Testes novos"
   },
   "tabs": {
@@ -67,7 +67,8 @@
     "no-history-results": "Nenhuma informação de histórico disponível",
     "no-retries-results": "Nenhuma informação de repetições disponível",
     "no-test-steps-results": "Nenhuma informação disponível sobre as etapas do teste",
-    "no-test-case-results": "Nenhum resultado de caso de teste"
+    "no-test-case-results": "Nenhum resultado de caso de teste",
+    "no-environments-results": "Nenhuma informação de ambiente disponível"
   },
   "severity": {
     "blocker": "bloqueador",
@@ -82,6 +83,11 @@
     "setup": "Configuração",
     "teardown": "Desmontagem"
   },
+  "environments": {
+    "environment_one": "Ambiente",
+    "environment_other": "Ambientes",
+    "all": "Todos"
+  },
   "ui": {
     "labels": "Etiquetas",
     "metadata": "Metadados",
@@ -92,12 +98,14 @@
     "history": "Histórico",
     "attachments": "Anexos",
     "retries": "Repetições",
+    "environments": "Ambientes",
     "error": "Erro",
     "goToStep": "Ir para o passo",
     "showLess": "Mostrar menos",
     "showMore": "Mostrar mais",
     "copy": "Copiar",
-    "at": "em"
+    "at": "em",
+    "openPwTrace": "Abrir Playwright Trace"
   },
   "controls": {
     "newTabAttachment": "Abrir anexo em nova aba",

package/src/{i18n/locales → locales}/ru.json

@@ -8,9 +8,9 @@
     "total": "все"
   },
   "testSummary": {
-    "all": "Все тесты",
-    "flaky": "Flaky тесты",
-    "retry": "Повторные тесты",
+    "total": "Всего",
+    "flaky": "Нестабильные тесты",
+    "retries": "Повторные тесты",
     "new": "Новые тесты"
   },
   "tabs": {
@@ -64,7 +64,8 @@
     "no-history-results": "Информация об истории отсутствует",
     "no-retries-results": "Информация о перезапусках отсутствует",
     "no-test-steps-results": "Нет информации о шагах тестирования",
-    "no-test-case-results": "Нет результатов тест-кейсов"
+    "no-test-case-results": "Нет результатов тест-кейсов",
+    "no-environments-results": "Информация об окружениях отсутствует"
   },
   "severity": {
     "name": "Важность",
@@ -80,6 +81,11 @@
     "setup": "Подготовка",
     "teardown": "Завершение"
   },
+  "environments": {
+    "environment_one": "Окружение",
+    "environment_other": "Окружения",
+    "all": "Все"
+  },
   "ui": {
     "labels": "Лейблы",
     "metadata": "Метаданные",
@@ -90,12 +96,15 @@
     "history": "История",
     "attachments": "Вложения",
     "retries": "Перезапуски",
+    "environments": "Окружения",
     "error": "Ошибка",
     "goToStep": "Перейти к шагу",
     "showLess": "Показать меньше",
     "showMore": "Показать больше",
     "copy": "Скопировать",
-    "at": "в"
+    "at": "в",
+    "variables": "Переменные",
+    "openPwTrace": "Открыть Playwright Trace"
   },
   "controls": {
     "newTabAttachment": "Открыть в новой вкладке",

package/src/{i18n/locales → locales}/sv.json

@@ -11,9 +11,9 @@
     "retryTests": "försök igen"
   },
   "testSummary": {
-    "all": "Alla tester",
+    "total": "Totalt",
     "flaky": "Ostadiga tester",
-    "retry": "Omtestade tester",
+    "retries": "Omtestade tester",
     "new": "Nya tester"
   },
   "tabs": {
@@ -67,7 +67,8 @@
     "no-history-results": "Ingen historik information tillgänglig",
     "no-retries-results": "Ingen omtagningar information tillgänglig",
     "no-test-steps-results": "Ingen information om teststeg tillgänglig",
-    "no-test-case-results": "Inga testfallresultat"
+    "no-test-case-results": "Inga testfallresultat",
+    "no-environments-results": "Ingen miljöinformation tillgänglig"
   },
   "severity": {
     "blocker": "blockerare",
@@ -82,6 +83,11 @@
     "setup": "Förberedelse",
     "teardown": "Avslutning"
   },
+  "environments": {
+    "environment_one": "Miljö",
+    "environment_other": "Miljöer",
+    "all": "Alla"
+  },
   "ui": {
     "labels": "Etiketter",
     "metadata": "Metadata",
@@ -92,12 +98,15 @@
     "history": "Historik",
     "attachments": "Bilagor",
     "retries": "Omtagningar",
+    "environments": "Miljöer",
     "error": "Fel",
     "goToStep": "Gå till steg",
     "showLess": "Visa mindre",
     "showMore": "Visa mer",
     "copy": "Kopiera",
-    "at": "vid"
+    "at": "vid",
+    "variables": "Variabler",
+    "openPwTrace": "Öppna Playwright Trace"
   },
   "controls": {
     "newTabAttachment": "Öppna bilaga i ny flik",

package/src/{i18n/locales → locales}/tr.json

@@ -11,9 +11,9 @@
     "retryTests": "tekrar dene"
   },
   "testSummary": {
-    "all": "Tüm Testler",
+    "total": "Toplam",
     "flaky": "İstikrarsız Testler",
-    "retry": "Tekrarlanan Testler",
+    "retries": "Tekrarlanan Testler",
     "new": "Yeni Testler"
   },
   "tabs": {
@@ -67,7 +67,8 @@
     "no-history-results": "Geçmiş bilgisi mevcut değil",
     "no-retries-results": "Tekrar deneme bilgisi mevcut değil",
     "no-test-steps-results": "Test adımları hakkında bilgi mevcut değil",
-    "no-test-case-results": "Test vakası sonuçları yok"
+    "no-test-case-results": "Test vakası sonuçları yok",
+    "no-environments-results": "Ortam bilgisi mevcut değil"
   },
   "severity": {
     "blocker": "engelleyici",
@@ -82,6 +83,11 @@
     "setup": "Kurulum",
     "teardown": "Kapatma"
   },
+  "environments": {
+    "environment_one": "Ortam",
+    "environment_other": "Ortamlar",
+    "all": "Tümü"
+  },
   "ui": {
     "labels": "Etiketler",
     "metadata": "Meta Veriler",
@@ -92,12 +98,15 @@
     "history": "Geçmiş",
     "attachments": "Ekler",
     "retries": "Tekrar Denemeler",
+    "environments": "Ortam",
     "error": "Hata",
     "goToStep": "Adıma git",
     "showLess": "Daha az göster",
     "showMore": "Daha fazla göster",
     "copy": "Kopyala",
-    "at": "tarihinde"
+    "at": "tarihinde",
+    "variables": "Değişkenler",
+    "openPwTrace": "Playwright Trace'i aç"
   },
   "controls": {
     "newTabAttachment": "Eki yeni sekmede aç",

package/src/{i18n/locales → locales}/zh.json

@@ -11,9 +11,9 @@
     "retryTests": "重试"
   },
   "testSummary": {
-    "all": "所有测试",
+    "total": "总计",
     "flaky": "不稳定的测试",
-    "retry": "重试的测试",
+    "retries": "重试的测试",
     "new": "新的测试"
   },
   "tabs": {
@@ -67,7 +67,8 @@
     "no-history-results": "没有历史信息",
     "no-retries-results": "没有重试信息",
     "no-test-steps-results": "没有可用的测试步骤信息",
-    "no-test-case-results": "没有测试用例结果"
+    "no-test-case-results": "没有测试用例结果",
+    "no-environments-results": "没有环境信息"
   },
   "severity": {
     "blocker": "阻断",
@@ -82,6 +83,11 @@
     "setup": "设置",
     "teardown": "拆解"
   },
+  "environments": {
+    "environment_one": "环境",
+    "environment_other": "环境",
+    "all": "所有"
+  },
   "ui": {
     "labels": "标签",
     "metadata": "元数据",
@@ -92,12 +98,15 @@
     "history": "历史",
     "attachments": "附件",
     "retries": "重试",
+    "environments": "环境",
     "error": "错误",
     "goToStep": "跳转到步骤",
     "showLess": "显示更少",
     "showMore": "显示更多",
     "copy": "复制",
-    "at": "在"
+    "at": "在",
+    "variables": "变量",
+    "openPwTrace": "打开 Playwright Trace"
   },
   "controls": {
     "newTabAttachment": "在新标签页中打开附件",

package/src/stores/chart.ts

@@ -1,6 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
-import { StoreSignalState } from "@/stores/types";
+import type { StoreSignalState } from "@/stores/types";
 
 export const pieChartStore = signal<StoreSignalState<any>>({
   loading: true,
@@ -8,7 +8,7 @@ export const pieChartStore = signal<StoreSignalState<any>>({
   data: undefined,
 });
 
-export const fetchPieChartData = async () => {
+export const fetchPieChartData = async (env: string) => {
   pieChartStore.value = {
     ...pieChartStore.value,
     loading: true,
@@ -16,7 +16,7 @@ export const fetchPieChartData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData("widgets/allure_pie_chart.json");
+    const res = await fetchReportJsonData(env ? `widgets/${env}/pie_chart.json` : "widgets/pie_chart.json");
 
     pieChartStore.value = {
       data: res,

package/src/stores/env.ts

@@ -0,0 +1,88 @@
+import { type TestEnvGroup } from "@allurereport/core-api";
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { effect, signal } from "@preact/signals";
+import type { StoreSignalState } from "@/stores/types";
+import { loadFromLocalStorage } from "@/utils/loadFromLocalStorage";
+
+export const environmentsStore = signal<StoreSignalState<string[]>>({
+  loading: false,
+  error: undefined,
+  data: [],
+});
+
+export const testEnvGroupsStore = signal<StoreSignalState<Record<string, TestEnvGroup>>>({
+  loading: false,
+  error: undefined,
+  data: {},
+});
+
+export const collapsedEnvironments = signal<string[]>(loadFromLocalStorage<string[]>("collapsedEnvironments", []));
+
+export const currentEnvironment = signal<string>(loadFromLocalStorage<string>("currentEnvironment", ""));
+
+export const setCurrentEnvironment = (env: string) => {
+  currentEnvironment.value = env;
+};
+
+export const fetchEnvironments = async () => {
+  environmentsStore.value = {
+    ...environmentsStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<string[]>("widgets/environments.json");
+
+    environmentsStore.value = {
+      data: res,
+      error: undefined,
+      loading: false,
+    };
+  } catch (e) {
+    environmentsStore.value = {
+      ...environmentsStore.value,
+      error: e.message,
+      loading: false,
+    };
+  }
+};
+
+export const fetchTestEnvGroup = async (id: string) => {
+  if (testEnvGroupsStore.value.data[id]) {
+    return;
+  }
+
+  testEnvGroupsStore.value = {
+    ...testEnvGroupsStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<TestEnvGroup | undefined>(`data/test-env-groups/${id}.json`);
+
+    testEnvGroupsStore.value = {
+      data: {
+        ...testEnvGroupsStore.value.data,
+        [id]: res,
+      },
+      error: undefined,
+      loading: false,
+    };
+  } catch (e) {
+    testEnvGroupsStore.value = {
+      ...testEnvGroupsStore.value,
+      error: e.message,
+      loading: false,
+    };
+  }
+};
+
+effect(() => {
+  localStorage.setItem("currentEnvironment", JSON.stringify(currentEnvironment.value));
+});
+
+effect(() => {
+  localStorage.setItem("collapsedEnvironments", JSON.stringify([...collapsedEnvironments.value]));
+});

package/src/stores/locale.ts

@@ -1,8 +1,7 @@
-import { getReportOptions } from "@allurereport/web-commons";
+import { DEFAULT_LOCALE, LANG_LOCALE, type LangLocale, getReportOptions } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import i18next, { type TOptions } from "i18next";
 import type { AwesomeReportOptions } from "types";
-import { DEFAULT_LOCALE, LANG_LOCALE, type LangLocale } from "@/i18n/constants";
 
 const namespaces = [
   "empty",
@@ -22,10 +21,11 @@ const namespaces = [
   "errors",
   "split",
   "modal",
+  "environments",
 ];
 
 export const currentLocale = signal<LangLocale>("en" as LangLocale);
-export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value].iso);
+export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
 export const currentLocaleIsRTL = computed(() => ["ar", "he", "fa"].includes(currentLocale.value));
 
 export const getLocale = async () => {
@@ -43,7 +43,7 @@ export const waitForI18next = i18next
       namespace: string,
       callback: (errorValue: unknown, translations: null) => void,
     ) => {
-      await import(`@/i18n/locales/${language}.json`)
+      await import(`@/locales/${language}.json`)
         .then((resources: Record<string, null>) => {
           callback(null, resources[namespace]);
         })

package/src/stores/stats.ts

@@ -2,8 +2,9 @@ import type { Statistic } from "@allurereport/core-api";
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
 import type { StoreSignalState } from "@/stores/types";
+import type { AwesomeTree } from "../../types";
 
-export const statsStore = signal<StoreSignalState<Statistic>>({
+export const reportStatsStore = signal<StoreSignalState<Statistic>>({
   loading: true,
   error: undefined,
   data: {
@@ -11,26 +12,70 @@ export const statsStore = signal<StoreSignalState<Statistic>>({
   },
 });
 
-export const fetchStats = async () => {
-  statsStore.value = {
-    ...statsStore.value,
+export const statsByEnvStore = signal<StoreSignalState<Record<string, Statistic>>>({
+  loading: true,
+  error: undefined,
+  data: {},
+});
+
+export const fetchReportStats = async () => {
+  reportStatsStore.value = {
+    ...reportStatsStore.value,
     loading: true,
     error: undefined,
   };
 
   try {
-    const res = await fetchReportJsonData<Statistic>("widgets/allure_statistic.json");
+    const res = await fetchReportJsonData<Statistic>("widgets/statistic.json");
 
-    statsStore.value = {
+    reportStatsStore.value = {
       data: res,
       error: undefined,
       loading: false,
     };
   } catch (err) {
-    statsStore.value = {
+    reportStatsStore.value = {
       data: { total: 0 },
       error: err.message,
       loading: false,
     };
   }
 };
+
+export const fetchEnvStats = async (envs: string[]) => {
+  const envsToFetch = envs.filter((env) => !statsByEnvStore.value.data?.[env]);
+
+  // all envs have already been fetched
+  if (envsToFetch.length === 0) {
+    return;
+  }
+
+  statsByEnvStore.value = {
+    ...statsByEnvStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const data = await Promise.all(
+      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/statistic.json`)),
+    );
+
+    statsByEnvStore.value = {
+      data: envs.reduce((acc, env, index) => {
+        return {
+          ...acc,
+          [env]: data[index],
+        };
+      }, {}),
+      loading: false,
+      error: undefined,
+    };
+  } catch (err) {
+    statsByEnvStore.value = {
+      ...statsByEnvStore.value,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/src/stores/testResults.ts

@@ -3,25 +3,25 @@ import { signal } from "@preact/signals";
 import { type AwesomeTestResult } from "../../types";
 import { type StoreSignalState } from "./types";
 
-export type TestResultsStoreState = Record<string, AwesomeTestResult>;
+export type TrStoreState = Record<string, AwesomeTestResult>;
 
-export type TestResultNavStoreState = string[];
+export type TrNavStoreState = string[];
 
-export const testResultStore = signal<StoreSignalState<TestResultsStoreState>>({
+export const testResultStore = signal<StoreSignalState<TrStoreState>>({
   loading: true,
   error: undefined,
   data: undefined,
 });
 
-export const testResultNavStore = signal<StoreSignalState<TestResultNavStoreState>>({
+export const testResultNavStore = signal<StoreSignalState<TrNavStoreState>>({
   loading: true,
   error: undefined,
   data: undefined,
 });
 
-export const fetchTestResultNav = async () => {
+export const fetchTestResultNav = async (env?: string) => {
   try {
-    const data = await fetchReportJsonData<string[]>("widgets/nav.json");
+    const data = await fetchReportJsonData<string[]>(env ? `widgets/${env}/nav.json` : "widgets/nav.json");
 
     testResultNavStore.value = {
       data,

package/src/stores/tree.ts

@@ -1,4 +1,5 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
+import type { RecursiveTree } from "@allurereport/web-components/global";
 import { computed, effect, signal } from "@preact/signals";
 import type { AwesomeStatus, AwesomeTree, AwesomeTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
@@ -16,16 +17,19 @@ export type TreeFiltersState = {
   direction: TreeDirection;
 };
 
-export const treeStore = signal<StoreSignalState<AwesomeTree>>({
+export const treeStore = signal<StoreSignalState<Record<string, AwesomeTree>>>({
   loading: true,
   error: undefined,
   data: undefined,
 });
 
-export const noTests = computed(() => !Object.keys(treeStore?.value?.data?.leavesById).length);
+export const noTests = computed(() => {
+  return Object.values(treeStore?.value?.data ?? {}).every(
+    ({ leavesById }) => !leavesById || !Object.keys(leavesById).length,
+  );
+});
 
-const loadedFromLS = loadFromLocalStorage<string[]>("collapsedTrees", []);
-export const collapsedTrees = signal(new Set(loadedFromLS as string[]));
+export const collapsedTrees = signal(new Set(loadFromLocalStorage<string[]>("collapsedTrees", [])));
 
 effect(() => {
   localStorage.setItem("collapsedTrees", JSON.stringify([...collapsedTrees.value]));
@@ -66,18 +70,30 @@ effect(() => {
 });
 
 export const filteredTree = computed(() => {
-  const { root, leavesById, groupsById } = treeStore.value.data;
-
-  return createRecursiveTree({
-    group: root as AwesomeTreeGroup,
-    leavesById,
-    groupsById,
-    filterOptions: treeFiltersStore.value,
-  });
+  return Object.entries(treeStore.value.data).reduce(
+    (acc, [key, value]) => {
+      if (!value) {
+        return acc;
+      }
+
+      const { root, leavesById, groupsById } = value;
+      const tree = createRecursiveTree({
+        group: root as AwesomeTreeGroup,
+        leavesById,
+        groupsById,
+        filterOptions: treeFiltersStore.value,
+      });
+
+      return Object.assign(acc, {
+        [key]: tree,
+      });
+    },
+    {} as Record<string, RecursiveTree>,
+  );
 });
 
 export const noTestsFound = computed(() => {
-  return isRecursiveTreeEmpty(filteredTree.value);
+  return Object.values(filteredTree.value).every(isRecursiveTreeEmpty);
 });
 
 export const clearTreeFilters = () => {
@@ -132,7 +148,14 @@ export const setTreeFilter = (filterKey: TreeFilters, value: boolean) => {
   };
 };
 
-export const fetchTreeData = async () => {
+export const fetchEnvTreesData = async (envs: string[]) => {
+  const envsToFetch = envs.filter((env) => !treeStore.value.data?.[env]);
+
+  // all envs have already been fetched
+  if (envsToFetch.length === 0) {
+    return;
+  }
+
   treeStore.value = {
     ...treeStore.value,
     loading: true,
@@ -140,12 +163,20 @@ export const fetchTreeData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<AwesomeTree>("widgets/tree.json");
+    const data = await Promise.all(
+      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/tree.json`)),
+    );
 
     treeStore.value = {
-      data: res,
-      error: undefined,
+      data: envs.reduce(
+        (acc, env, index) => ({
+          ...acc,
+          [env]: data[index],
+        }),
+        {},
+      ),
       loading: false,
+      error: undefined,
     };
   } catch (e) {
     treeStore.value = {