@allurereport/web-awesome 3.0.0-beta.7 → 3.0.0-beta.9

package/src/components/TestResult/TestResultSteps/testResultStepInfo.tsx

@@ -0,0 +1,30 @@
+import { type DefaultTestStepResult, formatDuration } from "@allurereport/core-api";
+import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+
+export const TestResultStepInfo = (props: { item: DefaultTestStepResult }) => {
+  const { item } = props;
+  const formattedDuration = formatDuration(item?.duration as number);
+  const stepLength = item.steps?.length;
+  const attachmentLength = item.steps?.filter((step) => step.type === "attachment")?.length;
+
+  return (
+    <div className={styles["item-info"]}>
+      {Boolean(stepLength) && (
+        <div className={styles["item-info-step"]}>
+          <SvgIcon id={allureIcons.lineArrowsCornerDownRight} className={styles["item-info-step-icon"]} />
+          <Text size={"s"}>{stepLength}</Text>
+        </div>
+      )}
+      {Boolean(attachmentLength) && (
+        <div className={styles["item-info-step"]}>
+          <SvgIcon id={allureIcons.lineFilesFileAttachment2} className={styles["item-info-step-icon"]} />
+          <Text size={"s"}>{attachmentLength}</Text>
+        </div>
+      )}
+      <Text type="ui" size={"s"} className={styles["item-time"]}>
+        {formattedDuration}
+      </Text>
+    </div>
+  );
+};

package/src/components/{app/TestResult → TestResult}/TestResultSteps/wrongAttachment.tsx

@@ -1,4 +1,4 @@
-import * as styles from "@/components/app/TestResult/TestResultSteps/styles.scss";
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { useI18n } from "@/stores";
 
 export const EmptyComponent = () => {

package/src/components/{app/TestResult → TestResult}/TestResultTabs/index.tsx

@@ -1,6 +1,6 @@
+import { Text } from "@allurereport/web-components";
 import { type ComponentChildren, createContext } from "preact";
 import { useContext, useState } from "preact/hooks";
-import { Text } from "@/components/commons/Typography";
 import * as styles from "./styles.scss";
 
 type TestResultTabsContextT = {

package/src/components/{app/TestResult → TestResult}/TestResultTeardown/index.tsx

@@ -1,12 +1,13 @@
+import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { AllureAwesomeTestResult } from "types";
-import lineHelpersFlag from "@/assets/svg/line-helpers-flag.svg";
-import { TestResultDropdown } from "@/components/app/TestResult/TestResultDropdown";
-import * as styles from "@/components/app/TestResult/TestResultSteps/styles.scss";
-import { TestResultAttachment } from "@/components/app/TestResult/TestResultSteps/testResultAttachment";
-import { TestResultStep } from "@/components/app/TestResult/TestResultSteps/testResultStep";
+import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
+import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
+import { TestResultStep } from "@/components/TestResult/TestResultSteps/testResultStep";
 import { useI18n } from "@/stores/locale";
+import { collapsedTrees, toggleTree } from "@/stores/tree";
 
 const typeMap = {
   before: TestResultStep,
@@ -17,18 +18,27 @@ const typeMap = {
 
 export type TestResultTeardownProps = {
   teardown: AllureAwesomeTestResult["teardown"];
+  id: string;
 };
 
-export const TestResultTeardown: FunctionalComponent<TestResultTeardownProps> = ({ teardown }) => {
-  const [isOpened, setIsOpen] = useState(false);
+export const TestResultTeardown: FunctionalComponent<TestResultTeardownProps> = ({ teardown, id }) => {
+  const teardownId = `${id}-teardown`;
+  const isEarlyCollapsed = !collapsedTrees.value.has(teardownId);
+  const [isOpened, setIsOpen] = useState<boolean>(isEarlyCollapsed);
+
+  const handleClick = () => {
+    setIsOpen(!isOpened);
+    toggleTree(teardownId);
+  };
+
   const { t } = useI18n("execution");
 
   return (
     <div className={styles["test-result-steps"]}>
       <TestResultDropdown
-        icon={lineHelpersFlag.id}
+        icon={allureIcons.lineHelpersFlag}
         isOpened={isOpened}
-        setIsOpen={setIsOpen}
+        setIsOpen={handleClick}
         counter={teardown?.length}
         title={t("teardown")}
       />

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

@@ -0,0 +1,23 @@
+import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+import { useI18n } from "@/stores";
+import * as styles from "./styles.scss";
+
+const TestStepsEmpty = () => {
+  const { t } = useI18n("empty");
+  return (
+    <div className={styles["test-steps-empty"]}>
+      <div className={styles["test-steps-empty-wrapper"]}>
+        <SvgIcon
+          size={"m"}
+          width={"32px"}
+          height={"32px"}
+          id={allureIcons.lineDevCodeSquare}
+          className={styles["test-steps-empty-icon"]}
+        />
+        <Text className={styles["test-steps-empty-text"]}>{t("no-test-steps-results")}</Text>
+      </div>
+    </div>
+  );
+};
+
+export default TestStepsEmpty;

package/src/components/TestResult/TestStepsEmpty/styles.scss

@@ -0,0 +1,25 @@
+.test-steps-empty {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  min-height: 320px;
+  align-items: center;
+}
+
+.test-steps-empty-wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.test-steps-empty-icon {
+  width: 32px;
+  height: 32px;
+  margin-bottom: 16px;
+  flex: 1 1 auto;
+}
+
+.test-steps-empty-text {
+  color: var(--on-text-secondary);
+  flex: 1 1 auto;
+}

package/src/components/{app/TestResult → TestResult}/index.tsx

@@ -1,14 +1,14 @@
 import type { FunctionComponent, FunctionalComponent } from "preact";
 import type { AllureAwesomeTestResult } from "types";
-import * as styles from "@/components/app/BaseLayout/styles.scss";
-import { TestResultAttachmentView } from "@/components/app/TestResult/TestResultAttachmentsView";
-import TestResultEmpty from "@/components/app/TestResult/TestResultEmpty";
-import { TestResultHeader } from "@/components/app/TestResult/TestResultHeader";
-import TestResultHistoryView from "@/components/app/TestResult/TestResultHistory";
-import { TestResultInfo } from "@/components/app/TestResult/TestResultInfo";
-import { TestResultOverview } from "@/components/app/TestResult/TestResultOverview";
-import { TestResultRetriesView } from "@/components/app/TestResult/TestResultRetriesView";
-import { TestResultTabs, useTestResultTabsContext } from "@/components/app/TestResult/TestResultTabs";
+import * as styles from "@/components/BaseLayout/styles.scss";
+import { TestResultAttachmentView } from "@/components/TestResult/TestResultAttachmentsView";
+import TestResultEmpty from "@/components/TestResult/TestResultEmpty";
+import { TestResultHeader } from "@/components/TestResult/TestResultHeader";
+import TestResultHistoryView from "@/components/TestResult/TestResultHistory";
+import { TestResultInfo } from "@/components/TestResult/TestResultInfo";
+import { TestResultOverview } from "@/components/TestResult/TestResultOverview";
+import { TestResultRetriesView } from "@/components/TestResult/TestResultRetriesView";
+import { TestResultTabs, useTestResultTabsContext } from "@/components/TestResult/TestResultTabs";
 
 export type TestResultViewProps = {
   testResult?: AllureAwesomeTestResult;
@@ -16,7 +16,7 @@ export type TestResultViewProps = {
 
 const TestResultView: FunctionalComponent<TestResultViewProps> = ({ testResult }) => {
   const { currentTab } = useTestResultTabsContext();
-  const viewMap = {
+  const viewMap: Record<string, any> = {
     overview: TestResultOverview,
     history: TestResultHistoryView,
     attachments: TestResultAttachmentView,

package/src/components/{app/ThemeButton → ThemeButton}/ThemeButton.tsx

@@ -1,7 +1,5 @@
+import { IconButton, allureIcons } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
-import lineShapesMoonIcon from "@/assets/svg/line-shapes-moon.svg";
-import lineShapesSunIcon from "@/assets/svg/line-shapes-sun.svg";
-import { IconButton } from "@/components/commons/Button";
 import { getTheme, themeStore, toggleTheme } from "@/stores/theme";
 
 export const ThemeButton = () => {
@@ -15,7 +13,7 @@ export const ThemeButton = () => {
     <IconButton
       onClick={toggleTheme}
       style="ghost"
-      icon={theme === "light" ? lineShapesMoonIcon.id : lineShapesSunIcon.id}
+      icon={theme === "light" ? allureIcons.lineShapesMoon : allureIcons.lineShapesSun}
       size="s"
     />
   );

package/src/components/{app/Tree → Tree}/Tree.tsx

@@ -2,8 +2,9 @@ import type { Statistic } from "@allurereport/core-api";
 import cx from "clsx";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
-import TreeItem from "@/components/app/Tree/TreeItem";
-import type { AllureAwesomeRecursiveTree, AllureAwesomeStatus } from "../../../../types";
+import type { AllureAwesomeRecursiveTree, AllureAwesomeStatus } from "types";
+import TreeItem from "@/components/Tree/TreeItem";
+import { collapsedTrees, toggleTree } from "@/stores/tree";
 import TreeHeader from "./TreeHeader";
 import * as styles from "./styles.scss";
 
@@ -16,9 +17,13 @@ interface TreeProps {
 }
 
 const Tree: FunctionComponent<TreeProps> = ({ tree, statusFilter, root, name, statistic }) => {
-  const [isOpened, setIsOpen] = useState(statistic === undefined || !!statistic.failed || !!statistic.broken);
-  const toggleTree = () => {
+  const isEarlyCollapsed = collapsedTrees.value.has(tree.nodeId);
+  const haveFailedSteps = statistic === undefined || !!statistic?.failed || !!statistic?.broken;
+  const [isOpened, setIsOpen] = useState(() => (isEarlyCollapsed ? !haveFailedSteps : haveFailedSteps));
+
+  const toggleTreeHeader = () => {
     setIsOpen(!isOpened);
+    toggleTree(tree.nodeId);
   };
   const emptyTree = !tree?.trees?.length && !tree?.leaves?.length;
 
@@ -60,12 +65,7 @@ const Tree: FunctionComponent<TreeProps> = ({ tree, statusFilter, root, name, st
   return (
     <div className={styles.tree}>
       {name && (
-        <TreeHeader
-          categoryTitle={name}
-          isOpened={isOpened}
-          toggleTree={toggleTree}
-          statistic={statistic}
-        />
+        <TreeHeader categoryTitle={name} isOpened={isOpened} toggleTree={toggleTreeHeader} statistic={statistic} />
       )}
       {treeContent}
     </div>

package/src/components/{app/Tree → Tree}/TreeHeader.tsx

@@ -1,9 +1,9 @@
 import { type Statistic, statusesList } from "@allurereport/core-api";
+import { Loadable } from "@allurereport/web-components";
+import { Text } from "@allurereport/web-components";
 import { clsx } from "clsx";
 import { type FunctionComponent } from "preact";
-import { ArrowButton } from "@/components/app/ArrowButton";
-import { Loadable } from "@/components/commons/Loadable";
-import { Text } from "@/components/commons/Typography";
+import { ArrowButton } from "@/components/ArrowButton";
 import { statsStore } from "@/stores";
 import { treeFiltersStore } from "@/stores/tree";
 import * as styles from "./styles.scss";

package/src/components/{app/Tree → Tree}/TreeItem.tsx

@@ -1,7 +1,7 @@
 import { type TestStatus, formatDuration } from "@allurereport/core-api";
+import { Text } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
-import TreeItemIcon from "@/components/app/Tree/TreeItemIcon";
-import { Text } from "@/components/commons/Typography";
+import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { navigateTo } from "@/index";
 import * as styles from "./styles.scss";
 

package/src/components/Tree/TreeItemIcon.tsx

@@ -0,0 +1,32 @@
+import { SvgIcon, allureIcons } from "@allurereport/web-components";
+import { clsx } from "clsx";
+import type { FunctionalComponent } from "preact";
+import * as styles from "./styles.scss";
+
+interface TestStatusIconProps {
+  status?: "failed" | "broken" | "passed" | "skipped" | "unknown";
+  className?: string;
+  classNameIcon?: string;
+}
+
+const { solidAlertCircle, solidCheckCircle, solidHelpCircle, solidMinusCircle, solidXCircle } = allureIcons;
+
+const icons = {
+  failed: solidXCircle,
+  broken: solidAlertCircle,
+  passed: solidCheckCircle,
+  skipped: solidMinusCircle,
+  unknown: solidHelpCircle,
+};
+
+const TreeItemIcon: FunctionalComponent<TestStatusIconProps> = ({ status = "unknown", className, classNameIcon }) => {
+  const statusClass = clsx(styles[`status-${status}`], classNameIcon);
+
+  return (
+    <div data-testid={`tree-leaf-status-${status}`} className={clsx(styles["tree-item-icon"], className)}>
+      <SvgIcon className={statusClass} id={icons[status]} />
+    </div>
+  );
+};
+
+export default TreeItemIcon;

package/src/components/{app/Tree → Tree}/index.tsx

@@ -1,23 +1,15 @@
-import { useEffect } from "preact/hooks";
-import { useTabsContext } from "@/components/app/Tabs";
-import Tree from "@/components/app/Tree/Tree";
-import { Button } from "@/components/commons/Button";
-import { Loadable } from "@/components/commons/Loadable";
-import { PageLoader } from "@/components/commons/PageLoader";
-import { Text } from "@/components/commons/Typography";
+import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
+import type { AllureAwesomeStatus } from "types";
+import { useTabsContext } from "@/components/Tabs";
+import Tree from "@/components/Tree/Tree";
 import { useI18n } from "@/stores/locale";
-import { clearTreeFilters, filteredTree, noTests, noTestsFound, setTreeStatus, treeStore } from "@/stores/tree";
-import type { AllureAwesomeStatus } from "../../../../types";
+import { clearTreeFilters, filteredTree, noTests, noTestsFound, treeStore } from "@/stores/tree";
 import * as styles from "./styles.scss";
 
 export const TreeList = () => {
   const { t } = useI18n("empty");
   const { currentTab } = useTabsContext();
 
-  useEffect(() => {
-    setTreeStatus(currentTab as AllureAwesomeStatus);
-  }, [currentTab]);
-
   return (
     <Loadable
       source={treeStore}

package/src/i18n/locales/am.json

@@ -65,7 +65,9 @@
     "clear-filters": "Մաքրել ֆիլտրները",
     "no-attachments-results": "Կցորդների մասին տեղեկություններ չկան",
     "no-history-results": "Պատմության մասին տեղեկություններ չկան",
-    "no-retries-results": "Կրկնությունների մասին տեղեկություններ չկան"
+    "no-retries-results": "Կրկնությունների մասին տեղեկություններ չկան",
+    "no-test-steps-results": "Թեստի քայլերի մասին տեղեկատվությունը հասանելի չէ։",
+    "no-test-case-results": "Թեստի դեպքերի արդյունքներ չկան։"
   },
   "severity": {
     "blocker": "արգելափակում",

package/src/i18n/locales/az.json

@@ -65,7 +65,9 @@
     "clear-filters": "Filtrləri təmizlə",
     "no-attachments-results": "Əlavə məlumatı mövcud deyil",
     "no-history-results": "Tarixçə məlumatı mövcud deyil",
-    "no-retries-results": "Təkrar məlumatı mövcud deyil"
+    "no-retries-results": "Təkrar məlumatı mövcud deyil",
+    "no-test-steps-results": "Test addımları haqqında məlumat mövcud deyil",
+    "no-test-case-results": "Test halları haqqında nəticələr yoxdur"
   },
   "severity": {
     "blocker": "bloklayıcı",

package/src/i18n/locales/de.json

@@ -65,7 +65,9 @@
     "clear-filters": "Filter löschen",
     "no-attachments-results": "Keine Anhängeinformationen verfügbar",
     "no-history-results": "Keine Verlaufsinformationen verfügbar",
-    "no-retries-results": "Keine Wiederholungsinformationen verfügbar"
+    "no-retries-results": "Keine Wiederholungsinformationen verfügbar",
+    "no-test-steps-results": "Keine Informationen zu Testschritten verfügbar",
+    "no-test-case-results": "Keine Testergebnisse verfügbar"
   },
   "severity": {
     "blocker": "Blocker",

package/src/i18n/locales/en.json

@@ -62,10 +62,13 @@
   "empty": {
     "no-results": "No results",
     "no-tests-found": "No results found",
+    "no-message-provided": "No message is provided",
     "clear-filters": "Clear filters",
     "no-attachments-results": "No attachments information available",
     "no-history-results": "No history information available",
-    "no-retries-results": "No retries information available"
+    "no-retries-results": "No retries information available",
+    "no-test-steps-results": "No test steps information available",
+    "no-test-case-results": "No test case results"
   },
   "severity": {
     "blocker": "blocker",

package/src/i18n/locales/es.json

@@ -65,7 +65,9 @@
     "clear-filters": "Limpiar filtros",
     "no-attachments-results": "No hay información de adjuntos disponible",
     "no-history-results": "No hay información de historial disponible",
-    "no-retries-results": "No hay información de reintentos disponible"
+    "no-retries-results": "No hay información de reintentos disponible",
+    "no-test-steps-results": "No hay información disponible sobre los pasos de prueba",
+    "no-test-case-results": "No hay resultados de casos de prueba"
   },
   "severity": {
     "blocker": "bloqueante",

package/src/i18n/locales/fr.json

@@ -65,7 +65,9 @@
     "clear-filters": "Effacer les filtres",
     "no-attachments-results": "Aucune information sur les pièces jointes disponible",
     "no-history-results": "Aucune information sur l'historique disponible",
-    "no-retries-results": "Aucune information sur les réessais disponible"
+    "no-retries-results": "Aucune information sur les réessais disponible",
+    "no-test-steps-results": "Aucune information sur les étapes de test disponible",
+    "no-test-case-results": "Aucun résultat de cas de test"
   },
   "severity": {
     "blocker": "bloquant",

package/src/i18n/locales/he.json

@@ -65,7 +65,9 @@
     "clear-filters": "נקה מסננים",
     "no-attachments-results": "לא נמצאה מידע על קבצים מצורפים",
     "no-history-results": "לא נמצאה מידע על היסטוריה",
-    "no-retries-results": "לא נמצאה מידע על נסיונות חוזרים"
+    "no-retries-results": "לא נמצאה מידע על נסיונות חוזרים",
+    "no-test-steps-results": "אין מידע על שלבי הבדיקה",
+    "no-test-case-results": "אין תוצאות של מקרי בדיקה"
   },
   "severity": {
     "blocker": "חוסם",

package/src/i18n/locales/it.json

@@ -65,7 +65,9 @@
     "clear-filters": "Cancella i filtri",
     "no-attachments-results": "Nessuna informazione sugli allegati disponibile",
     "no-history-results": "Nessuna informazione sulla cronologia disponibile",
-    "no-retries-results": "Nessuna informazione sui ritentativi disponibile"
+    "no-retries-results": "Nessuna informazione sui ritentativi disponibile",
+    "no-test-steps-results": "Nessuna informazione disponibile sui passaggi del test",
+    "no-test-case-results": "Nessun risultato dei casi di test"
   },
   "severity": {
     "blocker": "bloccante",

package/src/i18n/locales/ja.json

@@ -65,7 +65,9 @@
     "clear-filters": "フィルターをクリア",
     "no-attachments-results": "添付ファイル情報が利用できません",
     "no-history-results": "履歴情報が利用できません",
-    "no-retries-results": "再試行情報が利用できません"
+    "no-retries-results": "再試行情報が利用できません",
+    "no-test-steps-results": "テスト手順の情報は利用できません",
+    "no-test-case-results": "テストケースの結果がありません"
   },
   "severity": {
     "blocker": "ブロッカー",

package/src/i18n/locales/ka.json

@@ -65,7 +65,9 @@
     "clear-filters": "ფილტრების გასუფთავება",
     "no-attachments-results": "დანართების ინფორმაცია არ არის ხელმისაწვდომი",
     "no-history-results": "ისტორიის ინფორმაცია არ არის ხელმისაწვდომი",
-    "no-retries-results": "ხელახალი ცდების ინფორმ���ცია არ არის ხელმისაწვდომი"
+    "no-retries-results": "ხელახალი ცდების ინფორმ���ცია არ არის ხელმისაწვდომი",
+    "no-test-steps-results": "ტესტის ნაბიჯების ინფორმაცია ხელმისაწვდომი არ არის",
+    "no-test-case-results": "ტესტის შემთხვევის შედეგები არ არის"
   },
   "severity": {
     "blocker": "ბლოკერი",

package/src/i18n/locales/kr.json

@@ -65,7 +65,9 @@
     "clear-filters": "필터 지우기",
     "no-attachments-results": "첨부파일 정보를 사용할 수 없습니다",
     "no-history-results": "기록 정보를 사용할 수 없습니다",
-    "no-retries-results": "재시도 정보를 사용할 수 없습니다"
+    "no-retries-results": "재시도 정보를 사용할 수 없습니다",
+    "no-test-steps-results": "테스트 단계 정보가 없습니다",
+    "no-test-case-results": "테스트 케이스 결과가 없습니다"
   },
   "severity": {
     "blocker": "차단자",

package/src/i18n/locales/nl.json

@@ -65,7 +65,9 @@
     "clear-filters": "Filters wissen",
     "no-attachments-results": "Geen bijlageninformatie beschikbaar",
     "no-history-results": "Geen geschiedenisinformatie beschikbaar",
-    "no-retries-results": "Geen herhalingsinformatie beschikbaar"
+    "no-retries-results": "Geen herhalingsinformatie beschikbaar",
+    "no-test-steps-results": "Geen informatie over teststappen beschikbaar",
+    "no-test-case-results": "Geen testresultaten"
   },
   "severity": {
     "blocker": "blokkerend",

package/src/i18n/locales/pl.json

@@ -62,7 +62,9 @@
     "clear-filters": "Wyczyść filtry",
     "no-attachments-results": "Brak dostępnych informacji o załącznikach",
     "no-history-results": "Brak dostępnych informacji o historii",
-    "no-retries-results": "Brak dostępnych informacji o ponownych próbach"
+    "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"
   },
   "severity": {
     "name": "Ważność",

package/src/i18n/locales/pt.json

@@ -65,7 +65,9 @@
     "clear-filters": "Limpar filtros",
     "no-attachments-results": "Nenhuma informação de anexos disponível",
     "no-history-results": "Nenhuma informação de histórico disponível",
-    "no-retries-results": "Nenhuma informação de repetições 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"
   },
   "severity": {
     "blocker": "bloqueador",

package/src/i18n/locales/ru.json

@@ -62,7 +62,9 @@
     "clear-filters": "Очистить фильтры",
     "no-attachments-results": "Информация о вложениях отсутствует",
     "no-history-results": "Информация об истории отсутствует",
-    "no-retries-results": "Информация о перезапусках отсутствует"
+    "no-retries-results": "Информация о перезапусках отсутствует",
+    "no-test-steps-results": "Нет информации о шагах тестирования",
+    "no-test-case-results": "Нет результатов тест-кейсов"
   },
   "severity": {
     "name": "Важность",

package/src/i18n/locales/sv.json

@@ -65,7 +65,9 @@
     "clear-filters": "Rensa filter",
     "no-attachments-results": "Ingen bilaga information tillgänglig",
     "no-history-results": "Ingen historik information tillgänglig",
-    "no-retries-results": "Ingen omtagningar 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"
   },
   "severity": {
     "blocker": "blockerare",

package/src/i18n/locales/tr.json

@@ -65,7 +65,9 @@
     "clear-filters": "Filtreleri temizle",
     "no-attachments-results": "Ek bilgisi mevcut değil",
     "no-history-results": "Geçmiş bilgisi mevcut değil",
-    "no-retries-results": "Tekrar deneme 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"
   },
   "severity": {
     "blocker": "engelleyici",

package/src/i18n/locales/zh.json

@@ -65,7 +65,9 @@
     "clear-filters": "清除过滤器",
     "no-attachments-results": "没有附件信息",
     "no-history-results": "没有历史信息",
-    "no-retries-results": "没有重试信息"
+    "no-retries-results": "没有重试信息",
+    "no-test-steps-results": "没有可用的测试步骤信息",
+    "no-test-case-results": "没有测试用例结果"
   },
   "severity": {
     "blocker": "阻断",

package/src/index.html

@@ -2,6 +2,7 @@
 <html>
   <head>
     <title>Allure Awesome</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.09.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.981-4.61-2.587-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.392 3.6a3.6 3.6 0 0 1 3.6-3.6c4.41 0 8.401 1.807 11.296 4.662a3.6 3.6 0 1 1-5.056 5.126C20.602 8.18 18.398 7.2 15.992 7.2a3.6 3.6 0 0 1-3.6-3.6Z' fill='url(%23b)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.992C0 7.157 7.157 0 15.992 0a3.6 3.6 0 0 1 0 7.2A8.789 8.789 0 0 0 7.2 15.992c0 2.406.981 4.61 2.588 6.24a3.6 3.6 0 0 1-5.126 5.056C1.807 24.393 0 20.402 0 15.992Z' fill='url(%23c)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.661 22.232a3.6 3.6 0 0 1 5.091-.035c1.63 1.606 3.834 2.587 6.24 2.587a3.6 3.6 0 0 1 0 7.2c-4.41 0-8.401-1.807-11.295-4.661a3.6 3.6 0 0 1-.036-5.091Z' fill='url(%23d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.384 12.392a3.6 3.6 0 0 1 3.6 3.6c0 8.835-7.157 15.992-15.992 15.992a3.6 3.6 0 0 1 0-7.2 8.789 8.789 0 0 0 8.792-8.792 3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.385 12.392a3.6 3.6 0 0 1 3.6 3.6v12.392a3.6 3.6 0 0 1-7.2 0V15.992a3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23f)'/%3E%3Cg clip-path='url(%23g)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.091.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.982-4.61-2.588-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23h)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='26.8' y1='9.4' x2='17.8' y2='3.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF4444'/%3E%3Cstop offset='1' stop-color='%23DC2626'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='3.6' y1='14' x2='5.4' y2='24.8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2322C55E'/%3E%3Cstop offset='1' stop-color='%2315803D'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='4.8' y1='22.2' x2='14.4' y2='29.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2394A3B8'/%3E%3Cstop offset='.958' stop-color='%2364748B'/%3E%3Cstop offset='1' stop-color='%2364748B'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='28.4' y1='22.173' x2='22.188' y2='28.384' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D97706'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='29.2' y1='54.4' x2='30.626' y2='54.256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FBBF24'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3CclipPath id='g'%3E%3Cpath fill='%23fff' transform='translate(24.8 12)' d='M0 0h7.2v8H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" />
     <base href="http://localhost:8080" />
   </head>
   <body>

package/src/index.tsx

@@ -1,8 +1,8 @@
+import "@allurereport/web-components/index.css";
 import { render } from "preact";
-import "preact/debug";
 import { useEffect, useState } from "preact/hooks";
 import "@/assets/scss/index.scss";
-import { BaseLayout } from "@/components/app/BaseLayout";
+import { BaseLayout } from "@/components/BaseLayout";
 import { isMac } from "@/utils/isMac";
 
 const App = () => {

package/src/stores/index.ts

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

package/src/stores/testResults.ts

@@ -3,13 +3,17 @@ import { signal } from "@preact/signals";
 import { type AllureAwesomeTestResult } from "../../types";
 import { type StoreSignalState } from "./types";
 
-export const testResultStore = signal<StoreSignalState<Record<string, AllureAwesomeTestResult>>>({
+export type TestResultsStoreState = Record<string, AllureAwesomeTestResult>;
+
+export type TestResultNavStoreState = string[];
+
+export const testResultStore = signal<StoreSignalState<TestResultsStoreState>>({
   loading: true,
   error: undefined,
   data: undefined,
 });
 
-export const testResultNavStore = signal<StoreSignalState<string[]>>({
+export const testResultNavStore = signal<StoreSignalState<TestResultNavStoreState>>({
   loading: true,
   error: undefined,
   data: undefined,