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

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

@@ -23,16 +23,12 @@
 }
 
 .test-result-attachment-content {
-  max-height: 450px;
-  overflow-y: auto;
   border-top: 1px solid var(--on-border-muted);
 }
 
 .test-result-attachment-content-wrapper {
   padding-left: 16px;
   margin-left: 11px;
-  max-height: 450px;
-  overflow-y: auto;
 }
 
 .test-result-step-root {
@@ -222,4 +218,4 @@
 
 .html-attachment-preview {
   padding: 0 16px;
-}
+}

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

@@ -1,7 +1,7 @@
 import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
-import type { AllureAwesomeTestResult } from "types";
+import type { ClassicTestResult } from "types";
 import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
 import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
 import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
@@ -16,7 +16,7 @@ const typeMap = {
 };
 
 export type TestResultTeardownProps = {
-  teardown: AllureAwesomeTestResult["teardown"];
+  teardown: ClassicTestResult["teardown"];
 };
 
 export const TestResultTeardown: FunctionalComponent<TestResultTeardownProps> = ({ teardown }) => {

package/src/components/TestResult/index.tsx

@@ -1,5 +1,5 @@
 import type { FunctionComponent, FunctionalComponent } from "preact";
-import type { AllureAwesomeTestResult } from "types";
+import type { ClassicTestResult } from "types";
 import * as styles from "@/components/BaseLayout/styles.scss";
 import { TestResultAttachmentView } from "@/components/TestResult/TestResultAttachmentsView";
 import TestResultEmpty from "@/components/TestResult/TestResultEmpty";
@@ -10,7 +10,7 @@ import { TestResultRetriesView } from "@/components/TestResult/TestResultRetries
 import { TestResultTabs, useTestResultTabsContext } from "@/components/TestResult/TestResultTabs";
 
 export type TestResultViewProps = {
-  testResult?: AllureAwesomeTestResult;
+  testResult?: ClassicTestResult;
 };
 
 const TestResultView: FunctionalComponent<TestResultViewProps> = ({ testResult }) => {
@@ -27,7 +27,7 @@ const TestResultView: FunctionalComponent<TestResultViewProps> = ({ testResult }
 };
 
 export type TestResultContentProps = {
-  testResult?: AllureAwesomeTestResult;
+  testResult?: ClassicTestResult;
 };
 
 const TestResultContent: FunctionalComponent<TestResultContentProps> = ({ testResult }) => {
@@ -40,7 +40,7 @@ const TestResultContent: FunctionalComponent<TestResultContentProps> = ({ testRe
 };
 
 export type TestResultProps = {
-  testResult?: AllureAwesomeTestResult;
+  testResult?: ClassicTestResult;
 };
 
 const TestResult: FunctionComponent<TestResultProps> = ({ testResult }) => (

package/src/components/Tree/Tree.tsx

@@ -2,7 +2,7 @@ import type { Statistic } from "@allurereport/core-api";
 import cx from "clsx";
 import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
-import type { AllureAwesomeRecursiveTree, AllureAwesomeStatus } from "types";
+import type { ClassicRecursiveTree, ClassicStatus } from "types";
 import TreeItem from "@/components/Tree/TreeItem";
 import { route } from "@/stores/router";
 import TreeHeader from "./TreeHeader";
@@ -10,10 +10,10 @@ import * as styles from "./styles.scss";
 
 interface TreeProps {
   statistic?: Statistic;
-  tree: AllureAwesomeRecursiveTree;
+  tree: ClassicRecursiveTree;
   name?: string;
   root?: boolean;
-  statusFilter?: AllureAwesomeStatus;
+  statusFilter?: ClassicStatus;
 }
 
 const Tree: FunctionComponent<TreeProps> = ({ tree, statusFilter, root, name, statistic }) => {

package/src/components/Tree/TreeHeader.tsx

@@ -39,7 +39,7 @@ const TreeHeader: FunctionComponent<TreeHeaderProps> = ({
   return (
     <Loadable
       source={statsStore}
-      renderData={(stats) => {
+      renderData={(stats: Statistic) => {
         const width = Math.floor(progress(statistic.total, stats.total) * (maxWidthTab - minWidthTab) + minWidthTab);
 
         const treeHeaderBar = statistic

package/src/components/Tree/index.tsx

@@ -1,6 +1,6 @@
 import { Button, Loadable, PageLoader, Text } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
-import type { AllureAwesomeStatus } from "types";
+import type { ClassicStatus } from "types";
 import Tree from "@/components/Tree/Tree";
 import { useI18n } from "@/stores/locale";
 import { currentTab } from "@/stores/tabs";
@@ -11,7 +11,7 @@ export const TreeList = () => {
   const { t } = useI18n("empty");
 
   useEffect(() => {
-    setTreeStatus(currentTab.value as AllureAwesomeStatus);
+    setTreeStatus(currentTab.value as ClassicStatus);
   }, [currentTab.value]);
 
   return (
@@ -51,7 +51,7 @@ export const TreeList = () => {
 
         return (
           <div className={styles["tree-list"]}>
-            <Tree tree={filteredTree.value} statusFilter={currentTab.value as AllureAwesomeStatus} root />
+            <Tree tree={filteredTree.value} statusFilter={currentTab.value as ClassicStatus} root />
           </div>
         );
       }}

package/src/index.tsx

@@ -41,11 +41,7 @@ const App = () => {
     };
   }, []);
 
-  console.log(route.value.tabName);
-  const ActiveComponent = useMemo(
-    () => tabComponents[route.value.tabName] || (() => <div>nav</div>),
-    [route.value.tabName],
-  );
+  const ActiveComponent = useMemo(() => tabComponents[route.value.tabName] || (() => null), [route.value.tabName]);
 
   if (!currentLocale.value) {
     return <PageLoader />;

package/src/stores/behaviors.ts

@@ -1,6 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
-import type { AllureAwesomeStatus, AllureAwesomeTree, AllureAwesomeTreeGroup } from "types";
+import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 
@@ -9,13 +9,13 @@ export type TreeDirection = "asc" | "desc";
 export type TreeFilters = "flaky" | "retry" | "new";
 export type TreeFiltersState = {
   query: string;
-  status: AllureAwesomeStatus;
+  status: ClassicStatus;
   filter: Record<TreeFilters, boolean>;
   sortBy: TreeSortBy;
   direction: TreeDirection;
 };
 
-export const behaviorsStore = signal<StoreSignalState<AllureAwesomeTree>>({
+export const behaviorsStore = signal<StoreSignalState<ClassicTree>>({
   loading: true,
   error: undefined,
   data: undefined,
@@ -39,7 +39,7 @@ export const filteredBehaviors = computed(() => {
   const { root, leavesById, groupsById } = behaviorsStore.value.data;
 
   return createRecursiveTree({
-    group: root as AllureAwesomeTreeGroup,
+    group: root as ClassicTreeGroup,
     leavesById,
     groupsById,
     filterOptions: behaviorsFiltersStore.value,
@@ -71,7 +71,7 @@ export const setBehaviorsQuery = (query: string) => {
   };
 };
 
-export const setBehaviorsStatus = (status: AllureAwesomeStatus) => {
+export const setBehaviorsStatus = (status: ClassicStatus) => {
   behaviorsFiltersStore.value = {
     ...behaviorsFiltersStore.value,
     status,
@@ -110,7 +110,7 @@ export const fetchBehaviorsData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<AllureAwesomeTree>("widgets/behaviors.json");
+    const res = await fetchReportJsonData<ClassicTree>("widgets/behaviors.json", { bustCache: true });
 
     behaviorsStore.value = {
       data: res,

package/src/stores/categories.ts

@@ -1,6 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
-import type { AllureAwesomeStatus, AllureAwesomeTree, AllureAwesomeTreeGroup } from "types";
+import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 
@@ -9,13 +9,13 @@ export type TreeDirection = "asc" | "desc";
 export type TreeFilters = "flaky" | "retry" | "new";
 export type TreeFiltersState = {
   query: string;
-  status: AllureAwesomeStatus;
+  status: ClassicStatus;
   filter: Record<TreeFilters, boolean>;
   sortBy: TreeSortBy;
   direction: TreeDirection;
 };
 
-export const categoriesStore = signal<StoreSignalState<AllureAwesomeTree>>({
+export const categoriesStore = signal<StoreSignalState<ClassicTree>>({
   loading: true,
   error: undefined,
   data: undefined,
@@ -39,7 +39,7 @@ export const filteredCategories = computed(() => {
   const { root, leavesById, groupsById } = categoriesStore.value.data;
 
   return createRecursiveTree({
-    group: root as AllureAwesomeTreeGroup,
+    group: root as ClassicTreeGroup,
     leavesById,
     groupsById,
     filterOptions: categoriesFiltersStore.value,
@@ -71,7 +71,7 @@ export const setCategoriesQuery = (query: string) => {
   };
 };
 
-export const setCategoriesStatus = (status: AllureAwesomeStatus) => {
+export const setCategoriesStatus = (status: ClassicStatus) => {
   categoriesFiltersStore.value = {
     ...categoriesFiltersStore.value,
     status,
@@ -110,7 +110,7 @@ export const fetchCategoriesData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<AllureAwesomeTree>("widgets/categories.json");
+    const res = await fetchReportJsonData<ClassicTree>("widgets/categories.json", { bustCache: true });
 
     categoriesStore.value = {
       data: res,

package/src/stores/chart.ts

@@ -16,7 +16,7 @@ export const fetchPieChartData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData("widgets/allure_pie_chart.json");
+    const res = await fetchReportJsonData("widgets/allure_pie_chart.json", { bustCache: true });
 
     pieChartStore.value = {
       data: res,

package/src/stores/charts.ts

@@ -0,0 +1,22 @@
+import { computed } from "@preact/signals";
+import { fetchPieChartData, pieChartStore } from "@/stores/chart";
+import { fetchTrendData, trendStore } from "@/stores/trend";
+
+export const chartsStore = computed(() => {
+  const pieChartValue = pieChartStore.value;
+  const trendValue = trendStore.value;
+
+  return {
+    error: pieChartValue.error || trendValue.error,
+    loading: pieChartValue.loading || trendValue.loading,
+    data: {
+      pie: pieChartValue.data,
+      trends: trendValue.data,
+    },
+  };
+});
+
+export const fetchChartsData = () => {
+  fetchTrendData();
+  fetchPieChartData();
+};

package/src/stores/envInfo.ts

@@ -17,7 +17,7 @@ export const fetchEnvInfo = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<EnvironmentItem[]>("widgets/allure_environment.json");
+    const res = await fetchReportJsonData<EnvironmentItem[]>("widgets/allure_environment.json", { bustCache: true });
 
     envInfoStore.value = {
       data: res,

package/src/stores/locale.ts

@@ -2,9 +2,9 @@ import { getReportOptions } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import i18next, { type TOptions } from "i18next";
 import { DEFAULT_LOCALE, LANG_LOCALE, type LangLocale } from "@/translations/constants";
-import type { AllureAwesomeReportOptions } from "../../types.js";
+import type { ClassicReportOptions } from "../../types.js";
 
-const { reportLanguage } = getReportOptions<AllureAwesomeReportOptions>() ?? {};
+const { reportLanguage } = getReportOptions<ClassicReportOptions>() ?? {};
 
 const namespaces = [
   "empty",
@@ -23,6 +23,7 @@ const namespaces = [
   "controls",
   "errors",
   "nav",
+  "charts",
 ];
 
 export const currentLocale = signal<LangLocale>("" as LangLocale);

package/src/stores/packages.ts

@@ -1,6 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
-import type { AllureAwesomeStatus, AllureAwesomeTree, AllureAwesomeTreeGroup } from "types";
+import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 
@@ -9,13 +9,13 @@ export type TreeDirection = "asc" | "desc";
 export type TreeFilters = "flaky" | "retry" | "new";
 export type TreeFiltersState = {
   query: string;
-  status: AllureAwesomeStatus;
+  status: ClassicStatus;
   filter: Record<TreeFilters, boolean>;
   sortBy: TreeSortBy;
   direction: TreeDirection;
 };
 
-export const packagesStore = signal<StoreSignalState<AllureAwesomeTree>>({
+export const packagesStore = signal<StoreSignalState<ClassicTree>>({
   loading: true,
   error: undefined,
   data: undefined,
@@ -39,7 +39,7 @@ export const filteredPackages = computed(() => {
   const { root, leavesById, groupsById } = packagesStore.value.data;
 
   return createRecursiveTree({
-    group: root as AllureAwesomeTreeGroup,
+    group: root as ClassicTreeGroup,
     leavesById,
     groupsById,
     filterOptions: packagesFiltersStore.value,
@@ -71,7 +71,7 @@ export const setPackagesQuery = (query: string) => {
   };
 };
 
-export const setPackagesStatus = (status: AllureAwesomeStatus) => {
+export const setPackagesStatus = (status: ClassicStatus) => {
   packagesFiltersStore.value = {
     ...packagesFiltersStore.value,
     status,
@@ -110,7 +110,7 @@ export const fetchPackagesData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<AllureAwesomeTree>("widgets/packages.json");
+    const res = await fetchReportJsonData<ClassicTree>("widgets/packages.json", { bustCache: true });
 
     packagesStore.value = {
       data: res,

package/src/stores/router.ts

@@ -43,8 +43,6 @@ export const navigateTo = (path: NavigateToString | NavigateToObject) => {
     newHash = `${tabName}/${id || ""}/${testResultId || ""}`;
   }
 
-  console.log("Navigating to:", newHash);
-
   history.pushState(null, "", `#${newHash}`);
 
   handleHashChange();

package/src/stores/stats.ts

@@ -19,7 +19,7 @@ export const fetchStats = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<Statistic>("widgets/allure_statistic.json");
+    const res = await fetchReportJsonData<Statistic>("widgets/allure_statistic.json", { bustCache: true });
 
     statsStore.value = {
       data: res,

package/src/stores/testResults.ts

@@ -1,9 +1,9 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
-import { type AllureAwesomeTestResult } from "types";
+import { type ClassicTestResult } from "types";
 import { type StoreSignalState } from "./types";
 
-export type TestResultsStoreState = Record<string, AllureAwesomeTestResult>;
+export type TestResultsStoreState = Record<string, ClassicTestResult>;
 
 export type TestResultNavStoreState = string[];
 
@@ -21,7 +21,7 @@ export const testResultNavStore = signal<StoreSignalState<TestResultNavStoreStat
 
 export const fetchTestResultNav = async () => {
   try {
-    const data = await fetchReportJsonData<string[]>("widgets/nav.json");
+    const data = await fetchReportJsonData<string[]>("widgets/nav.json", { bustCache: true });
 
     testResultNavStore.value = {
       data,
@@ -49,7 +49,7 @@ export const fetchTestResult = async (testResultId: string) => {
   };
 
   try {
-    const data = await fetchReportJsonData<AllureAwesomeTestResult>(`data/test-results/${testResultId}.json`);
+    const data = await fetchReportJsonData<ClassicTestResult>(`data/test-results/${testResultId}.json`);
 
     testResultStore.value = {
       data: { ...testResultStore.value.data, [testResultId]: data },

package/src/stores/theme.ts

@@ -1,33 +1,30 @@
 import { getReportOptions } from "@allurereport/web-commons";
+import type { Theme } from "@allurereport/web-components";
 import { signal } from "@preact/signals";
-import type { AllureAwesomeReportOptions } from "../../types.js";
+import type { ClassicReportOptions } from "../../types.js";
 
-type Theme = "light" | "dark";
+export const themeStore = signal<Theme>("auto");
 
-const { theme } = getReportOptions<AllureAwesomeReportOptions>() ?? {};
+export const setTheme = (mode: "light" | "dark" | "auto") => {
+  themeStore.value = mode;
 
-export const themeStore = signal<Theme>("light");
+  try {
+    window.localStorage.setItem("theme", mode);
+  } catch {}
 
-export const setTheme = (newTheme: Theme): void => {
-  themeStore.value = newTheme;
-  document.documentElement.setAttribute("data-theme", newTheme);
-  window.localStorage.setItem("theme", newTheme);
+  document.documentElement.setAttribute("data-theme", mode);
 };
 
 export const toggleTheme = () => {
-  setTheme(themeStore.value === "light" ? "dark" : "light");
+  const order = ["light", "dark", "auto"];
+  const current = themeStore.value;
+  const next = order[(order.indexOf(current) + 1) % order.length] as Theme;
+  setTheme(next);
 };
 
 export const getTheme = () => {
+  const { theme } = getReportOptions<ClassicReportOptions>() ?? {};
   const themeFromLS = (window.localStorage.getItem("theme") as Theme | null) || (theme as Theme);
 
-  if (themeFromLS) {
-    setTheme(themeFromLS);
-    return;
-  }
-
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const initialTheme = prefersDarkScheme ? "dark" : "light";
-
-  setTheme(initialTheme);
+  setTheme(themeFromLS);
 };

package/src/stores/tree.ts

@@ -1,6 +1,6 @@
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
-import type { AllureAwesomeStatus, AllureAwesomeTree, AllureAwesomeTreeGroup } from "types";
+import type { ClassicStatus, ClassicTree, ClassicTreeGroup } from "types";
 import type { StoreSignalState } from "@/stores/types";
 import { createRecursiveTree, isRecursiveTreeEmpty } from "@/utils/treeFilters";
 
@@ -9,13 +9,13 @@ export type TreeDirection = "asc" | "desc";
 export type TreeFilters = "flaky" | "retry" | "new";
 export type TreeFiltersState = {
   query: string;
-  status: AllureAwesomeStatus;
+  status: ClassicStatus;
   filter: Record<TreeFilters, boolean>;
   sortBy: TreeSortBy;
   direction: TreeDirection;
 };
 
-export const treeStore = signal<StoreSignalState<AllureAwesomeTree>>({
+export const treeStore = signal<StoreSignalState<ClassicTree>>({
   loading: true,
   error: undefined,
   data: undefined,
@@ -39,7 +39,7 @@ export const filteredTree = computed(() => {
   const { root, leavesById, groupsById } = treeStore.value.data;
 
   return createRecursiveTree({
-    group: root as AllureAwesomeTreeGroup,
+    group: root as ClassicTreeGroup,
     leavesById,
     groupsById,
     filterOptions: treeFiltersStore.value,
@@ -71,7 +71,7 @@ export const setTreeQuery = (query: string) => {
   };
 };
 
-export const setTreeStatus = (status: AllureAwesomeStatus) => {
+export const setTreeStatus = (status: ClassicStatus) => {
   treeFiltersStore.value = {
     ...treeFiltersStore.value,
     status,
@@ -110,7 +110,7 @@ export const fetchTreeData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<AllureAwesomeTree>("widgets/tree.json");
+    const res = await fetchReportJsonData<ClassicTree>("widgets/tree.json", { bustCache: true });
 
     treeStore.value = {
       data: res,

package/src/stores/trend.ts

@@ -0,0 +1,36 @@
+import { createCharts, fetchReportJsonData } from "@allurereport/web-commons";
+import type { ChartsData, ChartsResponse, UIChartsData } from "@allurereport/web-commons";
+import { signal } from "@preact/signals";
+import type { StoreSignalState } from "@/stores/types";
+
+export const trendStore = signal<StoreSignalState<UIChartsData>>({
+  loading: true,
+  error: undefined,
+  data: undefined,
+});
+
+export const fetchTrendData = async () => {
+  trendStore.value = {
+    ...trendStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<ChartsResponse>("widgets/charts.json", { bustCache: true });
+
+    const data = "general" in res && "byEnv" in res ? res.general : res;
+
+    trendStore.value = {
+      data: createCharts(data as ChartsData),
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    trendStore.value = {
+      data: undefined,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/src/translations/am.json

@@ -25,7 +25,7 @@
   },
   "filters": {
     "more-filters": "Լրացուցիչ ֆիլտրեր",
-    "enable-filter": "Միացնել \"{filter}\" ֆիլտրը",
+    "enable-filter": "Միացնել \"{{filter}}\" ֆիլտրը",
     "flaky": "Անհուսալի",
     "retry": "Կրկնություն",
     "new": "Նոր"
@@ -95,6 +95,7 @@
     "showLess": "Ցուցադրել պակաս",
     "showMore": "Ցուցադրել ավելին",
     "copy": "Պատճենել",
+    "attempt": "Փորձ {{attempt}}-ից {{total}}-ը",
     "at": "է"
   },
   "controls": {

package/src/translations/az.json

@@ -25,7 +25,7 @@
   },
   "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"
@@ -95,6 +95,7 @@
     "showLess": "Daha az göstər",
     "showMore": "Daha çox göstər",
     "copy": "Kopyala",
+    "attempt": "Cəhd {{attempt}} / {{total}}",
     "at": "üçün"
   },
   "controls": {

package/src/translations/de.json

@@ -25,7 +25,7 @@
   },
   "filters": {
     "more-filters": "Weitere Filter",
-    "enable-filter": "Filter für \"{filter}\" aktivieren",
+    "enable-filter": "Filter für \"{{filter}}\" aktivieren",
     "flaky": "Instabil",
     "retry": "Wiederholen",
     "new": "Neu"
@@ -95,6 +95,7 @@
     "showLess": "Weniger anzeigen",
     "showMore": "Mehr anzeigen",
     "copy": "Kopieren",
+    "attempt": "Versuch {{attempt}} von {{total}}",
     "at": "bei"
   },
   "controls": {
@@ -124,5 +125,4 @@
     "suites": "Suiten",
     "timeline": "Zeitleiste"
   }
-
 }

package/src/translations/en.json

@@ -25,7 +25,7 @@
   },
   "filters": {
     "more-filters": "More filters",
-    "enable-filter": "params('Enable \"{filter}\" filter')",
+    "enable-filter": "Enable \"{{filter}}\" filter",
     "flaky": "Flaky",
     "retry": "Retry",
     "new": "New"
@@ -96,6 +96,7 @@
     "showLess": "Show less",
     "showMore": "Show more",
     "copy": "Copy",
+    "attempt": "Attempt {{attempt}} of {{total}}",
     "at": "at"
   },
   "controls": {
@@ -124,5 +125,13 @@
     "packages": "Packages",
     "suites": "Suites",
     "timeline": "Timeline"
+  },
+  "charts": {
+    "trend": {
+      "title": "Trend {{type}} Chart"
+    },
+    "pie": {
+      "title": "Test Success Rate"
+    }
   }
 }

package/src/translations/es.json

@@ -25,7 +25,7 @@
   },
   "filters": {
     "more-filters": "Más filtros",
-    "enable-filter": "Habilitar filtro para \"{filter}\"",
+    "enable-filter": "Habilitar filtro para \"{{filter}}\"",
     "flaky": "Inestable",
     "retry": "Reintento",
     "new": "Nuevo"
@@ -95,6 +95,7 @@
     "showLess": "Mostrar menos",
     "showMore": "Mostrar más",
     "copy": "Copiar",
+    "attempt": "Intento {{attempt}} de {{total}}",
     "at": "a las"
   },
   "controls": {