@allurereport/web-allure2 3.0.0-beta.9

package/src/plugins/testresult-retries/RetriesView.js

@@ -0,0 +1,28 @@
+import { View } from "backbone.marionette";
+import $ from "jquery";
+import { className, on } from "@/decorators/index.js";
+import router from "@/router.js";
+import template from "./RetriesView.hbs";
+import "./styles.scss";
+
+@className("test-result-retries")
+class RetriesView extends View {
+  template = template;
+
+  serializeData() {
+    const extra = this.model.get("extra");
+    const retries = extra ? extra.retries : null;
+    return {
+      cls: this.className,
+      retries: retries,
+    };
+  }
+
+  @on("click .retry-row")
+  onRetryClick(e) {
+    const uid = $(e.currentTarget).data("uid");
+    router.toUrl(`#testresult/${uid}`);
+  }
+}
+
+export default RetriesView;

package/src/plugins/testresult-retries/index.js

@@ -0,0 +1,3 @@
+import RetriesView from "./RetriesView.js";
+
+allure.api.addTestResultTab("retries", "testResult.retries.name", RetriesView);

package/src/plugins/testresult-retries/styles.scss

@@ -0,0 +1,11 @@
+@import "../../variables.scss";
+
+.test-result-retries {
+  &__row {
+    padding: 7px 15px 7px $gap-size;
+    cursor: pointer;
+    &:hover {
+      background-color: $hover-color;
+    }
+  }
+}

package/src/plugins/testresult-severity/SeverityView.hbs

@@ -0,0 +1,4 @@
+{{#if severity}}
+    {{t 'testResult.severity.name'}}:
+    {{t (concat 'testResult.severity.' severity)}}
+{{/if}}

package/src/plugins/testresult-severity/SeverityView.js

@@ -0,0 +1,17 @@
+import { View } from "backbone.marionette";
+import { className } from "@/decorators/index.js";
+import template from "./SeverityView.hbs";
+
+@className("pane__section")
+class SeverityView extends View {
+  template = template;
+
+  serializeData() {
+    const extra = this.model.get("extra");
+    return {
+      severity: extra ? extra.severity : null,
+    };
+  }
+}
+
+export default SeverityView;

package/src/plugins/testresult-severity/index.js

@@ -0,0 +1,3 @@
+import SeverityView from "./SeverityView.js";
+
+allure.api.addTestResultBlock(SeverityView, { position: "tag" });

package/src/plugins/testresult-tags/TagsView.hbs

@@ -0,0 +1,5 @@
+{{#if tags}}
+    {{t 'testResult.tags.name'}}: {{#each tags}}
+        <span class="label label__info">{{#if this}}{{this}}{{else}}null{{/if}}</span>
+    {{/each}}
+{{/if}}

package/src/plugins/testresult-tags/TagsView.js

@@ -0,0 +1,17 @@
+import { View } from "backbone.marionette";
+import { className } from "@/decorators/index.js";
+import template from "./TagsView.hbs";
+
+@className("pane__section")
+class TagsView extends View {
+  template = template;
+
+  serializeData() {
+    const extra = this.model.get("extra");
+    return {
+      tags: extra ? extra.tags : null,
+    };
+  }
+}
+
+export default TagsView;

package/src/plugins/testresult-tags/index.js

@@ -0,0 +1,3 @@
+import TagsView from "./TagsView.js";
+
+allure.api.addTestResultBlock(TagsView, { position: "tag" });

package/src/plugins/widget-categories/index.js

@@ -0,0 +1,12 @@
+import WidgetStatusView from "@/components/widget-status/WidgetStatusView.js";
+
+allure.api.addWidget(
+  "widgets",
+  "categories",
+  WidgetStatusView.extend({
+    rowTag: "a",
+    title: "widget.categories.name",
+    baseUrl: "categories",
+    showLinks: true,
+  }),
+);

package/src/plugins/widget-categories-trend/CategoriesTrendWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'widget.categoriesTrend.name'}}
+</h2>
+<div class="categories-trend__chart"></div>

package/src/plugins/widget-categories-trend/CategoriesTrendWidgetView.js

@@ -0,0 +1,33 @@
+import { View } from "backbone.marionette";
+import { scaleOrdinal } from "d3-scale";
+import { interpolateYlOrRd } from "d3-scale-chromatic";
+import { range } from "underscore";
+import TrendChartView from "@/components/graph-trend-chart/TrendChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import template from "./CategoriesTrendWidgetView.hbs";
+import "./styles.scss";
+
+@regions({
+  chart: ".categories-trend__chart",
+})
+@className("categories-trend")
+class CategoriesTrendWidgetView extends View {
+  template = template;
+
+  onRender() {
+    const keys = this.model.sortedKeysByLastValue();
+    const colors = scaleOrdinal(range(0, 1, 1 / keys.length).map((d) => interpolateYlOrRd(1 - d)));
+    this.showChildView(
+      "chart",
+      new TrendChartView({
+        model: this.model,
+        keys,
+        colors,
+        hideLines: true,
+        hidePoints: true,
+      }),
+    );
+  }
+}
+
+export default CategoriesTrendWidgetView;

package/src/plugins/widget-categories-trend/index.js

@@ -0,0 +1,4 @@
+import TrendCollection from "@/data/trend/TrendCollection.js";
+import CategoriesTrendWidgetView from "./CategoriesTrendWidgetView.js";
+
+allure.api.addWidget("graph", "categories-trend", CategoriesTrendWidgetView, TrendCollection);

package/src/plugins/widget-categories-trend/styles.scss

@@ -0,0 +1,6 @@
+.categories-trend {
+  &__chart > div {
+    position: relative;
+    padding-top: 50%;
+  }
+}

package/src/plugins/widget-duration/DurationWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'chart.duration.name'}}
+</h2>
+<div class="duration-widget__content chart__body"></div>

package/src/plugins/widget-duration/DurationWidgetView.js

@@ -0,0 +1,23 @@
+import { View } from "backbone.marionette";
+import DurationChartView from "@/components/graph-duration-chart/DurationChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import template from "./DurationWidgetView.hbs";
+
+@className("duration-widget")
+@regions({
+  chart: ".duration-widget__content",
+})
+class DurationWidgetView extends View {
+  template = template;
+
+  onRender() {
+    this.showChildView(
+      "chart",
+      new DurationChartView({
+        model: this.model.get("items"),
+      }),
+    );
+  }
+}
+
+export default DurationWidgetView;

package/src/plugins/widget-duration/index.js

@@ -0,0 +1,3 @@
+import DurationWidgetView from "./DurationWidgetView.js";
+
+allure.api.addWidget("graph", "duration", DurationWidgetView);

package/src/plugins/widget-duration-trend/DurationTrendWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'widget.durationTrend.name'}}
+</h2>
+<div class="duration-trend__chart"></div>

package/src/plugins/widget-duration-trend/DurationTrendWidgetView.js

@@ -0,0 +1,49 @@
+import { View } from "backbone.marionette";
+import { interpolateRgb } from "d3-interpolate";
+import { scaleLinear, scaleOrdinal } from "d3-scale";
+import { last } from "underscore";
+import TrendChartView from "@/components/graph-trend-chart/TrendChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import duration from "@/helpers/duration.js";
+import template from "./DurationTrendWidgetView.hbs";
+import "./styles.scss";
+
+@regions({
+  chart: ".duration-trend__chart",
+})
+@className("duration-trend")
+class DurationTrendWidgetView extends View {
+  template = template;
+
+  onRender() {
+    const key = "duration";
+    const values = this.model.map((model) => model.get("data")[key]);
+    const lastExtremum = Math.min(
+      ...[(d) => d >= 0, (d) => d <= 0].map((op) =>
+        values.reduce((m, c, i) => (op(c - values[i - 1]) ? i : m), last(values)),
+      ),
+    );
+    const amplitude = Math.max(...values) - Math.min(...values);
+    const lastDelta = values[lastExtremum] - last(values);
+
+    const level = scaleLinear().domain([0, Math.max(amplitude, 0.25 * Math.max(...values))]);
+
+    level.range(lastDelta > 0 ? ["#c4cac6", "#31a354"] : ["#cdc5c4", "#e34a33"]).interpolate(interpolateRgb);
+
+    const colors = scaleOrdinal().range([level(Math.abs(lastDelta))]);
+
+    this.showChildView(
+      "chart",
+      new TrendChartView({
+        model: this.model,
+        hidePoints: true,
+        hideLines: true,
+        colors,
+        keys: [key],
+        yTickFormat: (d) => duration(d, 2),
+      }),
+    );
+  }
+}
+
+export default DurationTrendWidgetView;

package/src/plugins/widget-duration-trend/index.js

@@ -0,0 +1,4 @@
+import TrendCollection from "@/data/trend/TrendCollection.js";
+import DurationTrendWidgetView from "./DurationTrendWidgetView.js";
+
+allure.api.addWidget("graph", "duration-trend", DurationTrendWidgetView, TrendCollection);

package/src/plugins/widget-duration-trend/styles.scss

@@ -0,0 +1,6 @@
+.duration-trend {
+  &__chart > div {
+    position: relative;
+    padding-top: 50%;
+  }
+}

package/src/plugins/widget-environment/EnvironmentWidget.hbs

@@ -0,0 +1,27 @@
+<h2 class="widget__title">
+    {{t 'widget.environment.name'}}
+</h2>
+{{#if items}}
+    <div class="table  table_hover widget__table">
+    {{#each items}}
+        <div class="{{b "table" "row"}}" disabled>
+            <div class="{{b "table" "col"}} long-line">
+                {{name}}
+            </div>
+            <div class="{{b "table" "col"}} long-line">
+                {{#each values}}
+                    {{linky this}}{{#unless @last}},<br>{{/unless}}
+                {{/each}}
+            </div>
+        </div>
+    {{/each}}
+    {{#if overLimit}}
+        <a class="{{b "table" "row"}} clickable environment-widget__expand">
+            <div class="{{b "table" "col" center=true}}">{{t 'widget.environment.showAll'}}</div>
+        </a>
+    {{/if}}
+    </div>
+
+{{else}}
+    <div class="widget__noitems">{{t 'widget.environment.empty'}}</div>
+{{/if}}

package/src/plugins/widget-environment/EnvironmentWidget.js

@@ -0,0 +1,25 @@
+import { View } from "backbone.marionette";
+import { on } from "@/decorators/index.js";
+import template from "./EnvironmentWidget.hbs";
+
+export default class EnvironmentWidget extends View {
+  template = template;
+
+  initialize() {
+    this.listLimit = 5;
+  }
+
+  @on("click .environment-widget__expand")
+  onExpandClick() {
+    this.listLimit = this.model.get("items").length;
+    this.render();
+  }
+
+  serializeData() {
+    const items = this.model.get("items");
+    return {
+      items: items.slice(0, this.listLimit),
+      overLimit: items.length > this.listLimit,
+    };
+  }
+}

package/src/plugins/widget-environment/index.js

@@ -0,0 +1,3 @@
+import EnvironmentWidget from "./EnvironmentWidget.js";
+
+allure.api.addWidget("widgets", "environment", EnvironmentWidget);

package/src/plugins/widget-executor/ExecutorsWidgetView.hbs

@@ -0,0 +1,40 @@
+<h2 class="widget__title">
+    {{t 'widget.executors.name'}}
+</h2>
+<div class="table table_hover widget__table">
+{{#if items}}
+    {{#each items}}
+    <span class="table__row">
+        <div class="{{b 'table' 'col'}} executor">
+            <div class="executor-icon">
+              {{job-icon type width="32px" height="32px"}}
+              <span>{{name}}</span>
+            </div>
+        </div>
+        {{#if buildName}}
+            <div class="{{b 'table' 'col' right=true}} executor">
+                {{#if buildUrl}}
+                    <a class="link" href="{{buildUrl}}">
+                        {{buildName}}
+                        {{allure-icon "link" noTooltip=true width="12px" height="12px"}}
+                    </a>
+                {{else}}
+                    {{buildName}}
+                {{/if}}
+
+            </div>
+        {{else}}
+            <div class="{{b 'table' 'col' right=true}}">
+                {{t 'widget.executors.unknown'}}
+            </div>
+        {{/if}}
+    </span>
+    {{/each}}
+{{else}}
+    <div class="table__row">
+        <div class="{{b 'table' 'col' center=true}}">
+            {{t 'widget.executors.empty'}}
+        </div>
+    </div>
+{{/if}}
+</div>

package/src/plugins/widget-executor/ExecutorsWidgetView.js

@@ -0,0 +1,8 @@
+import { View } from "backbone.marionette";
+import template from "./ExecutorsWidgetView.hbs";
+
+class ExecutorsWidgetView extends View {
+  template = template;
+}
+
+export default ExecutorsWidgetView;

package/src/plugins/widget-executor/index.js

@@ -0,0 +1,3 @@
+import ExecutorsWidgetView from "./ExecutorsWidgetView.js";
+
+allure.api.addWidget("widgets", "executors", ExecutorsWidgetView);

package/src/plugins/widget-history-trend/HistoryTrendWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'widget.trend.name'}}
+</h2>
+<div class="history-trend__chart"></div>

package/src/plugins/widget-history-trend/HistoryTrendWidgetView.js

@@ -0,0 +1,30 @@
+import { View } from "backbone.marionette";
+import { scaleOrdinal } from "d3-scale";
+import TrendChartView from "@/components/graph-trend-chart/TrendChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import { values } from "@/utils/statuses.js";
+import template from "./HistoryTrendWidgetView.hbs";
+import "./styles.scss";
+
+@regions({
+  chart: ".history-trend__chart",
+})
+@className("history-trend")
+class HistoryTrendWidgetView extends View {
+  template = template;
+
+  onRender() {
+    this.showChildView(
+      "chart",
+      new TrendChartView({
+        model: this.model,
+        hideLines: true,
+        hidePoints: true,
+        colors: scaleOrdinal(["#fd5a3e", "#ffd050", "#97cc64", "#aaa", "#d35ebe"]).domain(values),
+        keys: values,
+      }),
+    );
+  }
+}
+
+export default HistoryTrendWidgetView;

package/src/plugins/widget-history-trend/index.js

@@ -0,0 +1,6 @@
+import TrendCollection from "@/data/trend/TrendCollection.js";
+import HistoryTrendWidgetView from "./HistoryTrendWidgetView.js";
+
+allure.api.addWidget("widgets", "history-trend", HistoryTrendWidgetView, TrendCollection);
+
+allure.api.addWidget("graph", "history-trend", HistoryTrendWidgetView, TrendCollection);

package/src/plugins/widget-history-trend/styles.scss

@@ -0,0 +1,6 @@
+.history-trend {
+  &__chart > div {
+    position: relative;
+    padding-top: 50%;
+  }
+}

package/src/plugins/widget-launch/LaunchesWidgetView.hbs

@@ -0,0 +1,23 @@
+<h2 class="widget__title">
+    {{t 'widget.launches.name'}}
+</h2>
+<div class="table table_hover widget__table">
+{{#if items}}
+    {{#each items}}
+    <div class="table__row">
+        <div class="{{b 'table' 'col'}}">
+            {{name}}
+        </div>
+        <div class="{{b 'table' 'col'}}">
+            {{status-bar statistic}}
+        </div>
+    </div>
+    {{/each}}
+{{else}}
+    <div class="table__row">
+        <div class="{{b 'table' 'col' center=true}}">
+            {{t 'widget.launches.empty'}}
+        </div>
+    </div>
+{{/if}}
+</div>

package/src/plugins/widget-launch/LaunchesWidgetView.js

@@ -0,0 +1,8 @@
+import { View } from "backbone.marionette";
+import template from "./LaunchesWidgetView.hbs";
+
+class LaunchesWidgetView extends View {
+  template = template;
+}
+
+export default LaunchesWidgetView;

package/src/plugins/widget-launch/index.js

@@ -0,0 +1,3 @@
+import LaunchesWidgetView from "./LaunchesWidgetView.js";
+
+allure.api.addWidget("widgets", "launches", LaunchesWidgetView);

package/src/plugins/widget-retry-trend/RetryTrendWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'widget.retryTrend.name'}}
+</h2>
+<div class="retry-trend__chart"></div>

package/src/plugins/widget-retry-trend/RetryTrendWidgetView.js

@@ -0,0 +1,33 @@
+import { View } from "backbone.marionette";
+import { scaleOrdinal } from "d3-scale";
+import { interpolateYlOrRd } from "d3-scale-chromatic";
+import TrendChartView from "@/components/graph-trend-chart/TrendChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import template from "./RetryTrendWidgetView.hbs";
+import "./styles.scss";
+
+@regions({
+  chart: ".retry-trend__chart",
+})
+@className("retry-trend")
+class RetryTrendWidgetView extends View {
+  template = template;
+
+  onRender() {
+    const { retry, run } = this.model.last().get("data");
+    const retriesPercent = Math.min(0.3 + Math.min(retry, run) / run, 1);
+    const colors = scaleOrdinal(["#4682b4", interpolateYlOrRd(retriesPercent)]);
+    this.showChildView(
+      "chart",
+      new TrendChartView({
+        model: this.model,
+        keys: ["run", "retry"],
+        colors,
+        hideLines: true,
+        hidePoints: true,
+      }),
+    );
+  }
+}
+
+export default RetryTrendWidgetView;

package/src/plugins/widget-retry-trend/index.js

@@ -0,0 +1,4 @@
+import TrendCollection from "@/data/trend/TrendCollection.js";
+import RetryTrendWidgetView from "./RetryTrendWidgetView.js";
+
+allure.api.addWidget("graph", "retry-trend", RetryTrendWidgetView, TrendCollection);

package/src/plugins/widget-retry-trend/styles.scss

@@ -0,0 +1,6 @@
+.retry-trend {
+  &__chart > div {
+    position: relative;
+    padding-top: 50%;
+  }
+}

package/src/plugins/widget-severity/SeverityWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'chart.severity.name'}}
+</h2>
+<div class="severity-widget__content chart__body"></div>

package/src/plugins/widget-severity/SeverityWidgetView.js

@@ -0,0 +1,23 @@
+import { View } from "backbone.marionette";
+import SeverityChartView from "@/components/graph-severity-chart/SeverityChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import template from "./SeverityWidgetView.hbs";
+
+@className("severity-widget")
+@regions({
+  chart: ".severity-widget__content",
+})
+class SeverityWidgetView extends View {
+  template = template;
+
+  onRender() {
+    this.showChildView(
+      "chart",
+      new SeverityChartView({
+        model: this.model.get("items"),
+      }),
+    );
+  }
+}
+
+export default SeverityWidgetView;

package/src/plugins/widget-severity/index.js

@@ -0,0 +1,3 @@
+import SeverityChartView from "./SeverityWidgetView.js";
+
+allure.api.addWidget("graph", "severity", SeverityChartView);

package/src/plugins/widget-status/StatusWidgetView.hbs

@@ -0,0 +1,4 @@
+<h2 class="widget__title">
+    {{t 'chart.status.name'}}
+</h2>
+<div class="status-widget__content chart__body"></div>

package/src/plugins/widget-status/StatusWidgetView.js

@@ -0,0 +1,44 @@
+import { Model } from "backbone";
+import { View } from "backbone.marionette";
+import PieChartView from "@/components/graph-pie-chart/PieChartView.js";
+import { className, regions } from "@/decorators/index.js";
+import template from "./StatusWidgetView.hbs";
+
+@className("status-widget")
+@regions({
+  chart: ".status-widget__content",
+})
+class StatusWidgetView extends View {
+  template = template;
+
+  onRender() {
+    this.showChildView(
+      "chart",
+      new PieChartView({
+        model: this.getStatusChartData(),
+        showLegend: true,
+      }),
+    );
+  }
+
+  getStatusChartData() {
+    this.items = this.model.get("items");
+    const statistic = this.items.reduce(
+      (stats, testResult) => {
+        stats[testResult.status.toLowerCase()]++;
+        return stats;
+      },
+      {
+        total: this.items.length,
+        failed: 0,
+        broken: 0,
+        skipped: 0,
+        passed: 0,
+        unknown: 0,
+      },
+    );
+    return new Model({ statistic });
+  }
+}
+
+export default StatusWidgetView;

package/src/plugins/widget-status/index.js

@@ -0,0 +1,3 @@
+import StatusChartView from "./StatusWidgetView.js";
+
+allure.api.addWidget("graph", "status-chart", StatusChartView);

package/src/plugins/widget-suites/index.js

@@ -0,0 +1,12 @@
+import WidgetStatusView from "@/components/widget-status/WidgetStatusView.js";
+
+allure.api.addWidget(
+  "widgets",
+  "suites",
+  WidgetStatusView.extend({
+    rowTag: "a",
+    title: "widget.suites.name",
+    baseUrl: "suites",
+    showLinks: true,
+  }),
+);