@allurereport/web-awesome 3.0.0-beta.15 → 3.0.0-beta.17

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

@@ -1,18 +1,33 @@
 import { type HistoryTestResult } from "@allurereport/core-api";
+import { getReportOptions } from "@allurereport/web-commons";
 import { SvgIcon, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
-import type { AwesomeTestResult } from "types";
+import type { AwesomeReportOptions, AwesomeTestResult } from "types";
 import { useI18n } from "@/stores";
-import { navigateTo } from "@/stores/router";
 import { capitalize } from "@/utils/capitalize";
 import { timestampToDate } from "@/utils/time";
 import * as styles from "./styles.scss";
 
 const TrPrevStatus: FunctionalComponent<{ item: HistoryTestResult }> = ({ item }) => {
+  const reportOptions = getReportOptions<AwesomeReportOptions & { id: string }>();
+
+  if (!item.url) {
+    return (
+      <div className={styles["test-result-prev-status"]}>
+        <SvgIcon id={allureIcons.lineShapesDotCircle} className={styles[`status-${item?.status}`]} />
+      </div>
+    );
+  }
+
+  const { origin, pathname } = new URL(item.url);
+  const navigateUrl = new URL([pathname, reportOptions.id].join("/"), origin);
+
+  navigateUrl.hash = item.id;
+
   return (
-    <div className={styles["test-result-prev-status"]} onClick={() => navigateTo(`${item.id}`)}>
+    <a className={styles["test-result-prev-status"]} href={navigateUrl.toString()}>
       <SvgIcon id={allureIcons.lineShapesDotCircle} className={styles[`status-${item?.status}`]} />
-    </div>
+    </a>
   );
 };
 const TrPrevStatusTooltip: FunctionalComponent<{ item: HistoryTestResult }> = ({ item }) => {
@@ -38,7 +53,7 @@ export const TrPrevStatuses: FunctionalComponent<TrPrevStatusesProps> = ({ histo
   return (
     <div className={styles["test-result-prev-statuses"]}>
       {history?.slice(0, 6).map((item, key) => (
-        <div key={key} className={styles["test-result-prev-status"]}>
+        <div key={key} data-testid={"test-result-prev-status"} className={styles["test-result-prev-status"]}>
           <TooltipWrapper key={key} tooltipComponent={<TrPrevStatusTooltip item={item} />}>
             <TrPrevStatus item={item} />
           </TooltipWrapper>

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

@@ -4,7 +4,6 @@ import { useState } from "preact/hooks";
 import type { AwesomeTestResult } from "types";
 import { MetadataButton } from "@/components/MetadataButton";
 import { TrAttachment } from "@/components/TestResult/TrSteps/TrAttachment";
-import { useI18n } from "@/stores/locale";
 import * as styles from "./styles.scss";
 
 export type TrMetadataProps = {
@@ -13,12 +12,16 @@ export type TrMetadataProps = {
 };
 
 export const TrPwTraces: FunctionalComponent<TrMetadataProps> = ({ pwTraces }) => {
-  const { t } = useI18n("ui");
   const [isOpened, setIsOpened] = useState(true);
 
   return (
     <div className={styles["tr-metadata"]}>
-      <MetadataButton isOpened={isOpened} setIsOpen={setIsOpened} counter={pwTraces?.length} title={t("pwTrace")} />
+      <MetadataButton
+        isOpened={isOpened}
+        setIsOpen={setIsOpened}
+        counter={pwTraces?.length}
+        title={"Playwright Trace"}
+      />
       {isOpened && (
         <div className={styles["tr-metadata-wrapper"]}>
           {pwTraces?.map((pw, index) => <TrAttachment stepIndex={index + 1} item={pw} key={pw.link.id} />)}

package/src/components/TestResult/TrRetriesView/TrRetriesItem.tsx

@@ -5,27 +5,44 @@ import { useState } from "preact/hooks";
 import type { AwesomeTestResult } from "types";
 import { TrError } from "@/components/TestResult/TrError";
 import * as styles from "@/components/TestResult/TrRetriesView/styles.scss";
+import { useI18n } from "@/stores/locale";
 import { navigateTo } from "@/stores/router";
 import { timestampToDate } from "@/utils/time";
 
-export const TrRetriesItem: FunctionalComponent<{
+export type TrRetriesItemProps = {
   testResultItem: AwesomeTestResult;
-}> = ({ testResultItem }) => {
+  attempt: number;
+  totalAttempts: number;
+};
+
+export const TrRetriesItem: FunctionalComponent<TrRetriesItemProps> = ({ testResultItem, attempt, totalAttempts }) => {
   const { id, status, error, stop, duration } = testResultItem;
   const [isOpened, setIsOpen] = useState(false);
-  const convertedStop = timestampToDate(stop);
+
+  const { t } = useI18n("ui");
+
+  const retryTitlePrefix = t("attempt", { attempt, total: totalAttempts });
+  const convertedStop = stop ? timestampToDate(stop) : undefined;
+  const retryTitle = convertedStop ? `${retryTitlePrefix} – ${convertedStop}` : retryTitlePrefix;
+
   const formattedDuration = typeof duration === "number" ? formatDuration(duration) : undefined;
   const navigateUrl = id;
 
   return (
-    <div>
+    <div data-testid="test-result-retries-item">
       <div className={styles["test-result-retries-item-header"]} onClick={() => setIsOpen(!isOpened)}>
         {Boolean(error.trace || error.message) && (
-          <ArrowButton isOpened={isOpened} icon={allureIcons.lineArrowsChevronDown} />
+          <ArrowButton
+            data-testid="test-result-retries-item-arrow-button"
+            isOpened={isOpened}
+            icon={allureIcons.lineArrowsChevronDown}
+          />
         )}
         <div className={styles["test-result-retries-item-wrap"]}>
           <TreeItemIcon status={status} className={styles["test-result-retries-item-status"]} />
-          <Text className={styles["test-result-retries-item-text"]}>{convertedStop}</Text>
+          <Text data-testid="test-result-retries-item-text" className={styles["test-result-retries-item-text"]}>
+            {retryTitle}
+          </Text>
           <div className={styles["test-result-retries-item-info"]}>
             {Boolean(formattedDuration) && (
               <Text type="ui" size={"s"} className={styles["item-time"]}>
@@ -37,6 +54,7 @@ export const TrRetriesItem: FunctionalComponent<{
               style={"ghost"}
               size={"s"}
               className={styles["test-result-retries-item-link"]}
+              data-testid="test-result-retries-item-open-button"
               onClick={() => navigateTo(navigateUrl)}
             />
           </div>

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

@@ -13,7 +13,14 @@ export const TrRetriesView: FunctionalComponent<{
   return (
     <div className={styles["test-result-history"]}>
       {retries.length ? (
-        retries?.map((item, key) => <TrRetriesItem testResultItem={item as unknown as AwesomeTestResult} key={key} />)
+        retries?.map((item, key) => (
+          <TrRetriesItem
+            testResultItem={item as unknown as AwesomeTestResult}
+            key={key}
+            attempt={retries.length - key}
+            totalAttempts={retries.length + 1}
+          />
+        ))
       ) : (
         <div className={styles["test-result-empty"]}>{t("no-retries-results")}</div>
       )}

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

@@ -6,6 +6,7 @@ import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
 import { TrAttachmentInfo } from "@/components/TestResult/TrSteps/TrAttachmentInfo";
 import * as styles from "@/components/TestResult/TrSteps/styles.scss";
+import { openModal } from "@/stores/modal";
 
 const { lineImagesImage, lineFilesFileAttachment2, playwrightLogo } = allureIcons;
 
@@ -60,6 +61,17 @@ export const TrAttachment: FunctionComponent<{
   const componentType = attachmentType(link.contentType);
   const isValidComponentType = !["archive", null].includes(componentType.type as string);
 
+  const expandAttachment = (event: Event) => {
+    event.stopPropagation();
+    if (componentType.type !== "image") {
+      return;
+    }
+    openModal({
+      data: item,
+      component: <Attachment item={item} previewable={true} />,
+    });
+  };
+
   return (
     <div data-testid={"test-result-attachment"} className={styles["test-result-step"]}>
       <div
@@ -96,7 +108,7 @@ export const TrAttachment: FunctionComponent<{
       </div>
       {isOpened && isValidComponentType && (
         <div className={styles["test-result-attachment-content-wrapper"]}>
-          <div className={styles["test-result-attachment-content"]}>
+          <div className={styles["test-result-attachment-content"]} role={"button"} onClick={expandAttachment}>
             <Attachment item={item} />
           </div>
         </div>

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

@@ -1,5 +1,5 @@
-import type { DefaultTestStepResult, TestStepResult } from "@allurereport/core-api";
-import { ArrowButton, Code, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
+import type { DefaultTestStepResult, TestStatus, TestStepResult } from "@allurereport/core-api";
+import { ArrowButton, Code, SvgIcon, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
 import { MetadataList } from "@/components/Metadata";
@@ -19,13 +19,14 @@ export const TrStepParameters = (props: { parameters: DefaultTestStepResult["par
     </div>
   );
 };
+
 export const TrStepsContent = (props: { item: DefaultTestStepResult }) => {
   const { item } = props;
 
   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) && <TrError {...item} />}
+      {Boolean(item?.message && item?.trace && !item?.hasSimilarErrorInSubSteps) && <TrError {...item} />}
       {Boolean(item?.steps?.length) && (
         <>
           {item.steps?.map((subItem, key) => {

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

@@ -1,15 +1,75 @@
-import { type DefaultTestStepResult, formatDuration } from "@allurereport/core-api";
+import {
+  type DefaultTestStepResult,
+  type TestStatus,
+  type TestStepResult,
+  formatDuration,
+} from "@allurereport/core-api";
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+import clsx from "clsx";
 import * as styles from "@/components/TestResult/TrSteps/styles.scss";
 
+const countErrorStatuses = (step: TestStepResult): Record<string, number> => {
+  if (step.type !== "step") {
+    return;
+  }
+  const result: Record<string, number> = {};
+
+  const collectFromSteps = (currentStep: TestStepResult) => {
+    if (currentStep.type !== "step") {
+      return;
+    }
+    if (currentStep.status !== "passed") {
+      result[currentStep.status] = (result[currentStep.status] || 0) + 1;
+    }
+    currentStep.steps?.forEach(collectFromSteps);
+  };
+  step?.steps?.forEach(collectFromSteps);
+
+  return result;
+};
+
+const {
+  lineGeneralCheckCircle,
+  lineGeneralHelpCircle,
+  lineGeneralMinusCircle,
+  lineGeneralXCircle,
+  lineGeneralInfoCircle,
+} = allureIcons;
+
+const icons = {
+  failed: lineGeneralXCircle,
+  broken: lineGeneralInfoCircle,
+  passed: lineGeneralCheckCircle,
+  skipped: lineGeneralMinusCircle,
+  unknown: lineGeneralHelpCircle,
+};
+
 export const TrStepInfo = (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;
 
+  const failedStepsInTree = countErrorStatuses(item);
+
+  const FailedSteps = () => (
+    <div>
+      {Object.entries(failedStepsInTree).map(([status, count], index) => (
+        <div className={styles["item-status"]} key={index}>
+          <SvgIcon
+            size="m"
+            id={icons[status as TestStatus]}
+            className={clsx(styles["item-status-icon"], styles[`status-${status}`])}
+          />
+          {count && <span>{count}</span>}
+        </div>
+      ))}
+    </div>
+  );
+
   return (
     <div className={styles["item-info"]}>
+      <FailedSteps />
       {Boolean(stepLength) && (
         <div className={styles["item-info-step"]}>
           <SvgIcon id={allureIcons.lineArrowsCornerDownRight} className={styles["item-info-step-icon"]} />

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

@@ -1,3 +1,5 @@
+@import "~@allurereport/web-components/mixins.scss";
+
 .test-result-steps {
   padding-right: 24px;
 
@@ -217,8 +219,37 @@
 
 .test-result-strut {
   width: 24px;
+  flex: none;
 }
 
 .html-attachment-preview {
   padding: 0 16px;
 }
+
+.item-status {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.item-status-icon {
+  &.status-passed {
+    color: var(--bg-support-castor);
+  }
+
+  &.status-failed {
+    color: var(--bg-support-capella);
+  }
+
+  &.status-broken {
+    color: var(--bg-support-atlas);
+  }
+
+  &.status-skipped {
+    color: var(--bg-support-rau);
+  }
+
+  &.status-unknown {
+    color: var(--bg-support-skat);
+  }
+}

package/src/components/Tree/index.tsx

@@ -1,4 +1,5 @@
 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";
@@ -15,14 +16,23 @@ import {
   toggleTree,
   treeStore,
 } from "@/stores/tree";
+import { createTreeLocalizer } from "@/utils/tree";
 import * as styles from "./styles.scss";
 
 export const TreeList = () => {
   const { t } = useI18n("empty");
   const { t: tEnvironments } = useI18n("environments");
+  const { t: tooltip } = useI18n("transitions.description");
   const { currentTab } = useTabsContext();
   const routeId = route.value.params?.testResultId;
 
+  const localizers = useMemo(
+    () => ({
+      tooltip,
+    }),
+    [tooltip],
+  );
+
   return (
     <Loadable
       source={treeStore}
@@ -59,6 +69,8 @@ export const TreeList = () => {
           );
         }
 
+        const treeLocalizer = createTreeLocalizer(localizers);
+
         // render single tree for single environment
         if (environmentsStore.value.data.length === 1) {
           return (
@@ -69,7 +81,7 @@ export const TreeList = () => {
                 collapsedTrees={collapsedTrees.value}
                 toggleTree={toggleTree}
                 navigateTo={navigateTo}
-                tree={filteredTree.value.default}
+                tree={treeLocalizer(filteredTree.value.default)}
                 statusFilter={currentTab as AwesomeStatus}
                 routeId={routeId}
                 root
@@ -89,7 +101,7 @@ export const TreeList = () => {
                 collapsedTrees={collapsedTrees.value}
                 toggleTree={toggleTree}
                 navigateTo={navigateTo}
-                tree={currentTree}
+                tree={treeLocalizer(currentTree)}
                 statusFilter={currentTab as AwesomeStatus}
                 routeId={routeId}
                 root
@@ -141,7 +153,7 @@ export const TreeList = () => {
                         toggleTree={toggleTree}
                         statusFilter={currentTab}
                         navigateTo={navigateTo}
-                        tree={value}
+                        tree={treeLocalizer(value)}
                         routeId={routeId}
                         root
                       />

package/src/index.html

@@ -30,7 +30,20 @@
         "reportUuid": "51b36daf-614b-409c-b6a1-e8e401b2c144",
         "groupBy": ["parentSuite", "suite", "subSuite"],
         "layout": "split",
-        "allureVersion": "3.0.0-beta.8"
+        "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/locales/az.json

@@ -25,10 +25,21 @@
   },
   "filters": {
     "more-filters": "Daha çox filtr",
-    "enable-filter": "\"{filter}\" filtrlərini aktiv edin",
+    "enable-filter": "\"{{filter}}\" filtrlərini aktiv edin",
     "flaky": "Etibarsız",
     "retry": "Təkrar",
-    "new": "Yeni"
+    "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ə:",
@@ -42,18 +53,18 @@
     "status": "Status"
   },
   "sort-by.directions": {
-    "order-desc": "Sonuncu – Birinci",
-    "order-asc": "Birinci – Sonuncu",
+    "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",
+    "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",
@@ -62,6 +73,7 @@
   "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-history-results": "Tarixçə məlumatı mövcud deyil",
@@ -98,16 +110,16 @@
     "history": "Tarixçə",
     "attachments": "Əlavələr",
     "retries": "Təkrarlar",
-    "environment_one": "Mühit",
-    "environment_other": "Mühitlər",
+    "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",
-    "openPwTrace": "Playwright Trace aç",
-    "variables": "Dəyişənlər"
+    "variables": "Dəyişənlər",
+    "openPwTrace": "Playwright Trace aç"
   },
   "controls": {
     "newTabAttachment": "Yeni sekmede aç",
@@ -155,5 +167,11 @@
     "pie": {
       "title": "Test Uğur Dərəcəsi"
     }
+  },
+  "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"
   }
 }

package/src/locales/de.json

@@ -24,11 +24,22 @@
     "search-placeholder": "Name oder ID"
   },
   "filters": {
-    "more-filters": "Weitere Filter",
-    "enable-filter": "Filter für \"{filter}\" aktivieren",
+    "more-filters": "Filter",
+    "enable-filter": "Filter nach \"{{filter}}\" aktivieren",
     "flaky": "Instabil",
-    "retry": "Wiederholen",
-    "new": "Neu"
+    "retry": "Wiederholt",
+    "new": "Neu",
+    "fixed": "Behoben",
+    "regressed": "Regressiert",
+    "malfunctioned": "Defekt"
+  },
+  "filters.description": {
+    "flaky": "Instabile Tests anzeigen",
+    "retry": "Testergebnisse anzeigen, die wiederholt wurden",
+    "new": "Testergebnisse anzeigen, die zum ersten Mal in diesem Bericht erscheinen",
+    "fixed": "Tests anzeigen, die jetzt erfolgreich sind, aber zuvor \"fehlgeschlagen\" oder \"defekt\" waren",
+    "regressed": "Testergebnisse anzeigen, die den Status von \"erfolgreich\" oder \"defekt\" zu \"fehlgeschlagen\" geändert haben",
+    "malfunctioned": "Testergebnisse anzeigen, die den Status von \"erfolgreich\" oder \"fehlgeschlagen\" zu \"defekt\" geändert haben"
   },
   "sort-by": {
     "sort-by-text": "Sortieren nach:",
@@ -42,18 +53,18 @@
     "status": "Status"
   },
   "sort-by.directions": {
-    "order-desc": "Neueste – Älteste",
-    "order-asc": "Älteste – Neueste",
+    "order-desc": "Neueste – Älteste",
+    "order-asc": "Älteste – Neueste",
     "order-asc-short": "Älteste",
     "order-desc-short": "Neueste",
-    "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",
+    "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": "Wie in der Filterliste",
     "status-desc": "Umgekehrt",
     "status-asc-short": "Normal",
@@ -62,7 +73,8 @@
   "empty": {
     "no-results": "Keine Ergebnisse",
     "no-tests-found": "Keine Ergebnisse gefunden",
-    "clear-filters": "Filter löschen",
+    "no-message-provided": "Keine Nachricht vorhanden",
+    "clear-filters": "Filter zurücksetzen",
     "no-attachments-results": "Keine Anhängeinformationen verfügbar",
     "no-history-results": "Keine Verlaufsinformationen verfügbar",
     "no-retries-results": "Keine Wiederholungsinformationen verfügbar",
@@ -104,6 +116,7 @@
     "showLess": "Weniger anzeigen",
     "showMore": "Mehr anzeigen",
     "copy": "Kopieren",
+    "attempt": "Versuch {{attempt}} von {{total}}",
     "at": "bei",
     "variables": "Variablen",
     "openPwTrace": "Playwright Trace öffnen"
@@ -154,5 +167,11 @@
     "pie": {
       "title": "Testerfolgsrate"
     }
+  },
+  "transitions.description": {
+    "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"
   }
 }

package/src/locales/en.json

@@ -25,10 +25,21 @@
   },
   "filters": {
     "more-filters": "More filters",
-    "enable-filter": "params('Enable \"{filter}\" filter')",
+    "enable-filter": "Enable \"{{filter}}\" filter",
     "flaky": "Flaky",
     "retry": "Retry",
-    "new": "New"
+    "new": "New",
+    "fixed": "Fixed",
+    "regressed": "Regressed",
+    "malfunctioned": "Malfuctioned"
+  },
+  "filters.description": {
+    "flaky": "Show unstable tests",
+    "retry": "Show test results that were rerun",
+    "new": "Show test results that appear for the first time in this report",
+    "fixed": "Show tests that are passed now but had been \"failed\" or \"broken\" in a previous report",
+    "regressed": "Show test results that changed to \"failed\" status from \"passed\" or \"broken\" status",
+    "malfunctioned": "Show test results that changed to \"broken\" status from \"passed\" or \"failed\" status"
   },
   "sort-by": {
     "sort-by-text": "Sort by:",
@@ -105,6 +116,7 @@
     "showLess": "Show less",
     "showMore": "Show more",
     "copy": "Copy",
+    "attempt": "Attempt {{attempt}} of {{total}}",
     "at": "at",
     "variables": "Variables",
     "openPwTrace": "Open Playwright Trace"
@@ -155,5 +167,11 @@
     "pie": {
       "title": "Test Success Rate"
     }
+  },
+  "transitions.description": {
+    "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\""
   }
 }