@allurereport/web-allure2 3.0.0-beta.9

package/src/helpers/duration.js

@@ -0,0 +1,60 @@
+import { isFunction } from "underscore";
+import pad from "underscore.string/pad.js";
+
+const dateTokens = [
+  {
+    suffix: "d",
+    method: (time) => Math.floor(time.valueOf() / (24 * 3600 * 1000)),
+  },
+  {
+    suffix: "h",
+    method: "getUTCHours",
+  },
+  {
+    suffix: "m",
+    method: "getUTCMinutes",
+  },
+  {
+    suffix: "s",
+    method: "getUTCSeconds",
+  },
+  {
+    pad: 3,
+    suffix: "ms",
+    method: "getUTCMilliseconds",
+  },
+];
+
+export default function (timeInt, count) {
+  if (timeInt === 0) {
+    return "0s";
+  }
+  if (!timeInt) {
+    return "Unknown";
+  }
+  const time = new Date(timeInt);
+  const res = dateTokens
+    .map(({ method, suffix, pad: pd }) => ({
+      value: isFunction(method) ? method(time) : time[method](),
+      suffix,
+      pad: pd,
+    }))
+    .reduce(
+      ({ hasValue, out }, token) => {
+        hasValue = hasValue || token.value > 0;
+        if (token.value > 0 || (hasValue && token.suffix !== "ms")) {
+          out.push(token);
+        }
+        return { hasValue, out };
+      },
+      { hasValue: false, out: [] },
+    )
+    .out.map(function (token, index) {
+      const value = index === 0 ? token.value : pad(token.value, token.pad || 2, "0");
+      return value + token.suffix;
+    });
+  if (typeof count !== "number") {
+    count = 2;
+  }
+  return res.slice(0, count).join(" ");
+}

package/src/helpers/eq.js

@@ -0,0 +1,3 @@
+export default function (a, b) {
+  return a === b;
+}

package/src/helpers/fileicon.js

@@ -0,0 +1,5 @@
+import typeByMime from "@/utils/attachmentType.js";
+
+export default function (type) {
+  return typeByMime(type).icon;
+}

package/src/helpers/filesize.js

@@ -0,0 +1,8 @@
+import { filesize } from "filesize";
+
+export default function (size) {
+  if (!size) {
+    return "";
+  }
+  return filesize(size, { base: 2, round: 1 });
+}

package/src/helpers/gt.js

@@ -0,0 +1,3 @@
+export default function (a, b) {
+  return a > b;
+}

package/src/helpers/inc.js

@@ -0,0 +1,3 @@
+export default function (index) {
+  return index + 1;
+}

package/src/helpers/is-def.js

@@ -0,0 +1,3 @@
+export default function isDef(variable) {
+  return variable || typeof variable === "number";
+}

package/src/helpers/job-icon.js

@@ -0,0 +1,8 @@
+import allureIcon from "./allure-icon.js";
+
+export default function (value, opts) {
+  const knownJobs = ["github", "gitlab", "circleci", "jenkins", "teamcity", "bitbucket", "bamboo"];
+  const jobIcon = knownJobs.includes(value) ? value : "jobs";
+
+  return allureIcon(jobIcon, opts);
+}

package/src/helpers/linky.js

@@ -0,0 +1,7 @@
+import { SafeString } from "handlebars/runtime.js";
+
+const URL_REGEXP = /^(\w)+:\/\/.*/;
+
+export default function (text) {
+  return URL_REGEXP.test(text) ? new SafeString(`<a href="${text}"  class="link" target="_blank">${text}</a>`) : text;
+}

package/src/helpers/not.js

@@ -0,0 +1,3 @@
+export default function (a) {
+  return !a;
+}

package/src/helpers/or.js

@@ -0,0 +1,3 @@
+export default function (a, b) {
+  return !!(a || b);
+}

package/src/helpers/sort-class.js

@@ -0,0 +1,6 @@
+export default function (sortField, { field, order }) {
+  if (field === sortField) {
+    return order === "asc" ? "up" : "down";
+  }
+  return false;
+}

package/src/helpers/statistic-bar.js

@@ -0,0 +1,12 @@
+import { SafeString } from "handlebars/runtime.js";
+import { values } from "@/utils/statuses.js";
+
+export default function (statistic) {
+  const fill = values
+    .map((status) => {
+      const count = !statistic || typeof statistic[status] === "undefined" ? 0 : statistic[status];
+      return count === 0 ? "" : `<span class="label label_status_${status}">${count}</span> `;
+    })
+    .join("");
+  return new SafeString(`${fill}`);
+}

package/src/helpers/status-bar.js

@@ -0,0 +1,14 @@
+import { SafeString } from "handlebars/runtime.js";
+import { values } from "@/utils/statuses.js";
+
+export default function statusBar(statistic) {
+  const fill = values
+    .map((status) => {
+      const count = typeof statistic[status] === "undefined" ? 0 : statistic[status];
+      return count === 0
+        ? ""
+        : `<div class="bar__fill bar__fill_status_${status}" style="flex-grow: ${count}">${count}</div>`;
+    })
+    .join("");
+  return new SafeString(`<div class="bar">${fill}</div>`);
+}

package/src/helpers/t.js

@@ -0,0 +1,5 @@
+import i18next from "@/utils/translation.js";
+
+export default function translate(key, options) {
+  return i18next.t(key, options ? options.hash : {});
+}

package/src/helpers/text-with-links.js

@@ -0,0 +1,18 @@
+import { SafeString } from "handlebars/runtime.js";
+
+const URL_REGEXP = /((?:(https?:\/\/|ftp:\/\/|mailto:)|www\.)\S+?)(\s|"|'|\)|]|}|&#62|$)/gm;
+
+const encodeHTMLEntities = (rawString) => rawString.replace(/[\u00A0-\u9999<>&]/gim, (i) => `&#${i.charCodeAt(0)};`);
+
+export default function (text) {
+  const hasUrl = text !== undefined && text.match(URL_REGEXP);
+  return hasUrl
+    ? new SafeString(
+        encodeHTMLEntities(text).replace(URL_REGEXP, (_, urlFullText, urlProtocol, terminalSymbol) => {
+          return `<a class="link" target="_blank" href="${
+            urlProtocol ? urlFullText : `https://${urlFullText}`
+          }">${urlFullText}</a>${terminalSymbol} `;
+        }),
+      )
+    : text;
+}

package/src/helpers/time.js

@@ -0,0 +1,18 @@
+import pad from "underscore.string/pad.js";
+
+export default function (date, showMilliseconds) {
+  if (!date) {
+    return "unknown";
+  }
+  if (!(date instanceof Date)) {
+    date = new Date(date);
+  }
+  if (typeof showMilliseconds !== "boolean") {
+    showMilliseconds = false;
+  }
+  return [
+    date.getHours(),
+    pad(date.getMinutes(), 2, "0"),
+    pad(date.getSeconds(), 2, "0") + (showMilliseconds ? `.${date.getMilliseconds()}` : ""),
+  ].join(":");
+}

package/src/helpers/timeago.js

@@ -0,0 +1,10 @@
+import distanceInWordsToNow from "date-fns/distance_in_words_to_now";
+import format from "date-fns/format";
+import { SafeString } from "handlebars/runtime.js";
+
+const threshold = 24 * 3600 * 1000;
+
+export default function (date) {
+  const dateString = Date.now() - date < threshold ? distanceInWordsToNow(date) : format(date, "DD MMMM YYYY");
+  return new SafeString(`<span title="${format("DD MMMM YYYY, H:mm:ss")}">${dateString}</span>`);
+}

package/src/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <!-- Inline favicon for single single-file build -->
+  <!--  <link rel="icon" href="data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.09.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.981-4.61-2.587-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.392 3.6a3.6 3.6 0 0 1 3.6-3.6c4.41 0 8.401 1.807 11.296 4.662a3.6 3.6 0 1 1-5.056 5.126C20.602 8.18 18.398 7.2 15.992 7.2a3.6 3.6 0 0 1-3.6-3.6Z' fill='url(%23b)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.992C0 7.157 7.157 0 15.992 0a3.6 3.6 0 0 1 0 7.2A8.789 8.789 0 0 0 7.2 15.992c0 2.406.981 4.61 2.588 6.24a3.6 3.6 0 0 1-5.126 5.056C1.807 24.393 0 20.402 0 15.992Z' fill='url(%23c)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.661 22.232a3.6 3.6 0 0 1 5.091-.035c1.63 1.606 3.834 2.587 6.24 2.587a3.6 3.6 0 0 1 0 7.2c-4.41 0-8.401-1.807-11.295-4.661a3.6 3.6 0 0 1-.036-5.091Z' fill='url(%23d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.384 12.392a3.6 3.6 0 0 1 3.6 3.6c0 8.835-7.157 15.992-15.992 15.992a3.6 3.6 0 0 1 0-7.2 8.789 8.789 0 0 0 8.792-8.792 3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.385 12.392a3.6 3.6 0 0 1 3.6 3.6v12.392a3.6 3.6 0 0 1-7.2 0V15.992a3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23f)'/%3E%3Cg clip-path='url(%23g)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.091.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.982-4.61-2.588-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23h)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='26.8' y1='9.4' x2='17.8' y2='3.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF4444'/%3E%3Cstop offset='1' stop-color='%23DC2626'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='3.6' y1='14' x2='5.4' y2='24.8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2322C55E'/%3E%3Cstop offset='1' stop-color='%2315803D'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='4.8' y1='22.2' x2='14.4' y2='29.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2394A3B8'/%3E%3Cstop offset='.958' stop-color='%2364748B'/%3E%3Cstop offset='1' stop-color='%2364748B'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='28.4' y1='22.173' x2='22.188' y2='28.384' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D97706'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='29.2' y1='54.4' x2='30.626' y2='54.256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FBBF24'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3CclipPath id='g'%3E%3Cpath fill='%23fff' transform='translate(24.8 12)' d='M0 0h7.2v8H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" />-->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Allure Report</title>
+</head>
+<body>
+<div id="app"></div>
+<script type="module" src="/src/index.js"></script>
+<script>
+  //<!--staticData-->
+</script>
+</body>
+</html>

package/src/index.js

@@ -0,0 +1,52 @@
+import { ensureReportDataReady } from "@allurereport/web-commons";
+import "highlight.js/styles/github-gist.css";
+import $ from "jquery";
+import "normalize-css/normalize.css";
+import { App } from "./app.js";
+import "./blocks/arrow/styles.scss";
+import "./blocks/executor-icon/styles.scss";
+import "./blocks/pane/styles.scss";
+import "./blocks/status-details/styles.scss";
+import "./blocks/table/styles.scss";
+import "./blocks/tabs/styles.scss";
+import "./favicon.ico";
+import "./pluginApi.js";
+import "./plugins/default/index.js";
+import "./plugins/screen-diff/index.js";
+import "./plugins/screen-diff/styles.css";
+import "./plugins/tab-behaviors/index.js";
+import "./plugins/tab-category/index.js";
+import "./plugins/tab-graph/index.js";
+import "./plugins/tab-packages/index.js";
+import "./plugins/tab-suites/index.js";
+import "./plugins/tab-timeline/index.js";
+import "./plugins/testresult-category/index.js";
+import "./plugins/testresult-description/index.js";
+import "./plugins/testresult-duration/index.js";
+import "./plugins/testresult-history/index.js";
+import "./plugins/testresult-links/index.js";
+import "./plugins/testresult-owner/index.js";
+import "./plugins/testresult-parameters/index.js";
+import "./plugins/testresult-retries/index.js";
+import "./plugins/testresult-severity/index.js";
+import "./plugins/testresult-tags/index.js";
+import "./plugins/widget-categories-trend/index.js";
+import "./plugins/widget-categories/index.js";
+import "./plugins/widget-duration-trend/index.js";
+import "./plugins/widget-duration/index.js";
+import "./plugins/widget-environment/index.js";
+import "./plugins/widget-executor/index.js";
+import "./plugins/widget-history-trend/index.js";
+import "./plugins/widget-retry-trend/index.js";
+import "./plugins/widget-severity/index.js";
+import "./plugins/widget-status/index.js";
+import "./plugins/widget-suites/index.js";
+import "./plugins/widget-summary/index.js";
+
+window.jQuery = $;
+
+$(document).ready(async () => {
+  await ensureReportDataReady();
+
+  return App.start();
+});

package/src/layouts/application/AppLayout.hbs

@@ -0,0 +1,2 @@
+<div class="{{b 'app' 'nav'}}"></div>
+<div class="{{b 'app' 'content'}}"></div>

package/src/layouts/application/AppLayout.js

@@ -0,0 +1,50 @@
+import { View } from "backbone.marionette";
+import ErrorSplashView from "@/components/error-splash/ErrorSplashView.js";
+import SideNav from "@/components/side-nav/SideNavView.js";
+import { behavior, className, regions } from "@/decorators/index.js";
+import template from "./AppLayout.hbs";
+import "./styles.scss";
+
+@className("app")
+@regions({
+  content: ".app__content",
+  nav: ".app__nav",
+})
+@behavior("GaBehavior")
+@behavior("DownloadBehavior")
+class AppLayout extends View {
+  template = template;
+
+  initialize() {}
+
+  onRender() {
+    this.showChildView("nav", new SideNav());
+    const dataPromise = this.loadData();
+    if (dataPromise) {
+      dataPromise
+        .then(() => {
+          this.showChildView("content", this.getContentView());
+          this.onViewReady();
+        })
+        .catch((e) => {
+          this.showChildView("content", new ErrorSplashView({ code: 404, message: e }));
+        });
+    } else {
+      this.showChildView("content", this.getContentView());
+    }
+  }
+
+  onViewReady() {}
+
+  loadData() {}
+
+  getContentView() {
+    throw new Error("attempt to call abstract method");
+  }
+
+  shouldKeepState() {
+    return true;
+  }
+}
+
+export default AppLayout;

package/src/layouts/application/styles.scss

@@ -0,0 +1,17 @@
+@import "../../variables.scss";
+
+.app {
+  background: $body-bg;
+  display: flex;
+  &__nav {
+    padding: 0 0;
+  }
+  &__content {
+    position: relative;
+    flex: 1;
+    overflow: auto;
+  }
+  &__header {
+    background: $header-bg;
+  }
+}

package/src/layouts/error/ErrorLayout.js

@@ -0,0 +1,11 @@
+import ErrorSplashView from "@/components/error-splash/ErrorSplashView.js";
+import AppLayout from "@/layouts/application/AppLayout.js";
+
+class ErrorLayout extends AppLayout {
+  getContentView() {
+    const { code, message } = this.options;
+    return new ErrorSplashView({ code, message });
+  }
+}
+
+export { ErrorLayout };

package/src/layouts/overview/OverviewLayout.js

@@ -0,0 +1,8 @@
+import WidgetsGridView from "@/components/widgets-grid/WidgetsGridView.js";
+import AppLayout from "@/layouts/application/AppLayout.js";
+
+export default class OverviewLayout extends AppLayout {
+  getContentView() {
+    return new WidgetsGridView({ tabName: "widgets" });
+  }
+}

package/src/layouts/testresult/TestResultLayout.js

@@ -0,0 +1,43 @@
+import { Model } from "backbone";
+import TestResultView from "@/components/testresult/TestResultView.js";
+import TestResultModel from "@/data/testresult/TestResultModel.js";
+import AppLayout from "@/layouts/application/AppLayout.js";
+import router from "@/router.js";
+
+export default class TestResultLayout extends AppLayout {
+  initialize({ uid }) {
+    super.initialize();
+    this.uid = uid;
+    this.model = new TestResultModel({ uid });
+    this.routeState = new Model();
+  }
+
+  loadData() {
+    return this.model.fetch();
+  }
+
+  getContentView() {
+    const baseUrl = `#testresult/${this.uid}`;
+    return new TestResultView({ baseUrl, model: this.model, routeState: this.routeState });
+  }
+
+  onViewReady() {
+    const { uid, tabName } = this.options;
+    this.onRouteUpdate(uid, tabName);
+  }
+
+  onRouteUpdate(uid, tabName) {
+    this.routeState.set("testResultTab", tabName);
+
+    const attachment = router.getUrlParams().attachment;
+    if (attachment) {
+      this.routeState.set("attachment", attachment);
+    } else {
+      this.routeState.unset("attachment");
+    }
+  }
+
+  shouldKeepState(uid) {
+    return this.uid === uid;
+  }
+}

package/src/layouts/tree/TreeLayout.js

@@ -0,0 +1,45 @@
+import { Model } from "backbone";
+import TestResultTreeView from "@/components/testresult-tree/TestResultTreeView.js";
+import TreeCollection from "@/data/tree/TreeCollection.js";
+import AppLayout from "@/layouts/application/AppLayout.js";
+import router from "@/router.js";
+
+export default class TreeLayout extends AppLayout {
+  initialize({ url }) {
+    super.initialize();
+    this.tree = new TreeCollection([], { url });
+    this.routeState = new Model();
+  }
+
+  loadData() {
+    return this.tree.fetch();
+  }
+
+  getContentView() {
+    const { baseUrl, tabName, csvUrl } = this.options;
+    return new TestResultTreeView({
+      tree: this.tree,
+      routeState: this.routeState,
+      tabName,
+      baseUrl,
+      csvUrl,
+    });
+  }
+
+  onViewReady() {
+    const { testGroup, testResult, testResultTab } = this.options;
+    this.onRouteUpdate(testGroup, testResult, testResultTab);
+  }
+
+  onRouteUpdate(testGroup, testResult, testResultTab) {
+    this.routeState.set("treeNode", { testGroup, testResult });
+    this.routeState.set("testResultTab", testResultTab);
+
+    const attachment = router.getUrlParams().attachment;
+    if (attachment) {
+      this.routeState.set("attachment", attachment);
+    } else {
+      this.routeState.unset("attachment");
+    }
+  }
+}

package/src/mixins.scss

@@ -0,0 +1,128 @@
+@import "./variables.scss";
+
+@mixin status-bg() {
+  &_status_failed {
+    background: $background-failed;
+  }
+  &_status_broken {
+    background: $background-broken;
+  }
+  &_status_passed {
+    background: $background-passed;
+  }
+  &_status_skipped {
+    background: $background-skipped;
+  }
+  &_status_unknown {
+    background: $background-unknown;
+  }
+}
+
+@mixin status-bg-bright-before() {
+  &_status_failed::before {
+    background: $color-failed;
+  }
+  &_status_broken::before {
+    background: $color-broken;
+  }
+  &_status_passed::before {
+    background: $color-passed;
+  }
+  &_status_skipped::before {
+    background: $color-skipped;
+  }
+  &_status_unknown::before {
+    background: $color-unknown;
+  }
+}
+
+@mixin status-bg-light() {
+  &_status_failed {
+    background: $background-light-failed;
+  }
+  &_status_broken {
+    background: $background-light-broken;
+  }
+  &_status_passed {
+    background: $background-light-passed;
+  }
+  &_status_skipped {
+    background: $background-light-skipped;
+  }
+  &_status_unknown {
+    background: $background-light-unknown;
+  }
+}
+
+@mixin status-bg-bright() {
+  &_status_failed {
+    background: $color-failed;
+  }
+  &_status_broken {
+    background: $color-broken;
+  }
+  &_status_passed {
+    background: $color-passed;
+  }
+  &_status_skipped {
+    background: $color-skipped;
+  }
+  &_status_unknown {
+    background: $color-unknown;
+  }
+}
+
+@mixin status-border() {
+  &_status_failed {
+    border-color: $color-failed;
+  }
+  &_status_broken {
+    border-color: $color-broken;
+  }
+  &_status_passed {
+    border-color: $color-passed;
+  }
+  &_status_skipped {
+    border-color: $color-skipped;
+  }
+  &_status_unknown {
+    border-color: $color-unknown;
+  }
+}
+
+@mixin status-text() {
+  &_status_failed {
+    color: $color-failed;
+  }
+  &_status_broken {
+    color: $color-broken;
+  }
+  &_status_passed {
+    color: $color-passed;
+  }
+  &_status_skipped {
+    color: $color-skipped;
+  }
+  &_status_unknown {
+    color: $color-unknown;
+  }
+}
+
+@mixin status-fill() {
+  &_status_failed {
+    fill: $color-failed;
+  }
+  &_status_broken {
+    fill: $color-broken;
+  }
+  &_status_passed {
+    fill: $color-passed;
+  }
+  &_status_skipped {
+    fill: $color-skipped;
+  }
+  &_status_unknown {
+    fill: $color-unknown;
+  }
+}
+

package/src/pluginApi.js

@@ -0,0 +1,26 @@
+/* eslint-disable */
+import TrendChartView from "./components/graph-trend-chart/TrendChartView.js";
+import WidgetStatusView from "./components/widget-status/WidgetStatusView.js";
+import TrendCollection from "./data/trend/TrendCollection.js";
+import AppLayout from "./layouts/application/AppLayout.js";
+import TreeLayout from "./layouts/tree/TreeLayout.js";
+import pluginsRegistry from "./utils/pluginsRegistry.js";
+import settings from "./utils/settings.js";
+import { getSettingsForPlugin } from "./utils/settingsFactory.js";
+
+window.allure = {
+  api: pluginsRegistry,
+  getPluginSettings(name, defaults) {
+    return getSettingsForPlugin(name, defaults);
+  },
+  settings: settings,
+  components: {
+    AppLayout: AppLayout,
+    TreeLayout: TreeLayout,
+    WidgetStatusView: WidgetStatusView,
+    TrendChartView: TrendChartView,
+  },
+  collections: {
+    TrendCollection: TrendCollection,
+  },
+};

package/src/plugins/.eslintrc

@@ -0,0 +1,5 @@
+{
+    "globals": {
+        "allure": true
+    }
+}

package/src/plugins/default/index.js

@@ -0,0 +1,11 @@
+import OverviewLayout from "@/layouts/overview/OverviewLayout.js";
+
+allure.api.addTab("", {
+  title: "tab.overview.name",
+  icon: "overview",
+  route: "",
+  onEnter: () =>
+    new OverviewLayout({
+      tabName: "tab.overview.name",
+    }),
+});