@allurereport/web-awesome 3.0.0 → 3.0.1

package/src/components/TestResult/TrEmpty/index.tsx

@@ -9,13 +9,7 @@ const TrThumb = () => {
   return (
     <div className={styles["test-result-thumb"]}>
       <div className={styles["test-result-thumb-wrapper"]}>
-        <SvgIcon
-          size={"m"}
-          width={"32px"}
-          height={"32px"}
-          id={allureIcons.lineDevCodeSquare}
-          className={styles["test-result-thumb-icon"]}
-        />
+        <SvgIcon size={"xl"} id={allureIcons.lineDevCodeSquare} className={styles["test-result-thumb-icon"]} />
         <Text className={styles["test-result-thumb-text"]}>{t("no-test-case-results")}</Text>
       </div>
     </div>

package/src/components/TestResult/TrError/index.tsx

@@ -13,7 +13,15 @@ import * as styles from "./styles.scss";
 const TrErrorTrace = ({ trace }: { trace: string }) => {
   const sanitizedTrace = ansiToHTML(trace, {
     fg: "var(--on-text-primary)",
-    colors: {},
+    bg: "none",
+    colors: {
+      0: "none",
+      1: "none",
+      2: "var(--on-support-sirius)",
+      3: "var(--on-support-atlas)",
+      4: "var(--bg-support-skat)",
+      5: "var(--on-support-betelgeuse)",
+    },
   });
 
   return (
@@ -88,7 +96,6 @@ export const TrError: FunctionalComponent<TestError & { className?: string; stat
       ) : (
         empty("no-message-provided")
       )}
-
       {Boolean(actual && actual !== "undefined" && expected && expected !== "undefined") && (
         <Button
           style={"flat"}

package/src/components/TestResult/TrSteps/TrStep.tsx

@@ -1,5 +1,5 @@
-import type { DefaultTestStepResult, TestStatus, TestStepResult } from "@allurereport/core-api";
-import { ArrowButton, Code, SvgIcon, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
+import type { DefaultTestStepResult, TestStepResult } from "@allurereport/core-api";
+import { ArrowButton, Code, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
 import { MetadataList } from "@/components/Metadata";
@@ -26,7 +26,7 @@ export const TrStepsContent = (props: { item: DefaultTestStepResult }) => {
   return (
     <div data-testid={"test-result-step-content"} className={styles["test-result-step-content"]}>
       {Boolean(item?.parameters?.length) && <TrStepParameters parameters={item.parameters} />}
-      {Boolean(item?.message && item?.trace && !item?.hasSimilarErrorInSubSteps) && <TrError {...item} />}
+      {Boolean((item?.message || item?.trace) && !item?.hasSimilarErrorInSubSteps) && <TrError {...item} />}
       {Boolean(item?.steps?.length) && (
         <>
           {item.steps?.map((subItem, key) => {

package/src/components/Tree/index.tsx

@@ -1,21 +1,12 @@
 import { Button, Loadable, PageLoader, Text, Tree, TreeStatusBar } from "@allurereport/web-components";
 import { useMemo } from "preact/hooks";
-import type { AwesomeStatus } from "types";
 import { MetadataButton } from "@/components/MetadataButton";
-import { useTabsContext } from "@/components/Tabs";
 import { reportStatsStore, statsByEnvStore } from "@/stores";
 import { collapsedEnvironments, currentEnvironment, environmentsStore } from "@/stores/env";
 import { useI18n } from "@/stores/locale";
 import { navigateTo, route } from "@/stores/router";
-import {
-  clearTreeFilters,
-  collapsedTrees,
-  filteredTree,
-  noTests,
-  noTestsFound,
-  toggleTree,
-  treeStore,
-} from "@/stores/tree";
+import { collapsedTrees, filteredTree, noTests, noTestsFound, toggleTree, treeStore } from "@/stores/tree";
+import { clearTreeFilters, treeStatus } from "@/stores/treeFilters";
 import { createTreeLocalizer } from "@/utils/tree";
 import * as styles from "./styles.scss";
 
@@ -23,12 +14,13 @@ export const TreeList = () => {
   const { t } = useI18n("empty");
   const { t: tEnvironments } = useI18n("environments");
   const { t: tooltip } = useI18n("transitions");
-  const { currentTab } = useTabsContext();
   const routeId = route.value.params?.testResultId;
 
+  const currentTreeStatus = treeStatus.value;
+
   const localizers = useMemo(
     () => ({
-      tooltip: (key: string) => t(`description.${key}`),
+      tooltip: (key: string, options: Record<string, string>) => tooltip(`description.${key}`, options),
     }),
     [tooltip],
   );
@@ -82,7 +74,7 @@ export const TreeList = () => {
                 toggleTree={toggleTree}
                 navigateTo={navigateTo}
                 tree={treeLocalizer(filteredTree.value.default)}
-                statusFilter={currentTab as AwesomeStatus}
+                statusFilter={currentTreeStatus}
                 routeId={routeId}
                 root
               />
@@ -102,7 +94,7 @@ export const TreeList = () => {
                 toggleTree={toggleTree}
                 navigateTo={navigateTo}
                 tree={treeLocalizer(currentTree)}
-                statusFilter={currentTab as AwesomeStatus}
+                statusFilter={currentTreeStatus}
                 routeId={routeId}
                 root
               />
@@ -141,7 +133,7 @@ export const TreeList = () => {
                     <TreeStatusBar
                       statistic={stats}
                       reportStatistic={reportStatsStore.value.data}
-                      statusFilter={currentTab}
+                      statusFilter={currentTreeStatus}
                     />
                   </div>
                   {isOpened && (
@@ -151,7 +143,7 @@ export const TreeList = () => {
                         reportStatistic={reportStatsStore.value.data}
                         collapsedTrees={collapsedTrees.value}
                         toggleTree={toggleTree}
-                        statusFilter={currentTab}
+                        statusFilter={currentTreeStatus}
                         navigateTo={navigateTo}
                         tree={treeLocalizer(value)}
                         routeId={routeId}

package/src/index.tsx

@@ -3,7 +3,6 @@ import { Spinner, SvgIcon, allureIcons } from "@allurereport/web-components";
 import "@allurereport/web-components/index.css";
 import clsx from "clsx";
 import { render } from "preact";
-import "preact/debug";
 import { useEffect, useState } from "preact/hooks";
 import "@/assets/scss/index.scss";
 import { Footer } from "@/components/Footer";

package/src/locales/az.json

@@ -366,7 +366,9 @@
       "new": "Bu test nəticəsinin hesabatda ilk dəfə görünməsi",
       "fixed": "Əvvəl \"uğursuz\" və ya \"sınıq\" olan, indi \"uğurlu\" olan test",
       "regressed": "Əvvəl \"uğurlu\" və ya \"sınıq\" olan, indi \"uğursuz\" olan test",
-      "malfunctioned": "Əvvəl \"uğurlu\" və ya \"uğursuz\" olan, indi \"sınıq\" olan test"
+      "malfunctioned": "Əvvəl \"uğurlu\" və ya \"uğursuz\" olan, indi \"sınıq\" olan test",
+      "retries": "{{count}} yenidən cəhd",
+      "flaky": "İcra nəticələri qeyri-sabitdir"
     },
     "new": "Yeni",
     "fixed": "Düzəldilmiş",

package/src/locales/de.json

@@ -366,7 +366,9 @@
       "new": "Erstes Auftreten dieses Testergebnisses im Bericht",
       "fixed": "Zuvor \"fehlgeschlagen\" oder \"defekt\" gewesener Test, der jetzt \"erfolgreich\" ist",
       "regressed": "Zuvor \"erfolgreich\" oder \"defekt\" gewesener Test, der jetzt \"fehlgeschlagen\" ist",
-      "malfunctioned": "Zuvor \"erfolgreich\" oder \"fehlgeschlagen\" gewesener Test, der jetzt \"defekt\" ist"
+      "malfunctioned": "Zuvor \"erfolgreich\" oder \"fehlgeschlagen\" gewesener Test, der jetzt \"defekt\" ist",
+      "retries": "{{count}} Wiederholungen",
+      "flaky": "Inkonsistent über mehrere Läufe"
     },
     "new": "Neu",
     "fixed": "Behoben",

package/src/locales/en.json

@@ -35,7 +35,7 @@
     "new": "New",
     "fixed": "Fixed",
     "regressed": "Regressed",
-    "malfunctioned": "Malfuctioned"
+    "malfunctioned": "Malfunctioned"
   },
   "filters.description": {
     "flaky": "Show unstable tests",
@@ -366,7 +366,9 @@
       "new": "The first occurrence of this test result in the report",
       "fixed": "A previously \"failed\" or \"broken\" test that is now \"passed\"",
       "regressed": "A previously \"passed\" or \"broken\" test that is now \"failed\"",
-      "malfunctioned": "A previously \"passed\" or \"failed\" test that is now \"broken\""
+      "malfunctioned": "A previously \"passed\" or \"failed\" test that is now \"broken\"",
+      "retries": "{{count}} retries",
+      "flaky": "Inconsistent across runs"
     },
     "new": "new",
     "fixed": "fixed",

package/src/locales/es.json

@@ -366,7 +366,9 @@
       "new": "Primera aparición de este resultado de prueba en el informe",
       "fixed": "Prueba que anteriormente \"falló\" o estaba \"rota\" y ahora está \"aprobada\"",
       "regressed": "Prueba que anteriormente estaba \"aprobada\" o \"rota\" y ahora \"falló\"",
-      "malfunctioned": "Prueba que anteriormente estaba \"aprobada\" o \"falló\" y ahora está \"rota\""
+      "malfunctioned": "Prueba que anteriormente estaba \"aprobada\" o \"falló\" y ahora está \"rota\"",
+      "retries": "{{count}} reintentos",
+      "flaky": "Resultados inconsistentes entre ejecuciones"
     },
     "new": "Nuevo",
     "fixed": "Corregido",

package/src/locales/fr.json

@@ -366,7 +366,9 @@
       "new": "Première apparition de ce résultat de test dans le rapport",
       "fixed": "Test précédemment \"échoué\" ou \"cassé\" qui est maintenant \"réussi\"",
       "regressed": "Test précédemment \"réussi\" ou \"cassé\" qui est maintenant \"échoué\"",
-      "malfunctioned": "Test précédemment \"réussi\" ou \"échoué\" qui est maintenant \"cassé\""
+      "malfunctioned": "Test précédemment \"réussi\" ou \"échoué\" qui est maintenant \"cassé\"",
+      "retries": "{{count}} tentatives",
+      "flaky": "Incohérent entre les exécutions"
     },
     "new": "Nouveaux",
     "fixed": "Corrigés",

package/src/locales/he.json

@@ -366,7 +366,9 @@
       "new": "הופעה ראשונה של תוצאת בדיקה זו בדוח",
       "fixed": "בדיקה שהייתה קודם \"נכשלה\" או \"שבורה\" ועכשיו \"עברה\"",
       "regressed": "בדיקה שהייתה קודם \"עברה\" או \"שבורה\" ועכשיו \"נכשלה\"",
-      "malfunctioned": "בדיקה שהייתה קודם \"עברה\" או \"נכשלה\" ועכשיו \"שבורה\""
+      "malfunctioned": "בדיקה שהייתה קודם \"עברה\" או \"נכשלה\" ועכשיו \"שבורה\"",
+      "retries": "{{count}} ניסיונות חוזרים",
+      "flaky": "לא עקבי בין הרצות"
     },
     "new": "חדש",
     "fixed": "מתוקן",

package/src/locales/hy.json

@@ -366,7 +366,9 @@
       "new": "Այս թեստի արդյունքի առաջին հայտնվելը հաշվետվությունում",
       "fixed": "Նախկինում \"ձախողված\" կամ \"կոտրված\" թեստ, որը այժմ \"անցել\" է",
       "regressed": "Նախկինում \"անցած\" կամ \"կոտրված\" թեստ, որը այժմ \"ձախողվել\" է",
-      "malfunctioned": "Նախկինում \"անցած\" կամ \"ձախողված\" թեստ, որը այժմ \"կոտրված\" է"
+      "malfunctioned": "Նախկինում \"անցած\" կամ \"ձախողված\" թեստ, որը այժմ \"կոտրված\" է",
+      "retries": "{{count}} կրկնափորձ",
+      "flaky": "Անհետևողական տարբեր գործարկումների ընթացքում"
     },
     "new": "Նոր",
     "fixed": "Ուղղված",

package/src/locales/it.json

@@ -366,7 +366,9 @@
       "new": "Prima apparizione di questo risultato del test nel report",
       "fixed": "Test precedentemente \"fallito\" o \"danneggiato\" che ora è \"superato\"",
       "regressed": "Test precedentemente \"superato\" o \"danneggiato\" che ora è \"fallito\"",
-      "malfunctioned": "Test precedentemente \"superato\" o \"fallito\" che ora è \"danneggiato\""
+      "malfunctioned": "Test precedentemente \"superato\" o \"fallito\" che ora è \"danneggiato\"",
+      "retries": "{{count}} tentativi",
+      "flaky": "Incoerente tra le esecuzioni"
     },
     "new": "Nuovi",
     "fixed": "Corretti",

package/src/locales/ja.json

@@ -366,7 +366,9 @@
       "new": "このテスト結果がレポートに初めて表示される",
       "fixed": "以前「失敗」または「破損」だったテストが「成功」になった",
       "regressed": "以前「成功」または「破損」だったテストが「失敗」になった",
-      "malfunctioned": "以前「成功」または「失敗」だったテストが「破損」になった"
+      "malfunctioned": "以前「成功」または「失敗」だったテストが「破損」になった",
+      "retries": "{{count}} 回の再試行",
+      "flaky": "実行ごとに結果が不安定"
     },
     "new": "新規",
     "fixed": "修正済み",

package/src/locales/ka.json

@@ -366,7 +366,9 @@
       "new": "ამ ტესტის შედეგის პირველი გამოჩენა ანგარიშში",
       "fixed": "ადრე \"წარუმატებელი\" ან \"დამტვრეული\" ტესტი, რომელიც ახლა \"წარმატებული\"ა",
       "regressed": "ადრე \"წარმატებული\" ან \"დამტვრეული\" ტესტი, რომელიც ახლა \"წარუმატებელი\"ა",
-      "malfunctioned": "ადრე \"წარმატებული\" ან \"წარუმატებელი\" ტესტი, რომელიც ახლა \"დამტვრეული\"ა"
+      "malfunctioned": "ადრე \"წარმატებული\" ან \"წარუმატებელი\" ტესტი, რომელიც ახლა \"დამტვრეული\"ა",
+      "retries": "{{count}} ხელახალი ცდა",
+      "flaky": "შედეგები არასტაბილურია გაშვებებს შორის"
     },
     "new": "ახალი",
     "fixed": "გასწორებული",

package/src/locales/kr.json

@@ -366,7 +366,9 @@
       "new": "이 테스트 결과가 보고서에 처음 나타남",
       "fixed": "이전에 \"실패\" 또는 \"손상됨\"이었던 테스트가 이제 \"통과\"됨",
       "regressed": "이전에 \"통과\" 또는 \"손상됨\"이었던 테스트가 이제 \"실패\"됨",
-      "malfunctioned": "이전에 \"통과\" 또는 \"실패\"였던 테스트가 이제 \"손상됨\"됨"
+      "malfunctioned": "이전에 \"통과\" 또는 \"실패\"였던 테스트가 이제 \"손상됨\"됨",
+      "retries": "{{count}}회 재시도",
+      "flaky": "실행마다 결과가 불안정함"
     },
     "new": "새로운",
     "fixed": "수정됨",

package/src/locales/nl.json

@@ -366,7 +366,9 @@
       "new": "Eerste keer dat dit testresultaat in het rapport verschijnt",
       "fixed": "Eerder \"mislukt\" of \"gebroken\" test die nu \"geslaagd\" is",
       "regressed": "Eerder \"geslaagd\" of \"gebroken\" test die nu \"mislukt\" is",
-      "malfunctioned": "Eerder \"geslaagd\" of \"mislukt\" test die nu \"gebroken\" is"
+      "malfunctioned": "Eerder \"geslaagd\" of \"mislukt\" test die nu \"gebroken\" is",
+      "retries": "{{count}} pogingen",
+      "flaky": "Inconsistent tussen runs"
     },
     "new": "Nieuw",
     "fixed": "Opgelost",

package/src/locales/pl.json

@@ -374,7 +374,9 @@
       "new": "Pierwsze wystąpienie tego wyniku testu w raporcie",
       "fixed": "Wcześniej \"nieudany\" lub \"uszkodzony\" test, który teraz jest \"udany\"",
       "regressed": "Wcześniej \"udany\" lub \"uszkodzony\" test, który teraz jest \"nieudany\"",
-      "malfunctioned": "Wcześniej \"udany\" lub \"nieudany\" test, który teraz jest \"uszkodzony\""
+      "malfunctioned": "Wcześniej \"udany\" lub \"nieudany\" test, który teraz jest \"uszkodzony\"",
+      "retries": "{{count}} ponowień",
+      "flaky": "Niespójny pomiędzy uruchomieniami"
     },
     "new": "Nowe",
     "fixed": "Naprawione",

package/src/locales/pt.json

@@ -366,7 +366,9 @@
       "new": "Primeira ocorrência deste resultado de teste no relatório",
       "fixed": "Teste anteriormente \"falhou\" ou \"quebrado\" que agora está \"aprovado\"",
       "regressed": "Teste anteriormente \"aprovado\" ou \"quebrado\" que agora está \"falhou\"",
-      "malfunctioned": "Teste anteriormente \"aprovado\" ou \"falhou\" que agora está \"quebrado\""
+      "malfunctioned": "Teste anteriormente \"aprovado\" ou \"falhou\" que agora está \"quebrado\"",
+      "retries": "{{count}} tentativas",
+      "flaky": "Inconsistente entre execuções"
     },
     "new": "Novo",
     "fixed": "Corrigido",

package/src/locales/ru.json

@@ -374,7 +374,9 @@
       "new": "Первое появление этого результата теста в отчёте",
       "fixed": "Ранее \"неуспешный\" или \"сломанный\" тест, который теперь \"успешный\"",
       "regressed": "Ранее \"успешный\" или \"сломанный\" тест, который теперь \"неуспешный\"",
-      "malfunctioned": "Ранее \"успешный\" или \"неуспешный\" тест, который теперь \"сломанный\""
+      "malfunctioned": "Ранее \"успешный\" или \"неуспешный\" тест, который теперь \"сломанный\"",
+      "retries": "{{count}} повторов",
+      "flaky": "Нестабилен между запусками"
     },
     "new": "Новые",
     "fixed": "Исправленные",

package/src/locales/sv.json

@@ -366,7 +366,9 @@
       "new": "Första förekomsten av detta testresultat i rapporten",
       "fixed": "Tidigare \"misslyckad\" eller \"trasig\" test som nu är \"godkänd\"",
       "regressed": "Tidigare \"godkänd\" eller \"trasig\" test som nu är \"misslyckad\"",
-      "malfunctioned": "Tidigare \"godkänd\" eller \"misslyckad\" test som nu är \"trasig\""
+      "malfunctioned": "Tidigare \"godkänd\" eller \"misslyckad\" test som nu är \"trasig\"",
+      "retries": "{{count}} omkörningar",
+      "flaky": "Inkonsekvent mellan körningar"
     },
     "new": "Ny",
     "fixed": "Åtgärdad",

package/src/locales/tr.json

@@ -366,7 +366,9 @@
       "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",

package/src/locales/ua.json

@@ -317,7 +317,9 @@
       "new": "Перша поява цього результату тесту в звіті",
       "fixed": "Раніше \"неуспішний\" або \"зламаний\" тест, який тепер \"успішний\"",
       "regressed": "Раніше \"успішний\" або \"зламаний\" тест, який тепер \"неуспішний\"",
-      "malfunctioned": "Раніше \"успішний\" або \"неуспішний\" тест, який тепер \"зламаний\""
+      "malfunctioned": "Раніше \"успішний\" або \"неуспішний\" тест, який тепер \"зламаний\"",
+      "retries": "{{count}} повторних спроб",
+      "flaky": "Нестабільний між запусками"
     },
     "new": "Нові",
     "fixed": "Виправлені",

package/src/locales/zh.json

@@ -366,7 +366,9 @@
       "new": "此测试结果在报告中的首次出现",
       "fixed": "之前\"失败\"或\"损坏\"的测试现在\"通过\"了",
       "regressed": "之前\"通过\"或\"损坏\"的测试现在\"失败\"了",
-      "malfunctioned": "之前\"通过\"或\"失败\"的测试现在\"损坏\"了"
+      "malfunctioned": "之前\"通过\"或\"失败\"的测试现在\"损坏\"了",
+      "retries": "{{count}} 次重试",
+      "flaky": "多次运行结果不一致"
     },
     "new": "新的",
     "fixed": "已修复",

package/src/stores/tree.ts

@@ -1,21 +1,11 @@
 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 { AwesomeTree, AwesomeTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
 import { loadFromLocalStorage } from "@/utils/loadFromLocalStorage";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
-
-export type TreeSortBy = "order" | "duration" | "status" | "alphabet";
-export type TreeDirection = "asc" | "desc";
-export type TreeFilters = "flaky" | "retry" | "new" | "fixed" | "regressed" | "malfunctioned";
-export type TreeFiltersState = {
-  query: string;
-  status: AwesomeStatus;
-  filter: Record<TreeFilters, boolean>;
-  sortBy: TreeSortBy;
-  direction: TreeDirection;
-};
+import { treeDirection, treeFilter, treeQuery, treeSortBy, treeStatus } from "./treeFilters";
 
 export const treeStore = signal<StoreSignalState<Record<string, AwesomeTree>>>({
   loading: true,
@@ -45,115 +35,6 @@ export const toggleTree = (id: string) => {
   collapsedTrees.value = newSet;
 };
 
-export const selectedFilters = signal(new Set(loadFromLocalStorage("selectedFilters", []) as []));
-
-effect(() => {
-  localStorage.setItem("selectedFilters", JSON.stringify([...selectedFilters.value]));
-});
-
-export const treeFiltersStore = signal<TreeFiltersState>(
-  loadFromLocalStorage<TreeFiltersState>("treeFilters", {
-    query: "",
-    status: "total",
-    filter: {
-      flaky: false,
-      retry: false,
-      new: false,
-      fixed: false,
-      regressed: false,
-      malfunctioned: false,
-    },
-    sortBy: "order",
-    direction: "asc",
-  }) as TreeFiltersState,
-);
-
-effect(() => {
-  localStorage.setItem("treeFilters", JSON.stringify(treeFiltersStore.value));
-});
-
-export const filteredTree = computed(() => {
-  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 Object.values(filteredTree.value).every(isRecursiveTreeEmpty);
-});
-
-export const clearTreeFilters = () => {
-  treeFiltersStore.value = {
-    query: "",
-    status: "total",
-    filter: {
-      flaky: false,
-      retry: false,
-      new: false,
-      fixed: false,
-      regressed: false,
-      malfunctioned: false,
-    },
-    sortBy: "order",
-    direction: "asc",
-  };
-};
-
-export const setTreeQuery = (query: string) => {
-  treeFiltersStore.value = {
-    ...treeFiltersStore.value,
-    query,
-  };
-};
-
-export const setTreeStatus = (status: AwesomeStatus) => {
-  treeFiltersStore.value = {
-    ...treeFiltersStore.value,
-    status,
-  };
-};
-
-export const setTreeSortBy = (sortBy: TreeSortBy) => {
-  treeFiltersStore.value = {
-    ...treeFiltersStore.value,
-    sortBy,
-  };
-};
-
-export const setTreeDirection = (direction: TreeDirection) => {
-  treeFiltersStore.value = {
-    ...treeFiltersStore.value,
-    direction,
-  };
-};
-
-export const setTreeFilter = (filterKey: TreeFilters, value: boolean) => {
-  treeFiltersStore.value = {
-    ...treeFiltersStore.value,
-    filter: {
-      ...treeFiltersStore.value.filter,
-      [filterKey]: value,
-    },
-  };
-};
-
 export const fetchEnvTreesData = async (envs: string[]) => {
   const envsToFetch = envs.filter((env) => !treeStore.value.data?.[env]);
 
@@ -195,3 +76,38 @@ export const fetchEnvTreesData = async (envs: string[]) => {
     };
   }
 };
+
+const treeEntries = computed(() => (treeStore.value.data ? Object.entries(treeStore.value.data) : []));
+
+export const filteredTree = computed(() => {
+  return treeEntries.value.reduce(
+    (acc, [key, value]) => {
+      if (!value) {
+        return acc;
+      }
+
+      const { root, leavesById, groupsById } = value;
+      const tree = createRecursiveTree({
+        group: root as AwesomeTreeGroup,
+        leavesById,
+        groupsById,
+        filterOptions: {
+          query: treeQuery.value,
+          status: treeStatus.value,
+          filter: treeFilter.value,
+          sortBy: treeSortBy.value,
+          direction: treeDirection.value,
+        },
+      });
+
+      return Object.assign(acc, {
+        [key]: tree,
+      });
+    },
+    {} as Record<string, RecursiveTree>,
+  );
+});
+
+export const noTestsFound = computed(
+  () => !Object.values(filteredTree.value).some((tree) => !isRecursiveTreeEmpty(tree)),
+);

package/src/stores/treeFilters/actions.ts

@@ -0,0 +1,67 @@
+import type { TestStatusTransition } from "@allurereport/core-api";
+import { batch } from "@preact/signals";
+import type { AwesomeStatus } from "types";
+import { treeDirection, treeFilter, treeQuery, treeSortBy, treeStatus } from ".";
+import { transitionFiltersList } from "./constants";
+import type { TreeDirection, TreeSortBy } from "./types";
+
+export const clearTreeFilters = () => {
+  batch(() => {
+    treeQuery.value = "";
+    treeStatus.value = "total";
+    treeFilter.value = {
+      flaky: false,
+      retry: false,
+      new: false,
+      fixed: false,
+      regressed: false,
+      malfunctioned: false,
+    };
+  });
+};
+
+export const setTreeQuery = (query: string) => {
+  treeQuery.value = query;
+};
+
+export const setTreeStatus = (status: AwesomeStatus) => {
+  treeStatus.value = status;
+};
+
+export const setTreeSortBy = (sortBy: TreeSortBy) => {
+  treeSortBy.value = sortBy;
+};
+
+export const setTreeDirection = (direction: TreeDirection) => {
+  treeDirection.value = direction;
+};
+
+export const setFilters = (filters: Record<string, boolean>) => {
+  treeFilter.value = {
+    ...treeFilter.peek(),
+    ...filters,
+  };
+};
+
+export const setTestTypeFilter = (testType: "flaky" | "retry", value: boolean) => {
+  treeFilter.value = {
+    ...treeFilter.peek(),
+    [testType]: value,
+  };
+};
+
+export const setTransitionFilter = (transition: TestStatusTransition, value: boolean) => {
+  treeFilter.value = {
+    ...treeFilter.peek(),
+    ...transitionFiltersList.reduce(
+      (acc, t) => {
+        acc[t] = false;
+        if (t === transition) {
+          acc[t] = value;
+        }
+        return acc;
+      },
+      {} as Record<TestStatusTransition, boolean>,
+    ),
+  };
+};

package/src/stores/treeFilters/constants.ts

@@ -0,0 +1,7 @@
+import type { TestStatusTransition } from "@allurereport/core-api";
+
+export const testTypeFiltersList = ["flaky", "retry"];
+
+export const transitionFiltersList = ["new", "fixed", "regressed", "malfunctioned"] as TestStatusTransition[];
+
+export const filtersList = [...testTypeFiltersList, ...transitionFiltersList] as const;

package/src/stores/treeFilters/index.ts

@@ -0,0 +1,3 @@
+export * from "./store";
+export * from "./actions";
+export type * from "./types";