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

package/src/locales/zh.json

@@ -0,0 +1,378 @@
+{
+  "statuses": {
+    "passed": "通过",
+    "failed": "失败",
+    "broken": "损坏",
+    "skipped": "跳过",
+    "unknown": "未知",
+    "total": "总计",
+    "flakyTests": "不稳定",
+    "newTests": "新的",
+    "retryTests": "重试"
+  },
+  "testSummary": {
+    "total": "总计",
+    "flaky": "不稳定的测试",
+    "retries": "重跑测试",
+    "new": "新的测试"
+  },
+  "tabs": {
+    "total": "全部",
+    "results": "结果",
+    "globalAttachments": "全局附件",
+    "globalErrors": "全局错误",
+    "qualityGates": "质量门"
+  },
+  "search": {
+    "search": "搜索",
+    "search-placeholder": "名称或ID"
+  },
+  "filters": {
+    "more-filters": "更多过滤器",
+    "enable-filter": "启用 \"{{filter}}\" 过滤器",
+    "flaky": "不稳定",
+    "retry": "重试",
+    "new": "新的",
+    "fixed": "已修复",
+    "regressed": "已回归",
+    "malfunctioned": "已损坏"
+  },
+  "filters.description": {
+    "flaky": "显示不稳定的测试",
+    "retry": "显示重新运行的测试结果",
+    "new": "显示在此报告中首次出现的测试结果",
+    "fixed": "显示现在通过但之前\"失败\"或\"损坏\"的测试",
+    "regressed": "显示从\"通过\"或\"损坏\"状态变为\"失败\"状态的测试结果",
+    "malfunctioned": "显示从\"通过\"或\"失败\"状态变为\"损坏\"状态的测试结果"
+  },
+  "sort-by": {
+    "sort-by-text": "排序依据:",
+    "sort-by-category": "排序类别",
+    "direction-category": "方向"
+  },
+  "sort-by.values": {
+    "order": "顺序",
+    "alphabet": "字母",
+    "duration": "持续时间",
+    "status": "状态"
+  },
+  "sort-by.directions": {
+    "order-desc": "最新 – 最早",
+    "order-asc": "最早 – 最新",
+    "order-asc-short": "最早",
+    "order-desc-short": "最新",
+    "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": "按照过滤列表",
+    "status-desc": "反转",
+    "status-asc-short": "正常",
+    "status-desc-short": "反转"
+  },
+  "empty": {
+    "no-results": "没有结果",
+    "no-tests-found": "未找到结果",
+    "no-message-provided": "未提供消息",
+    "clear-filters": "清除过滤器",
+    "no-attachments-results": "没有附件信息",
+    "no-global-errors-results": "没有全局错误信息",
+    "no-quality-gate-results": "没有质量门结果",
+    "no-history-results": "没有历史信息",
+    "no-retries-results": "没有重试信息",
+    "no-test-steps-results": "没有可用的测试步骤信息",
+    "no-test-case-results": "没有测试用例结果",
+    "no-environments-results": "没有环境信息"
+  },
+  "severity": {
+    "blocker": "阻断",
+    "critical": "严重",
+    "normal": "正常",
+    "minor": "次要",
+    "trivial": "轻微"
+  },
+  "execution": {
+    "name": "执行",
+    "body": "测试内容",
+    "setup": "设置",
+    "teardown": "拆解"
+  },
+  "environments": {
+    "environment_one": "环境",
+    "environment_other": "环境",
+    "all": "所有"
+  },
+  "ui": {
+    "labels": "标签",
+    "metadata": "元数据",
+    "parameters": "参数",
+    "description": "描述",
+    "links": "链接",
+    "overview": "概览",
+    "history": "历史",
+    "attachments": "附件",
+    "retries": "重试",
+    "environments": "环境",
+    "error": "错误",
+    "goToStep": "跳转到步骤",
+    "showLess": "显示更少",
+    "showMore": "显示更多",
+    "copy": "复制",
+    "attempt": "第 {{attempt}} 次尝试，共 {{total}} 次",
+    "at": "在",
+    "variables": "变量",
+    "openPwTrace": "打开 Playwright Trace",
+    "finishedAtOriginal": "{{formattedCreatedAt}}，退出代码 {{original}}",
+    "finishedAtBoth": "{{formattedCreatedAt}}，退出代码 {{actual}}（原始 {{original}}）"
+  },
+  "controls": {
+    "newTabAttachment": "在新标签页中打开附件",
+    "nextTR": "下一个测试结果",
+    "prevTR": "上一个测试结果",
+    "downloadAttachment": "下载附件",
+    "backto": "返回",
+    "clipboard": "复制到剪贴板",
+    "clipboardError": "无法复制到剪贴板。可能是浏览器不支持此功能",
+    "clipboardSuccess": "复制成功",
+    "collapse": "折叠",
+    "expand": "展开",
+    "fullscreen": "全屏",
+    "language": "更改语言",
+    "openInNewTab": "在新标签页中打开",
+    "openPreview": "打开预览",
+    "noSelectedTR": "没有选择的测试结果",
+    "comparison": "对比",
+    "showDiff": "显示差异",
+    "viewMode": "查看模式",
+    "unified": "统一",
+    "side-by-side": "并排",
+    "compareBy": "比较方式",
+    "chars": "字符",
+    "words": "单词",
+    "lines": "行",
+    "actual": "实际",
+    "expected": "预期"
+  },
+  "errors": {
+    "missedAttachment": "未找到附件"
+  },
+  "sections": {
+    "report": "Report",
+    "charts": "图形",
+    "timeline": "时间轴"
+  },
+  "timeline": {
+    "empty": "无数据",
+    "empty_host": "{{ host }} 无数据",
+    "selected_one": "已选择 {{ count }} 个测试（{{ percentage }}%），持续时间大于 {{ minDuration }} 且小于 {{ maxDuration }}",
+    "selected_other": "已选择 {{ count }} 个测试（{{ percentage }}%），持续时间大于 {{ minDuration }} 且小于 {{ maxDuration }}",
+    "host": "主机: {{ host }}"
+  },
+  "charts": {
+    "trend": {
+      "title": "趋势图表: {{type}}",
+      "type": {
+        "status": "状态",
+        "severity": "严重程度"
+      }
+    },
+    "currentStatus": {
+      "title": "当前状态",
+      "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}}",
+      "total": "总计",
+      "tests": {
+        "new_zero": "没有新测试",
+        "new_one": "{{count}} 个新测试",
+        "new_other": "{{count}} 个新测试",
+        "flaky_zero": "没有不稳定测试",
+        "flaky_one": "{{count}} 个不稳定测试",
+        "flaky_other": "{{count}} 个不稳定测试",
+        "retries_zero": "没有重试测试",
+        "retries_one": "{{count}} 个重试测试",
+        "retries_other": "{{count}} 个重试测试"
+      }
+    },
+    "statusDynamics": {
+      "title": "状态动态",
+      "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": "最新报告 ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} 的报告"
+      },
+      "ticks": {
+        "current": "最新",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "statusTransitions": {
+      "title": "状态转换",
+      "legend": {
+        "trend": "修复率"
+      },
+      "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": "最新报告 ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} 的报告"
+      },
+      "ticks": {
+        "current": "最新",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "durations": {
+      "title": "按{{groupBy}}的持续时间直方图",
+      "title_none": "持续时间直方图",
+      "no-results": "$t(empty:no-results)",
+      "groupBy": {
+        "none": "无",
+        "layer": "层"
+      },
+      "ticks": {
+        "durationRange": "{{from, format_duration}} - {{to, format_duration}}"
+      },
+      "tooltips": {
+        "durationRange": "{{from, format_duration}} - {{to, format_duration}}"
+      },
+      "legend": {
+        "value": "{{value}}",
+        "total": "测试数量"
+      }
+    },
+    "stabilityDistribution": {
+      "title": "稳定性分布",
+      "no-results": "$t(empty:no-results)",
+      "legend": {
+        "stabilityRate": "稳定性率"
+      }
+    },
+    "testBaseGrowthDynamics": {
+      "title": "测试基础增长动态",
+      "status": {
+        "newpassed": "新增 $t(statuses:passed)",
+        "newfailed": "新增 $t(statuses:failed)",
+        "newbroken": "新增 $t(statuses:broken)",
+        "newskipped": "新增 $t(statuses:skipped)",
+        "newunknown": "新增 $t(statuses:unknown)",
+        "removedpassed": "移除 $t(statuses:passed)",
+        "removedfailed": "移除 $t(statuses:failed)",
+        "removedbroken": "移除 $t(statuses:broken)",
+        "removedskipped": "移除 $t(statuses:skipped)",
+        "removedunknown": "移除 $t(statuses:unknown)"
+      },
+      "legend": {
+        "trend": "增长趋势"
+      },
+      "no-history": "$t(empty:no-history-results)",
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "最新报告 ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "报告来自 {{timestamp, timestamp_long_no_seconds}}"
+      },
+      "ticks": {
+        "current": "最新",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "fbsuAgePyramid": {
+      "title": "FBSU年龄金字塔",
+      "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": "最新报告 ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "报告来自 {{timestamp, timestamp_long_no_seconds}}"
+      },
+      "ticks": {
+        "current": "最新",
+        "history": "{{timestamp, timestamp_date}}"
+      }
+    },
+    "trSeverities": {
+      "title": "按严重程度的测试结果",
+      "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": "无严重程度"
+      }
+    },
+    "durationDynamics": {
+      "title": "持续时间动态",
+      "durations": {
+        "sequential": "顺序持续时间",
+        "duration": "测试持续时间",
+        "speedup": "加速"
+      },
+      "no-results": "$t(empty:no-results)",
+      "tooltips": {
+        "current": "最新报告 ({{timestamp, timestamp_long_no_seconds}})",
+        "history": "{{timestamp, timestamp_long_no_seconds}} 的报告"
+      },
+      "ticks": {
+        "current": "最新",
+        "history": "{{timestamp, timestamp_date}}"
+      },
+      "legend": {
+        "duration": "{{duration, format_duration}}",
+        "speedup": "{{speedup}}x"
+      }
+    }
+  },
+  "transitions": {
+    "description": {
+      "new": "此测试结果在报告中的首次出现",
+      "fixed": "之前\"失败\"或\"损坏\"的测试现在\"通过\"了",
+      "regressed": "之前\"通过\"或\"损坏\"的测试现在\"失败\"了",
+      "malfunctioned": "之前\"通过\"或\"失败\"的测试现在\"损坏\"了",
+      "retries": "{{count}} 次重试",
+      "flaky": "多次运行结果不一致"
+    },
+    "new": "新的",
+    "fixed": "已修复",
+    "regressed": "已回归",
+    "malfunctioned": "已损坏"
+  }
+}

package/src/stores/chart.ts

@@ -1,14 +1,17 @@
-import { fetchReportJsonData } from "@allurereport/web-commons";
+import type { PieChartValues } from "@allurereport/charts-api";
+import { type Statistic } from "@allurereport/core-api";
+import { createChartsWithEnvs, fetchReportJsonData, getPieChartValues } from "@allurereport/web-commons";
+import type { ChartsResponse, UIChartsDataWithEnvs } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
-import { StoreSignalState } from "@/stores/types";
+import type { StoreSignalState } from "@/stores/types";
 
-export const pieChartStore = signal<StoreSignalState<any>>({
+export const pieChartStore = signal<StoreSignalState<PieChartValues>>({
   loading: true,
   error: undefined,
   data: undefined,
 });
 
-export const fetchPieChartData = async () => {
+export const fetchPieChartData = async (env: string) => {
   pieChartStore.value = {
     ...pieChartStore.value,
     loading: true,
@@ -16,10 +19,12 @@ export const fetchPieChartData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData("widgets/allure_pie_chart.json");
+    const res = await fetchReportJsonData<Statistic>(env ? `widgets/${env}/statistic.json` : "widgets/statistic.json", {
+      bustCache: true,
+    });
 
     pieChartStore.value = {
-      data: res,
+      data: getPieChartValues(res),
       error: undefined,
       loading: false,
     };
@@ -30,3 +35,33 @@ export const fetchPieChartData = async () => {
     };
   }
 };
+
+export const chartsStore = signal<StoreSignalState<UIChartsDataWithEnvs>>({
+  loading: true,
+  error: undefined,
+  data: undefined,
+});
+
+export const fetchChartsData = async () => {
+  chartsStore.value = {
+    ...chartsStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<ChartsResponse>("widgets/charts.json", { bustCache: true });
+
+    chartsStore.value = {
+      data: createChartsWithEnvs(res),
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    chartsStore.value = {
+      data: undefined,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/src/stores/env.ts

@@ -0,0 +1,88 @@
+import { type TestEnvGroup } from "@allurereport/core-api";
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { effect, signal } from "@preact/signals";
+import type { StoreSignalState } from "@/stores/types";
+import { loadFromLocalStorage } from "@/utils/loadFromLocalStorage";
+
+export const environmentsStore = signal<StoreSignalState<string[]>>({
+  loading: false,
+  error: undefined,
+  data: [],
+});
+
+export const testEnvGroupsStore = signal<StoreSignalState<Record<string, TestEnvGroup>>>({
+  loading: false,
+  error: undefined,
+  data: {},
+});
+
+export const collapsedEnvironments = signal<string[]>(loadFromLocalStorage<string[]>("collapsedEnvironments", []));
+
+export const currentEnvironment = signal<string>(loadFromLocalStorage<string>("currentEnvironment", ""));
+
+export const setCurrentEnvironment = (env: string) => {
+  currentEnvironment.value = env;
+};
+
+export const fetchEnvironments = async () => {
+  environmentsStore.value = {
+    ...environmentsStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<string[]>("widgets/environments.json", { bustCache: true });
+
+    environmentsStore.value = {
+      data: res,
+      error: undefined,
+      loading: false,
+    };
+  } catch (e) {
+    environmentsStore.value = {
+      ...environmentsStore.value,
+      error: e.message,
+      loading: false,
+    };
+  }
+};
+
+export const fetchTestEnvGroup = async (id: string) => {
+  if (testEnvGroupsStore.value.data[id]) {
+    return;
+  }
+
+  testEnvGroupsStore.value = {
+    ...testEnvGroupsStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<TestEnvGroup | undefined>(`data/test-env-groups/${id}.json`);
+
+    testEnvGroupsStore.value = {
+      data: {
+        ...testEnvGroupsStore.value.data,
+        [id]: res,
+      },
+      error: undefined,
+      loading: false,
+    };
+  } catch (e) {
+    testEnvGroupsStore.value = {
+      ...testEnvGroupsStore.value,
+      error: e.message,
+      loading: false,
+    };
+  }
+};
+
+effect(() => {
+  localStorage.setItem("currentEnvironment", JSON.stringify(currentEnvironment.value));
+});
+
+effect(() => {
+  localStorage.setItem("collapsedEnvironments", JSON.stringify([...collapsedEnvironments.value]));
+});

package/src/stores/envInfo.ts

@@ -1,7 +1,7 @@
 import type { EnvironmentItem } from "@allurereport/core-api";
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
-import { StoreSignalState } from "@/stores/types";
+import type { StoreSignalState } from "@/stores/types";
 
 export const envInfoStore = signal<StoreSignalState<EnvironmentItem[]>>({
   loading: false,
@@ -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/globals.ts

@@ -0,0 +1,28 @@
+import { type PluginGlobals } from "@allurereport/plugin-api";
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { signal } from "@preact/signals";
+import { type StoreSignalState } from "./types";
+
+export const globalsStore = signal<StoreSignalState<PluginGlobals>>({
+  loading: true,
+  error: undefined,
+  data: undefined,
+});
+
+export const fetchGlobals = async () => {
+  try {
+    const data = await fetchReportJsonData<PluginGlobals>("widgets/globals.json");
+
+    globalsStore.value = {
+      data,
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    globalsStore.value = {
+      ...globalsStore.value,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/src/stores/layout.ts

@@ -0,0 +1,36 @@
+import { getReportOptions } from "@allurereport/web-commons";
+import { computed, signal } from "@preact/signals";
+import type { AwesomeReportOptions, Layout } from "types";
+
+export const layoutStore = signal<Layout>("base");
+export const isLayoutLoading = signal(false);
+
+export const setLayout = (newLayout: Layout): void => {
+  layoutStore.value = newLayout;
+  document.documentElement.setAttribute("data-layout", newLayout as string);
+  window.localStorage.setItem("layout", newLayout as string);
+};
+
+export const toggleLayout = () => {
+  isLayoutLoading.value = true;
+
+  setTimeout(() => {
+    setLayout(layoutStore.value === "base" ? "split" : "base");
+
+    setTimeout(() => {
+      isLayoutLoading.value = false;
+    }, 300);
+  }, 200);
+};
+
+export const isSplitMode = computed(() => layoutStore.value === "split");
+
+export const getLayout = () => {
+  const { layout } = getReportOptions<AwesomeReportOptions>() ?? {};
+  const layoutFromLS = window.localStorage.getItem("layout") || (layout as Layout) || "base";
+
+  if (layoutFromLS) {
+    setLayout(layoutFromLS as Layout);
+    return;
+  }
+};