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

package/src/components/Tree/styles.scss

@@ -6,10 +6,6 @@
   }
 }
 
-.tree-list {
-  min-height: 128px;
-}
-
 .tree-header {
   display: flex;
   align-items: center;
@@ -178,5 +174,27 @@
   box-sizing: content-box;
   padding-top: 2px;
   line-height: 16px;
-  width: 24px;
+}
+
+.tree-item-marked {
+  background: var(--bg-base-secondary);
+}
+
+.tree-item-marked {
+  background: var(--bg-base-secondary);
+}
+
+.tree-section {
+  &:not(:last-child) {
+    padding-bottom: 8px;
+    margin-bottom: 14px;
+    border-bottom: 1px solid var(--on-border-muted);
+  }
+}
+
+.tree-env-button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 8px 0 6px;
 }

package/src/index.html

@@ -22,12 +22,28 @@
     </script>
     <script>
       window.allureReportOptions = {
-        reportName: "Allure Report (Dev)",
-        logo: "/data/logo.jpg",
-        theme: "light",
-        reportLanguage: "ru",
-        createdAt: 1731513697651,
-        groupBy: "suite",
+        "reportName": "Allure Report",
+        "logo": "",
+        "theme": "light",
+        "reportLanguage": "en",
+        "createdAt": 1739819870336,
+        "reportUuid": "51b36daf-614b-409c-b6a1-e8e401b2c144",
+        "groupBy": ["parentSuite", "suite", "subSuite"],
+        "layout": "split",
+        "allureVersion": "3.0.0-beta.8",
+        "ci": {
+          "type": "github",
+          "detected": true,
+          "jobUid": "1234567890",
+          "jobUrl": "#",
+          "jobName": "Sample job name",
+          "jobRunUid": "0987654321",
+          "jobRunUrl": "#",
+          "jobRunName": "Sample job run name",
+          "jobRunBranch": "master",
+          "pullRequestName": "Pull request #123",
+          "pullRequestUrl": "#"
+        }
       };
     </script>
     <script async>

package/src/index.tsx

@@ -1,38 +1,110 @@
+import { ensureReportDataReady } from "@allurereport/web-commons";
+import { Spinner, SvgIcon, allureIcons } from "@allurereport/web-components";
 import "@allurereport/web-components/index.css";
+import clsx from "clsx";
 import { render } from "preact";
 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 { 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 { fetchGlobals } from "@/stores/globals";
+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";
+import { fetchQualityGateResults } from "./stores/qualityGate";
+import * as styles from "./styles.scss";
+
+const Loader = () => {
+  return (
+    <div className={clsx(styles.loader, isLayoutLoading.value ? styles.loading : "")} data-testid="loader">
+      <SvgIcon id={allureIcons.reportLogo} size={"m"} />
+      <Spinner />
+    </div>
+  );
+};
 
 const App = () => {
-  const [testResultId, setTestResultId] = useState<string>("");
+  const className = styles[`layout-${currentSection.value !== "" ? currentSection.value : layoutStore.value}`];
+  const [prefetched, setPrefetched] = useState(false);
+  const testResultId = route.value.params?.testResultId ?? null;
+  const prefetchData = async () => {
+    const fns = [
+      ensureReportDataReady,
+      fetchReportStats,
+      fetchPieChartData,
+      fetchEnvironments,
+      fetchEnvInfo,
+      fetchGlobals,
+      fetchQualityGateResults,
+    ];
+
+    if (globalThis) {
+      fns.unshift(
+        getSection as () => Promise<void>,
+        getLocale,
+        getLayout as () => Promise<void>,
+        getTheme as () => Promise<void>,
+      );
+    }
 
-  const getLocationHashId = () => {
-    const hash = globalThis.location.hash;
-    const match = hash.match(/[^#/]+$/);
-    return match ? match[0] : null;
+    await waitForI18next;
+    await Promise.all(fns.map((fn) => fn(currentEnvironment.value)));
+
+    if (currentEnvironment.value) {
+      await fetchEnvTreesData([currentEnvironment.value]);
+      await fetchEnvStats(environmentsStore.value.data);
+    } else {
+      await fetchEnvTreesData(environmentsStore.value.data);
+      await fetchEnvStats(environmentsStore.value.data);
+    }
+
+    setPrefetched(true);
   };
 
   useEffect(() => {
-    const handleHashChange = () => {
-      const id = getLocationHashId();
-      setTestResultId(id);
-    };
+    prefetchData();
+  }, [currentEnvironment.value]);
+
+  useEffect(() => {
+    if (testResultId) {
+      fetchTestResult(testResultId);
+      fetchTestResultNav(currentEnvironment.value);
+    }
+  }, [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 <BaseLayout testResultId={testResultId} />;
-};
-
-export const navigateTo = (path: string) => {
-  globalThis.location.hash = path;
+  return (
+    <>
+      {!prefetched && <Loader />}
+      {prefetched && (
+        <div className={styles.main}>
+          <Header className={className} />
+          <SectionSwitcher />
+          <Footer className={className} />
+          <ModalComponent />
+        </div>
+      )}
+    </>
+  );
 };
 
 export const openInNewTab = (path: string) => {
@@ -47,6 +119,4 @@ document.addEventListener("DOMContentLoaded", () => {
   }
 });
 
-(async () => {
-  render(<App />, rootElement);
-})();
+render(<App />, rootElement);

package/src/locales/az.json

@@ -0,0 +1,378 @@
+{
+  "statuses": {
+    "passed": "keçdi",
+    "failed": "uğursuz",
+    "broken": "sınıq",
+    "skipped": "keçildi",
+    "unknown": "naməlum",
+    "total": "cəmi",
+    "flakyTests": "etibarsız",
+    "newTests": "yeni",
+    "retryTests": "təkrar"
+  },
+  "testSummary": {
+    "total": "Cəmi",
+    "flaky": "Etibarsız testlər",
+    "retries": "Təkrar testlər",
+    "new": "Yeni testlər"
+  },
+  "tabs": {
+    "total": "Hamısı",
+    "results": "Nəticələr",
+    "globalAttachments": "Qlobal Əlavələr",
+    "globalErrors": "Qlobal Xətalar",
+    "qualityGates": "Keyfiyyət Darvazaları"
+  },
+  "search": {
+    "search": "Axtarış",
+    "search-placeholder": "Ad və ya ID"
+  },
+  "filters": {
+    "more-filters": "Daha çox filtr",
+    "enable-filter": "\"{{filter}}\" filtrlərini aktiv edin",
+    "flaky": "Etibarsız",
+    "retry": "Təkrar",
+    "new": "Yeni",
+    "fixed": "Düzəldilmiş",
+    "regressed": "Reqressiya",
+    "malfunctioned": "Sınıq"
+  },
+  "filters.description": {
+    "flaky": "Qeyri-sabit testləri göstərir",
+    "retry": "Yenidən işə salınan test nəticələrini göstərir",
+    "new": "Bu hesabatda ilk dəfə görünən test nəticələrini göstərir",
+    "fixed": "İndi uğurlu olan, əvvəl \"uğursuz\" və ya \"sınıq\" olan testləri göstərir",
+    "regressed": "Statusu \"uğursuz\" olan, əvvəl \"uğurlu\" və ya \"sınıq\" olan test nəticələrini göstərir",
+    "malfunctioned": "Statusu \"sınıq\" olan, əvvəl \"uğurlu\" və ya \"uğursuz\" olan test nəticələrini göstərir"
+  },
+  "sort-by": {
+    "sort-by-text": "Sıralamaq üzrə:",
+    "sort-by-category": "Sıralamaq üzrə",
+    "direction-category": "İstiqamət"
+  },
+  "sort-by.values": {
+    "order": "Sıra",
+    "alphabet": "Əlifba",
+    "duration": "Müddət",
+    "status": "Status"
+  },
+  "sort-by.directions": {
+    "order-desc": "Sonuncu – Birinci",
+    "order-asc": "Birinci – Sonuncu",
+    "order-asc-short": "Birinci",
+    "order-desc-short": "Sonuncu",
+    "alphabet-asc": "A – Z",
+    "alphabet-desc": "Z – A",
+    "alphabet-asc-short": "A – Z",
+    "alphabet-desc-short": "Z – A",
+    "duration-asc": "1 – 9",
+    "duration-desc": "9 – 1",
+    "duration-asc-short": "1 – 9",
+    "duration-desc-short": "9 – 1",
+    "status-asc": "Filtr siyahısına uyğun",
+    "status-desc": "Tərsinə çevrilmiş",
+    "status-asc-short": "Adi",
+    "status-desc-short": "Tərs"
+  },
+  "empty": {
+    "no-results": "Nəticə tapılmadı",
+    "no-tests-found": "Nəticə tapılmadı",
+    "no-message-provided": "Mesaj təqdim edilməyib",
+    "clear-filters": "Filtrləri təmizlə",
+    "no-attachments-results": "Əlavə məlumatı mövcud deyil",
+    "no-global-errors-results": "Qlobal səhvlər haqqında məlumat mövcud deyil",
+    "no-quality-gate-results": "Keyfiyyət darvazası nəticələri mövcud deyil",
+    "no-history-results": "Tarixçə 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",
+    "no-environments-results": "Mühitlər haqqında məlumat mövcud deyil"
+  },
+  "severity": {
+    "blocker": "bloklayıcı",
+    "critical": "kritik",
+    "normal": "normal",
+    "minor": "kiçik",
+    "trivial": "əhəmiyyətsiz"
+  },
+  "execution": {
+    "name": "İcra",
+    "body": "Test məzmunu",
+    "setup": "Hazırlıq",
+    "teardown": "Yekunlaşma"
+  },
+  "environments": {
+    "environment_one": "Mühit",
+    "environment_other": "Mühitlər",
+    "all": "Hamısı"
+  },
+  "ui": {
+    "labels": "Etiketlər",
+    "metadata": "Metaməlumat",
+    "parameters": "Parametrlər",
+    "description": "Təsvir",
+    "links": "Keçidlər",
+    "overview": "Ümumi baxış",
+    "history": "Tarixçə",
+    "attachments": "Əlavələr",
+    "retries": "Təkrarlar",
+    "environments": "Mühitlər",
+    "error": "Səhv",
+    "goToStep": "Addıma keç",
+    "showLess": "Daha az göstər",
+    "showMore": "Daha çox göstər",
+    "copy": "Kopyala",
+    "attempt": "Cəhd {{attempt}} / {{total}}",
+    "at": "üçün",
+    "variables": "Dəyişənlər",
+    "openPwTrace": "Playwright Trace aç",
+    "finishedAtOriginal": "{{formattedCreatedAt}}, çıxış kodu {{original}} ilə",
+    "finishedAtBoth": "{{formattedCreatedAt}}, çıxış kodu {{actual}} ilə (əsas {{original}})"
+  },
+  "controls": {
+    "newTabAttachment": "Yeni sekmede aç",
+    "nextTR": "Növbəti test nəticəsi",
+    "prevTR": "Əvvəlki test nəticəsi",
+    "downloadAttachment": "Əlavəni yüklə",
+    "backto": "Geri dön",
+    "clipboard": "Panoya kopyala",
+    "clipboardError": "Səhv. Görünür, bu xüsusiyyət brauzeriniz tərəfindən dəstəklənmir",
+    "clipboardSuccess": "Uğurla kopyalandı",
+    "collapse": "Daralt",
+    "expand": "Genişləndir",
+    "fullscreen": "Tam ekran",
+    "language": "Dili dəyiş",
+    "openInNewTab": "Yeni tabda aç",
+    "openPreview": "Önizləməni aç",
+    "noSelectedTR": "Seçilmiş Test nəticəsi yoxdur",
+    "comparison": "Müqayisə",
+    "showDiff": "Fərqi göstər",
+    "viewMode": "Baxış rejimi",
+    "unified": "Birləşdirilmiş",
+    "side-by-side": "Yan-yana",
+    "compareBy": "Müqayisə üsulu",
+    "chars": "simvollar",
+    "words": "sözlər",
+    "lines": "sətirlər",
+    "actual": "Faktiki",
+    "expected": "Gözlənilən"
+  },
+  "errors": {
+    "missedAttachment": "Əlavə tapılmadı"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "Qrafiklər",
+    "timeline": "Zaman xətti"
+  },
+  "timeline": {
+    "empty": "Məlumat yoxdur",
+    "empty_host": "{{ host }} üçün məlumat yoxdur",
+    "selected_one": "{{ count }} test ({{ percentage }}%) {{ minDuration }}-dən çox və {{ maxDuration }}-dən az müddətlə seçildi",
+    "selected_other": "{{ count }} test ({{ percentage }}%) {{ minDuration }}-dən çox və {{ maxDuration }}-dən az müddətlə seçildi",
+    "host": "Host: {{ host }}"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trend qrafiki: {{type}}",
+      "type": {
+        "status": "Status",
+        "severity": "Ciddilik"
+      }
+    },
+    "currentStatus": {
+      "title": "Cari 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": "{{total}} dən",
+      "total": "cəmi",
+      "tests": {
+        "new_zero": "Yeni test yoxdur",
+        "new_one": "{{count}} yeni test",
+        "new_other": "{{count}} yeni test",
+        "flaky_zero": "Qeyri-sabit test yoxdur",
+        "flaky_one": "{{count}} qeyri-sabit test",
+        "flaky_other": "{{count}} qeyri-sabit test",
+        "retries_zero": "Yenidən cəhd edilmiş test yoxdur",
+        "retries_one": "{{count}} yenidən cəhd edilmiş test",
+        "retries_other": "{{count}} yenidən cəhd edilmiş test"
+      }
+    },
+    "statusDynamics": {
+      "title": "Status dinamikası",
+      "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)"
+      },
+      "no-history": "$t(empty:no-history-results)",
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "Son hesabat ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} hesabatı"
+      },
+      "ticks": {
+        "current": "Sonuncu",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "statusTransitions": {
+      "title": "Status keçidləri",
+      "legend": {
+        "trend": "Düzəltmə dərəcəsi"
+      },
+      "transitions": {
+        "new": "$t(transitions:new, capitalize)",
+        "fixed": "$t(transitions:fixed, capitalize)",
+        "regressed": "$t(transitions:regressed, capitalize)",
+        "malfunctioned": "$t(transitions:malfunctioned, capitalize)"
+      },
+      "no-history": "$t(empty:no-history-results)",
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "Son hesabat ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} hesabatı"
+      },
+      "ticks": {
+        "current": "Sonuncu",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "durations": {
+      "title": "{{groupBy}} görə müddət histogramı",
+      "title_none": "Müddət histogramı",
+      "no-results": "$t(empty:no-results)",
+      "groupBy": {
+        "none": "Yoxdur",
+        "layer": "Qat"
+      },
+      "ticks": {
+        "durationRange": "{{from, format_duration}} - {{to, format_duration}}"
+      },
+      "tooltips": {
+        "durationRange": "{{from, format_duration}} - {{to, format_duration}}"
+      },
+      "legend": {
+        "value": "{{value}}",
+        "total": "Test sayı"
+      }
+    },
+    "stabilityDistribution": {
+      "title": "Sabitlik paylanması",
+      "no-results": "$t(empty:no-results)",
+      "legend": {
+        "stabilityRate": "Sabitlik dərəcəsi"
+      }
+    },
+    "testBaseGrowthDynamics": {
+      "title": "Test bazasının artım dinamikası",
+      "status": {
+        "newpassed": "Yeni $t(statuses:passed)",
+        "newfailed": "Yeni $t(statuses:failed)",
+        "newbroken": "Yeni $t(statuses:broken)",
+        "newskipped": "Yeni $t(statuses:skipped)",
+        "newunknown": "Yeni $t(statuses:unknown)",
+        "removedpassed": "Silinmiş $t(statuses:passed)",
+        "removedfailed": "Silinmiş $t(statuses:failed)",
+        "removedbroken": "Silinmiş $t(statuses:broken)",
+        "removedskipped": "Silinmiş $t(statuses:skipped)",
+        "removedunknown": "Silinmiş $t(statuses:unknown)"
+      },
+      "legend": {
+        "trend": "Artım trendi"
+      },
+      "no-history": "$t(empty:no-history-results)",
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "Son hesabat ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} tarixli hesabat"
+      },
+      "ticks": {
+        "current": "Son",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "fbsuAgePyramid": {
+      "title": "FBSU yaş piramidası",
+      "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)"
+      },
+      "no-history": "$t(empty:no-history-results)",
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "Son hesabat ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} tarixli hesabat"
+      },
+      "ticks": {
+        "current": "Son",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "trSeverities": {
+      "title": "Ciddilik dərəcəsinə görə test nəticələri",
+      "no-results": "$t(empty:no-results)",
+      "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)"
+      },
+      "severity": {
+        "blocker": "$t(severity:blocker, capitalize)",
+        "critical": "$t(severity:critical, capitalize)",
+        "normal": "$t(severity:normal, capitalize)",
+        "minor": "$t(severity:minor, capitalize)",
+        "trivial": "$t(severity:trivial, capitalize)",
+        "unset": "Ciddilik dərəcəsi yoxdur"
+      }
+    },
+    "durationDynamics": {
+      "title": "Müddət dinamikası",
+      "durations": {
+        "sequential": "Ardıcıl müddət",
+        "duration": "Test müddəti",
+        "speedup": "Sürətləndirmə"
+      },
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "Son hesabat ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} hesabatı"
+      },
+      "ticks": {
+        "current": "Son",
+        "history": "{{timestamp, timestamp_date}}"
+      },
+      "legend": {
+        "duration": "{{duration, format_duration}}",
+        "speedup": "{{speedup}}x"
+      }
+    }
+  },
+  "transitions": {
+    "description": {
+      "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",
+      "retries": "{{count}} yenidən cəhd",
+      "flaky": "İcra nəticələri qeyri-sabitdir"
+    },
+    "new": "Yeni",
+    "fixed": "Düzəldilmiş",
+    "regressed": "Reqressiya",
+    "malfunctioned": "Sınıq"
+  }
+}