@allurereport/web-awesome 3.0.0-beta.13 → 3.0.0-beta.14

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

@@ -1,8 +1,7 @@
 import type { DefaultTestStepResult, TestStepResult } from "@allurereport/core-api";
-import { Code, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
+import { ArrowButton, Code, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
-import { ArrowButton } from "@/components/ArrowButton";
 import { MetadataList } from "@/components/Metadata";
 import { type MetadataItem } from "@/components/ReportMetadata";
 import { TrError } from "@/components/TestResult/TrError";

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

@@ -40,7 +40,6 @@
   align-items: flex-start;
   gap: 4px;
   transition: background-color 300ms;
-  cursor: pointer;
   padding: 4px 8px 4px 6px;
   min-height: 32px;
 
@@ -121,9 +120,12 @@
   align-items: center;
   gap: 4px;
   transition: background-color 300ms;
-  cursor: pointer;
   padding: 4px 8px 4px 6px;
 
+  &:not(.empty) {
+    cursor: pointer;
+  }
+
   &:hover {
     background: var(--bg-control-flat-medium);
   }

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

@@ -1,7 +1,7 @@
 import { Text } from "@allurereport/web-components";
 import { type ComponentChildren, createContext } from "preact";
 import { useContext, useEffect, useState } from "preact/hooks";
-import { activeTab, navigateTo, route } from "@/stores/router";
+import { activeSubTab, activeTab, navigateTo, route } from "@/stores/router";
 import * as styles from "./styles.scss";
 
 type TrTabsContextT = {
@@ -39,16 +39,17 @@ export const TrTabsList = (props: { children: ComponentChildren }) => {
 };
 
 export const TrTab = (props: { id: string; children: ComponentChildren }) => {
+  const { testResultId } = route.value.params;
   const { currentTab, setCurrentTab } = useTestResultTabsContext();
   const { id, children } = props;
-  const isActiveFromUrl = activeTab.value === id;
+  const isActiveFromUrl = activeSubTab.value === id;
   const isCurrentTab = isActiveFromUrl ? isActiveFromUrl : currentTab === id;
 
   useEffect(() => {
     if (isActiveFromUrl) {
       setCurrentTab(id);
     }
-  }, [activeTab.value]);
+  }, [activeSubTab.value]);
 
   const handleTabClick = () => {
     if (isCurrentTab) {
@@ -57,7 +58,10 @@ export const TrTab = (props: { id: string; children: ComponentChildren }) => {
     setCurrentTab(id);
     navigateTo({
       ...route.value,
-      params: { ...route.value.params, tabName: id !== "overview" ? id : "" },
+      params: {
+        testResultId,
+        subTab: id || null,
+      },
     });
   };
 

package/src/components/TestResult/index.tsx

@@ -63,7 +63,6 @@ const TestResult: FunctionComponent<TrProps> = ({ testResult }) => {
 
   return (
     <>
-      {!isSplitMode.value && <TrHeader testResult={testResult} />}
       <div className={clsx(styles.content, splitModeClass)}>
         {testResult ? <TrContent testResult={testResult} /> : <TrEmpty />}
       </div>

package/src/components/Tree/index.tsx

@@ -21,7 +21,7 @@ export const TreeList = () => {
   const { t } = useI18n("empty");
   const { t: tEnvironments } = useI18n("environments");
   const { currentTab } = useTabsContext();
-  const { id: routeId } = route.value;
+  const routeId = route.value.params?.testResultId;
 
   return (
     <Loadable
@@ -31,7 +31,7 @@ export const TreeList = () => {
         // TODO: use function instead of computed
         if (noTests.value) {
           return (
-            <div className={styles["tree-list"]}>
+            <div>
               <div className={styles["tree-empty-results"]}>
                 <Text className={styles["tree-empty-results-title"]}>{t("no-results")}</Text>
               </div>
@@ -41,7 +41,7 @@ export const TreeList = () => {
 
         if (noTestsFound.value) {
           return (
-            <div className={styles["tree-list"]}>
+            <div>
               <div className={styles["tree-empty-results"]}>
                 <Text tag="p" className={styles["tree-empty-results-title"]}>
                   {t("no-tests-found")}
@@ -62,7 +62,7 @@ export const TreeList = () => {
         // render single tree for single environment
         if (environmentsStore.value.data.length === 1) {
           return (
-            <div className={styles["tree-list"]}>
+            <div>
               <Tree
                 reportStatistic={reportStatsStore.value.data}
                 statistic={statsByEnvStore.value.data[currentEnvironment.value]}
@@ -82,7 +82,7 @@ export const TreeList = () => {
 
         if (currentTree) {
           return (
-            <div className={styles["tree-list"]}>
+            <div>
               <Tree
                 reportStatistic={reportStatsStore.value.data}
                 statistic={statsByEnvStore.value.data[currentEnvironment.value]}
@@ -133,7 +133,7 @@ export const TreeList = () => {
                     />
                   </div>
                   {isOpened && (
-                    <div className={styles["tree-list"]} data-testid={"tree-section-env-content"}>
+                    <div data-testid={"tree-section-env-content"}>
                       <Tree
                         statistic={statsByEnvStore.value.data[key]}
                         reportStatistic={reportStatsStore.value.data}

package/src/components/Tree/styles.scss

@@ -6,10 +6,6 @@
   }
 }
 
-.tree-list {
-  min-height: 320px;
-}
-
 .tree-header {
   display: flex;
   align-items: center;

package/src/index.tsx

@@ -6,15 +6,17 @@ import { render } from "preact";
 import "preact/debug";
 import { useEffect, useState } from "preact/hooks";
 import "@/assets/scss/index.scss";
-import { BaseLayout } from "@/components/BaseLayout";
+import { Footer } from "@/components/Footer";
+import { Header } from "@/components/Header";
 import { ModalComponent } from "@/components/Modal";
-import { SplitLayout } from "@/components/SplitLayout";
+import { SectionSwitcher } from "@/components/SectionSwitcher";
 import { fetchEnvStats, fetchReportStats, getLocale, getTheme, waitForI18next } from "@/stores";
 import { fetchPieChartData } from "@/stores/chart";
 import { currentEnvironment, environmentsStore, fetchEnvironments } from "@/stores/env";
 import { fetchEnvInfo } from "@/stores/envInfo";
-import { getLayout, isLayoutLoading, isSplitMode } from "@/stores/layout";
+import { getLayout, isLayoutLoading, layoutStore } from "@/stores/layout";
 import { handleHashChange, route } from "@/stores/router";
+import { currentSection, getSection } from "@/stores/sections";
 import { fetchTestResult, fetchTestResultNav } from "@/stores/testResults";
 import { fetchEnvTreesData } from "@/stores/tree";
 import { isMac } from "@/utils/isMac";
@@ -30,13 +32,19 @@ const Loader = () => {
 };
 
 const App = () => {
+  const className = styles[`layout-${currentSection.value !== "" ? currentSection.value : layoutStore.value}`];
   const [prefetched, setPrefetched] = useState(false);
-  const { id: testResultId } = route.value;
+  const testResultId = route.value.params?.testResultId ?? null;
   const prefetchData = async () => {
     const fns = [ensureReportDataReady, fetchReportStats, fetchPieChartData, fetchEnvironments, fetchEnvInfo];
 
     if (globalThis) {
-      fns.unshift(getLocale, getLayout as () => Promise<void>, getTheme as () => Promise<void>);
+      fns.unshift(
+        getSection as () => Promise<void>,
+        getLocale,
+        getLayout as () => Promise<void>,
+        getTheme as () => Promise<void>,
+      );
     }
 
     await waitForI18next;
@@ -44,6 +52,7 @@ const App = () => {
 
     if (currentEnvironment.value) {
       await fetchEnvTreesData([currentEnvironment.value]);
+      await fetchEnvStats(environmentsStore.value.data);
     } else {
       await fetchEnvTreesData(environmentsStore.value.data);
       await fetchEnvStats(environmentsStore.value.data);
@@ -64,24 +73,28 @@ const App = () => {
   }, [testResultId, currentEnvironment]);
 
   useEffect(() => {
+    const onHashChange = () => handleHashChange();
+
     handleHashChange();
-    globalThis.addEventListener("hashchange", () => handleHashChange());
+    globalThis.addEventListener("hashchange", onHashChange);
 
     return () => {
-      globalThis.removeEventListener("hashchange", () => handleHashChange());
+      globalThis.removeEventListener("hashchange", onHashChange);
     };
   }, []);
 
   return (
-    <div className={styles.main}>
+    <>
       {!prefetched && <Loader />}
       {prefetched && (
-        <>
-          {isSplitMode.value ? <SplitLayout /> : <BaseLayout />}
+        <div className={styles.main}>
+          <Header className={className} />
+          <SectionSwitcher />
+          <Footer className={className} />
           <ModalComponent />
-        </>
+        </div>
       )}
-    </div>
+    </>
   );
 };
 

package/src/locales/az.json

@@ -139,5 +139,21 @@
   },
   "errors": {
     "missedAttachment": "Əlavə tapılmadı"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Qrafiklər"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trend qrafiki: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Ciddilik"
+      }
+    },
+    "pie": {
+      "title": "Test Uğur Dərəcəsi"
+    }
   }
 }

package/src/locales/de.json

@@ -138,5 +138,22 @@
   },
   "errors": {
     "missedAttachment": "Anhang nicht gefunden"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Graphen"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trenddiagramm: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Schweregrad"
+      }
+    },
+    "pie": {
+      "title": "Testerfolgsrate"
+    }
   }
+
 }

package/src/locales/en.json

@@ -139,5 +139,21 @@
   },
   "errors": {
     "missedAttachment": "Attachment not found"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Graphs"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trend Chart: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Severity"
+      }
+    },
+    "pie": {
+      "title": "Test Success Rate"
+    }
   }
 }

package/src/locales/es.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Adjunto no encontrado"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Gráficas"
+  },
+  "charts": {
+    "trend": {
+      "title": "Gráfico de tendencia: {{type}}",
+      "type": {
+        "status": "Estado",
+        "severity": "Severidad"
+      }
+    },
+    "pie": {
+      "title": "Tasa de éxito de pruebas"
+    }
   }
 }

package/src/locales/fr.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Pièce jointe non trouvée"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Graphes"
+  },
+  "charts": {
+    "trend": {
+      "title": "Graphique de tendance: {{type}}",
+      "type": {
+        "status": "Statut",
+        "severity": "Sévérité"
+      }
+    },
+    "pie": {
+      "title": "Taux de réussite des tests"
+    }
   }
 }

package/src/locales/he.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "הקובץ המצורף לא נמצא"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "גרפים"
+  },
+  "charts": {
+    "trend": {
+      "title": "תרשים מגמה: {{type}}",
+      "type": {
+        "status": "סטטוס",
+        "severity": "חומרה"
+      }
+    },
+    "pie": {
+      "title": "שיעור הצלחת הבדיקות"
+    }
   }
 }

package/src/locales/hy.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Կցորդը չի գտնվել"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Գրաֆիկներ"
+  },
+  "charts": {
+    "trend": {
+      "title": "Միտումների գրաֆիկ: {{type}}",
+      "type": {
+        "status": "Կարգավիճակ",
+        "severity": "Ծանրություն"
+      }
+    },
+    "pie": {
+      "title": "Թեստերի հաջողության գործակից"
+    }
   }
 }

package/src/locales/it.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Allegato non trovato"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Grafici"
+  },
+  "charts": {
+    "trend": {
+      "title": "Grafico di tendenza: {{type}}",
+      "type": {
+        "status": "Stato",
+        "severity": "Gravità"
+      }
+    },
+    "pie": {
+      "title": "Tasso di successo dei test"
+    }
   }
 }

package/src/locales/ja.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "添付ファイルが見つかりません"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "グラフ"
+  },
+  "charts": {
+    "trend": {
+      "title": "トレンドチャート: {{type}}",
+      "type": {
+        "status": "ステータス",
+        "severity": "重要度"
+      }
+    },
+    "pie": {
+      "title": "テスト成功率"
+    }
   }
 }

package/src/locales/ka.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "დანართი ვერ მოიძებნა"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "გრაფიკები"
+  },
+  "charts": {
+    "trend": {
+      "title": "ტრენდის გრაფიკი: {{type}}",
+      "type": {
+        "status": "სტატუსი",
+        "severity": "სიმძიმე"
+      }
+    },
+    "pie": {
+      "title": "ტესტების წარმატების მაჩვენებელი"
+    }
   }
 }

package/src/locales/kr.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "첨부파일을 찾을 수 없습니다"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "그래프"
+  },
+  "charts": {
+    "trend": {
+      "title": "트렌드 차트: {{type}}",
+      "type": {
+        "status": "상태",
+        "severity": "심각도"
+      }
+    },
+    "pie": {
+      "title": "테스트 성공률"
+    }
   }
 }

package/src/locales/nl.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Bijlage niet gevonden"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Grafieken"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trendgrafiek: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Ernst"
+      }
+    },
+    "pie": {
+      "title": "Test slagingspercentage"
+    }
   }
 }

package/src/locales/pl.json

@@ -136,5 +136,21 @@
   },
   "errors": {
     "missedAttachment": "Nie znaleziono załącznika"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Wykresy"
+  },
+  "charts": {
+    "trend": {
+      "title": "Wykres trendu: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Ważność"
+      }
+    },
+    "pie": {
+      "title": "Wskaźnik powodzenia testów"
+    }
   }
 }

package/src/locales/pt.json

@@ -137,5 +137,21 @@
   },
   "errors": {
     "missedAttachment": "Anexo não encontrado"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Gráficos"
+  },
+  "charts": {
+    "trend": {
+      "title": "Gráfico de tendência: {{type}}",
+      "type": {
+        "status": "Estado",
+        "severity": "Severidade"
+      }
+    },
+    "pie": {
+      "title": "Taxa de sucesso dos testes"
+    }
   }
 }

package/src/locales/ru.json

@@ -136,5 +136,21 @@
   },
   "errors": {
     "missedAttachment": "Вложение не найдено"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Графики"
+  },
+  "charts": {
+    "trend": {
+      "title": "График тренда: {{type}}",
+      "type": {
+        "status": "Статус",
+        "severity": "Важность"
+      }
+    },
+    "pie": {
+      "title": "Успешность тестирования"
+    }
   }
 }

package/src/locales/sv.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Bilaga hittades inte"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Grafer"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trenddiagram: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Allvarlighetsgrad"
+      }
+    },
+    "pie": {
+      "title": "Testframgångsfrekvens"
+    }
   }
 }

package/src/locales/tr.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "Ek bulunamadı"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Grafikler"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trend Grafiği: {{type}}",
+      "type": {
+        "status": "Durum",
+        "severity": "Önem Derecesi"
+      }
+    },
+    "pie": {
+      "title": "Test Başarı Oranı"
+    }
   }
 }

package/src/locales/zh.json

@@ -138,5 +138,21 @@
   },
   "errors": {
     "missedAttachment": "未找到附件"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "图形"
+  },
+  "charts": {
+    "trend": {
+      "title": "趋势图表: {{type}}",
+      "type": {
+        "status": "状态",
+        "severity": "严重程度"
+      }
+    },
+    "pie": {
+      "title": "测试成功率"
+    }
   }
 }