@allurereport/web-allure2/src/plugins/widget-retry-trend/RetryTrendWidgetView.js

The static files for Allure Classic Report

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;