@allurereport/web-summary 3.0.0-beta.16 → 3.0.0-beta.18

package/dist/app-e9de039e5780204bcbb8.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+     * Prism: Lightweight, robust, elegant syntax highlighting
+     *
+     * @license MIT <https://opensource.org/licenses/MIT>
+     * @author Lea Verou <https://lea.verou.me>
+     * @namespace
+     * @public
+     */

package/dist/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-b6e0bd53352fd2fa88a3.js"
+  "main.js": "app-e9de039e5780204bcbb8.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-summary",
-  "version": "3.0.0-beta.16",
+  "version": "3.0.0-beta.18",
   "description": "The static files for Allure Report Summary",
   "keywords": [
     "allure",
@@ -27,9 +27,9 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.0-beta.16",
-    "@allurereport/web-commons": "3.0.0-beta.16",
-    "@allurereport/web-components": "3.0.0-beta.16",
+    "@allurereport/core-api": "3.0.0-beta.18",
+    "@allurereport/web-commons": "3.0.0-beta.18",
+    "@allurereport/web-components": "3.0.0-beta.18",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",
@@ -72,7 +72,7 @@
     "html-webpack-plugin": "^5.6.3",
     "mini-css-extract-plugin": "^2.9.1",
     "npm-run-all2": "^7.0.1",
-    "postcss": "^8.5.0",
+    "postcss": "^8.5.6",
     "rimraf": "^6.0.1",
     "sass": "^1.79.1",
     "sass-loader": "^16.0.1",
@@ -82,7 +82,7 @@
     "typescript-eslint": "^8.6.0",
     "webpack": "^5.99.9",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.1",
+    "webpack-dev-server": "^5.2.2",
     "webpack-manifest-plugin": "^5.0.0"
   }
 }

package/src/components/IconLabel/index.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, Text, TooltipWrapper } from "@allurereport/web-components";
+import cx from "clsx";
+import type { FunctionalComponent } from "preact";
+import * as styles from "./styles.scss";
+
+export type IconLabelProps = {
+  icon: string;
+  tooltip?: string;
+  className?: string;
+};
+
+export const IconLabel: FunctionalComponent<IconLabelProps> = ({ icon, children, tooltip, className, ...rest }) => {
+  const content = (
+    <div className={cx(styles["icon-label-wrapper"], className)}>
+      <SvgIcon className={styles["icon-label-icon"]} id={icon} />
+      <Text className={styles["icon-label-text"]} type="ui" size="s" bold>
+        {children}
+      </Text>
+    </div>
+  );
+
+  if (tooltip) {
+    return (
+      <div className={styles["icon-label"]} {...rest}>
+        <TooltipWrapper tooltipText={tooltip}>{content}</TooltipWrapper>
+      </div>
+    );
+  }
+
+  return (
+    <div className={styles["icon-label"]} {...rest}>
+      {content}
+    </div>
+  );
+};
+
+export default IconLabel;

package/src/components/IconLabel/styles.scss

@@ -0,0 +1,17 @@
+.icon-label {
+  display: inline-block;
+}
+
+.icon-label-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.icon-label-icon {
+  color: var(--on-icon-secondary);
+}
+
+.icon-label-text {
+  color: var(--on-text-secondary);
+}

package/src/components/ReportCard/index.tsx

@@ -1,7 +1,8 @@
-import { type Statistic, type TestStatus, formatDuration } from "@allurereport/core-api";
+import { type Statistic, type TestStatus, formatDuration, getPieChartValues } from "@allurereport/core-api";
 import { capitalize } from "@allurereport/web-commons";
-import { Heading, StatusLabel, SuccessRatePieChart, Text, getChartData } from "@allurereport/web-components";
+import { Heading, StatusLabel, SuccessRatePieChart, Text, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
+import IconLabel from "@/components/IconLabel";
 import type { MetadataProps } from "@/components/MetadataRow/MetadataItem";
 import MetadataItem, { MetadataTestType } from "@/components/MetadataRow/MetadataItem";
 import { currentLocaleIso, useI18n } from "@/stores";
@@ -12,6 +13,10 @@ export type ReportCardProps = {
   name: string;
   status: TestStatus;
   stats: Statistic;
+  // TODO: use SummaryTestResult in the package
+  newTests: any[];
+  retryTests: any[];
+  flakyTests: any[];
   duration: number;
   plugin?: string;
   createdAt?: number;
@@ -25,9 +30,12 @@ export const ReportCard: FunctionalComponent<ReportCardProps> = ({
   duration,
   plugin,
   createdAt,
+  newTests,
+  flakyTests,
+  retryTests,
 }) => {
   const { t } = useI18n("summary");
-  const { percentage, slices } = getChartData(stats);
+  const { percentage, slices } = getPieChartValues(stats);
   const formattedDuration = formatDuration(duration);
   const formattedCreatedAt = new Date(createdAt as number).toLocaleDateString(currentLocaleIso.value as string, {
     month: "long",
@@ -46,7 +54,7 @@ export const ReportCard: FunctionalComponent<ReportCardProps> = ({
       target={"_blank"}
       rel="noreferrer"
     >
-      <div className={styles["report-card-content"]}>
+      <div>
         {plugin && (
           <Text type={"ui"} tag={"div"} size={"s"} className={styles["report-card-plugin"]}>
             {plugin}
@@ -71,6 +79,17 @@ export const ReportCard: FunctionalComponent<ReportCardProps> = ({
             {formattedDuration}
           </Text>
         </div>
+        <div className={styles["report-card-metadata-icons"]}>
+          <IconLabel tooltip={capitalize(t("new"))} icon={allureIcons.testNew}>
+            {newTests?.length ?? 0}
+          </IconLabel>
+          <IconLabel tooltip={capitalize(t("flaky"))} icon={allureIcons.lineIconBomb2}>
+            {flakyTests?.length ?? 0}
+          </IconLabel>
+          <IconLabel tooltip={capitalize(t("retry"))} icon={allureIcons.lineGeneralZap}>
+            {retryTests?.length ?? 0}
+          </IconLabel>
+        </div>
         <div className={styles["report-card-metadata"]}>
           {[
             { label: "total", value: stats?.total },

package/src/components/ReportCard/styles.scss

@@ -55,3 +55,10 @@
   display: flex;
   gap: 12px;
 }
+
+.report-card-metadata-icons {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 8px;
+}

package/src/i18n/locales/az.json

@@ -6,7 +6,10 @@
     "skipped": "keçildi",
     "unknown": "naməlum",
     "total": "cəmi",
-    "in": "içində"
+    "in": "içində",
+    "new": "yeni testlər",
+    "flaky": "qeyri-sabit testlər",
+    "retry": "təkrar testlər"
   },
   "empty": {
     "no-reports": "Hesabat tapılmadı"

package/src/i18n/locales/de.json

@@ -6,7 +6,10 @@
     "skipped": "übersprungen",
     "unknown": "unbekannt",
     "total": "gesamt",
-    "in": "in"
+    "in": "in",
+    "new": "neue Tests",
+    "flaky": "instabile Tests",
+    "retry": "wiederholte Tests"
   },
   "empty": {
     "no-reports": "Keine Berichte gefunden"

package/src/i18n/locales/en.json

@@ -6,7 +6,10 @@
     "skipped": "skipped",
     "unknown": "unknown",
     "total": "total",
-    "in": "in"
+    "in": "in",
+    "new": "new tests",
+    "flaky": "flaky tests",
+    "retry": "retry tests"
   },
   "empty": {
     "no-reports": "No reports found"

package/src/i18n/locales/es.json

@@ -6,7 +6,10 @@
     "skipped": "omitido",
     "unknown": "desconocido",
     "total": "total",
-    "in": "en"
+    "in": "en",
+    "new": "nuevos tests",
+    "flaky": "tests inestables",
+    "retry": "tests repetidos"
   },
   "empty": {
     "no-reports": "No se encontraron informes"

package/src/i18n/locales/fr.json

@@ -6,7 +6,10 @@
     "skipped": "ignoré",
     "unknown": "inconnu",
     "total": "total",
-    "in": "dans"
+    "in": "dans",
+    "new": "nouveaux tests",
+    "flaky": "tests instables",
+    "retry": "tests répétés"
   },
   "empty": {
     "no-reports": "Aucun rapport trouvé"

package/src/i18n/locales/he.json

@@ -6,7 +6,10 @@
     "skipped": "דלג",
     "unknown": "לא ידוע",
     "total": "סה\"כ",
-    "in": "ב-"
+    "in": "ב-",
+    "new": "בדיקות חדשות",
+    "flaky": "בדיקות לא יציבות",
+    "retry": "בדיקות חוזרות"
   },
   "empty": {
     "no-reports": "לא נמצאו דוחות"

package/src/i18n/locales/hy.json

@@ -5,7 +5,11 @@
     "broken": "կոտրված",
     "skipped": "բաց թողնված",
     "unknown": "անհայտ",
-    "in": "մեջ"
+    "total": "ընդհանուր",
+    "in": "մեջ",
+    "new": "նոր թեստեր",
+    "flaky": "անկայուն թեստեր",
+    "retry": "կրկնվող թեստեր"
   },
   "empty": {
     "no-reports": "Ոչ մի հաշվետվություն չի գտնվել"

package/src/i18n/locales/it.json

@@ -6,7 +6,10 @@
     "skipped": "saltato",
     "unknown": "sconosciuto",
     "total": "totale",
-    "in": "in"
+    "in": "in",
+    "new": "nuovi test",
+    "flaky": "test instabili",
+    "retry": "test ripetuti"
   },
   "empty": {
     "no-reports": "Nessun report trovato"

package/src/i18n/locales/ja.json

@@ -6,7 +6,10 @@
     "skipped": "スキップ",
     "unknown": "不明",
     "total": "合計",
-    "in": "中"
+    "in": "中",
+    "new": "新規テスト",
+    "flaky": "不安定テスト",
+    "retry": "再試行テスト"
   },
   "empty": {
     "no-reports": "レポートが見つかりません"

package/src/i18n/locales/ka.json

@@ -6,7 +6,10 @@
     "skipped": "გამოტოვებული",
     "unknown": "უცნობი",
     "total": "ჯამი",
-    "in": "ში"
+    "in": "ში",
+    "new": "ახალი ტესტები",
+    "flaky": "არასტაბილური ტესტები",
+    "retry": "განმეორებითი ტესტები"
   },
   "empty": {
     "no-reports": "არ მოიძებნა არცერთი ანგარიში"

package/src/i18n/locales/kr.json

@@ -6,7 +6,10 @@
     "skipped": "건너뜀",
     "unknown": "알 수 없음",
     "total": "총계",
-    "in": "중"
+    "in": "중",
+    "new": "새로운 테스트",
+    "flaky": "불안정한 테스트",
+    "retry": "재시도 테스트"
   },
   "empty": {
     "no-reports": "보고서가 없습니다"

package/src/i18n/locales/nl.json

@@ -6,7 +6,10 @@
     "skipped": "overgeslagen",
     "unknown": "onbekend",
     "total": "totaal",
-    "in": "in"
+    "in": "in",
+    "new": "nieuwe tests",
+    "flaky": "onstabiele tests",
+    "retry": "herhaalde tests"
   },
   "empty": {
     "no-reports": "Geen rapporten gevonden"

package/src/i18n/locales/pl.json

@@ -6,7 +6,10 @@
     "skipped": "pominięty",
     "unknown": "nieznany",
     "total": "wszystkie",
-    "in": "za"
+    "in": "za",
+    "new": "nowe testy",
+    "flaky": "niestabilne testy",
+    "retry": "powtórzone testy"
   },
   "empty": {
     "no-reports": "Brak raportów"

package/src/i18n/locales/pt.json

@@ -6,7 +6,10 @@
     "skipped": "ignorado",
     "unknown": "desconhecido",
     "total": "total",
-    "in": "em"
+    "in": "em",
+    "new": "novos testes",
+    "flaky": "testes instáveis",
+    "retry": "testes repetidos"
   },
   "empty": {
     "no-reports": "Nenhum relatório encontrado"

package/src/i18n/locales/ru.json

@@ -6,7 +6,10 @@
     "skipped": "пропущенный",
     "unknown": "неизвестный",
     "total": "все",
-    "in": "за"
+    "in": "за",
+    "new": "новые тесты",
+    "flaky": "нестабильные тесты",
+    "retry": "повторные тесты"
   },
   "empty": {
     "no-reports": "Отчеты не найдены"

package/src/i18n/locales/sv.json

@@ -6,7 +6,10 @@
     "skipped": "hoppad över",
     "unknown": "okänd",
     "total": "totalt",
-    "in": "i"
+    "in": "i",
+    "new": "nya tester",
+    "flaky": "instabila tester",
+    "retry": "upprepade tester"
   },
   "empty": {
     "no-reports": "Inga rapporter"

package/src/i18n/locales/tr.json

@@ -6,7 +6,10 @@
     "skipped": "atlandı",
     "unknown": "bilinmeyen",
     "total": "toplam",
-    "in": "içinde"
+    "in": "içinde",
+    "new": "yeni testler",
+    "flaky": "kararsız testler",
+    "retry": "tekrar testleri"
   },
   "empty": {
     "no-reports": "Rapor bulunamadı"

package/src/i18n/locales/zh.json

@@ -6,7 +6,10 @@
     "skipped": "跳过",
     "unknown": "未知",
     "total": "总计",
-    "in": "在"
+    "in": "在",
+    "new": "新测试",
+    "flaky": "不稳定测试",
+    "retry": "重试测试"
   },
   "empty": {
     "no-reports": "未找到报告"

package/src/index.html

@@ -35,6 +35,48 @@
           },
           duration: 1240812,
           status: "failed",
+          newTests: [
+            {
+              name: "New test 1",
+              id: "1",
+              status: "passed",
+              duration: 100
+            },
+            {
+              name: "New test 2",
+              id: "2",
+              status: "passed",
+              duration: 100
+            },
+            {
+              name: "New test 3",
+              id: "3",
+              status: "passed",
+              duration: 100
+            },
+          ],
+          flakyTests: [
+            {
+              name: "New test 1",
+              id: "1",
+              status: "passed",
+              duration: 100
+            },
+          ],
+          retryTests: [
+            {
+              name: "New test 1",
+              id: "1",
+              status: "passed",
+              duration: 100
+            },
+            {
+              name: "New test 2",
+              id: "2",
+              status: "passed",
+              duration: 100
+            },
+          ]
         },
         {
           name: "Second sample report with longer title",
@@ -45,6 +87,16 @@
           },
           duration: 31290,
           status: "passed",
+          newTests: [
+            {
+              name: "New test 1",
+              id: "1",
+              status: "failed",
+              duration: 100
+            },
+          ],
+          flakyTests: [],
+          retryTests: [],
         },
         {
           name: "Third report",
@@ -56,6 +108,9 @@
           },
           duration: 512341,
           status: "broken",
+          newTests: [],
+          flakyTests: [],
+          retryTests: [],
         },
         {
           name: "Fourth report",
@@ -68,6 +123,9 @@
           },
           duration: 12341,
           status: "broken",
+          newTests: [],
+          flakyTests: [],
+          retryTests: [],
         },
         {
           name: "Fifth report with a very long title that should not be truncated and should be displayed in full",
@@ -79,6 +137,22 @@
           },
           duration: 0,
           status: "unknown",
+          newTests: [
+            {
+              name: "New test 1",
+              id: "1",
+              status: "passed",
+              duration: 100
+            },
+            {
+              name: "New test 2",
+              id: "2",
+              status: "failed",
+              duration: 100
+            }
+          ],
+          flakyTests: [],
+          retryTests: [],
         },
       ]
     </script>