@allurereport/web-classic 3.0.0-beta.8 → 3.0.0

package/src/components/testresult-execution/TestResultExecutionView.js

@@ -1,85 +0,0 @@
-import { Model } from "backbone";
-import { View } from "backbone.marionette";
-import $ from "jquery";
-import AttachmentView from "@/components/attachment/AttachmentView.js";
-import { className, on } from "@/decorators/index.js";
-import router from "@/router.js";
-import { makeArray } from "@/utils/arrays.js";
-import template from "./TestResultExecutionView.hbs";
-import "./styles.scss";
-
-@className("test-result-execution")
-class TestResultExecutionView extends View {
-  template = template;
-
-  initialize() {
-    this.state = new Model();
-    this.routeState = this.options.routeState;
-    this.listenTo(this.state, "change:attachment", this.highlightSelectedAttachment, this);
-  }
-
-  onRender() {
-    const attachment = this.routeState.get("attachment");
-    if (attachment) {
-      this.highlightSelectedAttachment(attachment);
-    }
-  }
-
-  highlightSelectedAttachment(currentAttachment) {
-    this.$(".attachment-row").removeClass("attachment-row_selected");
-
-    const attachmentEl = this.$(`.attachment-row[data-uid="${currentAttachment}"]`);
-    attachmentEl.addClass("attachment-row_selected");
-    attachmentEl.parents(".step").addClass("step_expanded");
-  }
-
-  serializeData() {
-    const before = makeArray(this.model.get("beforeStages"));
-    const test = makeArray(this.model.get("testStage"));
-    const after = makeArray(this.model.get("afterStages"));
-    return {
-      hasContent: before.length + test.length + after.length > 0,
-      before: before,
-      test: test,
-      after: after,
-      baseUrl: this.options.baseUrl,
-    };
-  }
-
-  @on("click .step__header_hasContent")
-  onStepClick(e) {
-    this.$(e.currentTarget).parent().toggleClass("step_expanded");
-  }
-
-  @on("click .attachment-row")
-  onAttachmentClick(e) {
-    const attachmentUid = $(e.currentTarget).data("uid");
-    const name = `attachment__${attachmentUid}`;
-
-    if ($(e.currentTarget).hasClass("attachment-row_selected") && this.getRegion(name)) {
-      this.getRegion(name).destroy();
-    } else {
-      this.addRegion(name, { el: this.$(`.${name}`) });
-      this.getRegion(name).show(
-        new AttachmentView({
-          attachment: this.model.getAttachment(attachmentUid),
-        }),
-      );
-    }
-    this.$(e.currentTarget).toggleClass("attachment-row_selected");
-  }
-
-  @on("click .attachment-row__fullscreen")
-  onAttachmnetFullScrennClick(e) {
-    const attachment = $(e.currentTarget).closest(".attachment-row").data("uid");
-    router.setSearch({ attachment });
-    e.stopPropagation();
-  }
-
-  @on("click .parameters-table__cell")
-  onParameterClick(e) {
-    this.$(e.target).siblings().addBack().toggleClass("line-ellipsis");
-  }
-}
-
-export default TestResultExecutionView;

package/src/components/testresult-execution/stages-block.hbs

@@ -1,47 +0,0 @@
-{{#if stages}}
-    <div class="{{b 'step' expanded=expanded}}">
-        <div class="{{b 'step' 'header' hasContent=true stage=true}}">
-            <span class="step__arrow block__arrow">{{angle}}</span>
-            <span class="step__title">
-              {{name}}
-            </span>
-        </div>
-        <div class="{{b 'step' 'content'}}">
-            {{#each stages}}
-                {{#if name}}
-                    <div class="{{b 'step'}}">
-                        <div class="{{b 'step' 'header' hasContent=hasContent stage=true}}">
-                            {{#if hasContent}}
-                                <span class="{{b 'step' 'arrow'}} text_status_{{status}} block__arrow">{{arrow status fat=true}}</span>
-                            {{else}}
-                                <span class="{{b 'step' 'status'}} text_status_{{status}}">{{allure-icon status}}</span>
-                            {{/if}}
-                            <div class="{{b 'step' 'title'}}">
-                              {{name}}
-                              {{> ../../blocks/step-stats/step-stats . baseUrl=../../baseUrl}}
-                            </div>
-                        </div>
-                        <div class="{{b 'step' 'content'}}">
-                            {{> ../../blocks/parameters-table/parameters-table parameters=parameters }}
-                            {{~> steps-list steps=steps baseUrl=../baseUrl}}
-                            {{#each attachments}}
-                                {{> ../../blocks/attachment-row/attachment-row . baseUrl=../../baseUrl}}
-                            {{/each}}
-                            {{#if shouldDisplayMessage}}
-                                {{~> ../../blocks/status-details/status-details .}}
-                            {{/if}}
-                        </div>
-                    </div>
-                {{else}}
-                    {{~> steps-list steps=steps baseUrl=../baseUrl}}
-                    {{#each attachments}}
-                        {{> ../../blocks/attachment-row/attachment-row . baseUrl=../../baseUrl}}
-                    {{/each}}
-                    {{#if shouldDisplayMessage}}
-                        {{~> ../../blocks/status-details/status-details .}}
-                    {{/if}}
-                {{/if}}
-            {{/each}}
-        </div>
-    </div>
-{{/if}}

package/src/components/testresult-execution/steps-list.hbs

@@ -1,31 +0,0 @@
-{{#each steps}}
-  <div class="step">
-    {{#if attachmentStep}}
-      {{#each attachments}}
-        {{> ../../blocks/attachment-row/attachment-row . baseUrl=../../baseUrl}}
-      {{/each}}
-    {{else}}
-      <div class="{{b 'step' 'header' hasContent=hasContent}} long-line">
-        {{#if hasContent}}
-          <span class="{{b 'step' 'arrow'}} text_status_{{status}} block__arrow">{{arrow status fat=true}}</span>
-        {{else}}
-          <span class="{{b 'step' 'status'}} text_status_{{status}}">{{allure-icon status}}</span>
-        {{/if}}
-        <div class="step__title">
-          <div class="step__name">{{text-with-links name}}</div>
-          {{> ../../blocks/step-stats/step-stats . baseUrl=../../baseUrl}}
-        </div>
-      </div>
-      <div class="step__content">
-        {{> ../../blocks/parameters-table/parameters-table parameters=parameters }}
-        {{~> steps-list steps=steps baseUrl=../baseUrl}}
-        {{#each attachments}}
-          {{> ../../blocks/attachment-row/attachment-row . baseUrl=../../baseUrl}}
-        {{/each}}
-        {{#if shouldDisplayMessage}}
-          {{~> ../../blocks/status-details/status-details .}}
-        {{/if}}
-      </div>
-    {{/if}}
-  </div>
-{{/each}}

package/src/components/testresult-execution/styles.scss

@@ -1,70 +0,0 @@
-@import "../../variables.scss";
-
-.test-result-execution {
-  &__title {
-    margin: $gap-size $gap-size 10px;
-  }
-  &__stage-title {
-    margin: $gap-size $gap-size 5px;
-  }
-}
-
-.step {
-  line-height: 1.2em;
-
-  &__name {
-    display: inline;
-  }
-  &__arrow {
-    display: none;
-  }
-  &__status {
-    display: flex;
-  }
-  &__header {
-    display: flex;
-    align-items: center;
-    gap: 0 4px;
-    position: relative;
-    padding: 6px $gap-size 6px 17px;
-    &_hasContent {
-      cursor: pointer;
-    }
-    &_hasContent > .step__arrow {
-      display: block;
-    }
-    &:hover {
-      background-color: $hover-color;
-      &::before {
-        background-color: $hover-color;
-      }
-    }
-    &_stage {
-      font-weight: bold;
-    }
-  }
-  &__title {
-    flex: 1 1 auto;
-  }
-  &__content {
-    margin-left: 20px;
-    display: none;
-  }
-  &_expanded > &__header > &__arrow {
-    transform: rotate(90deg);
-  }
-  &_expanded > &__content {
-    display: block;
-  }
-}
-
-.parameters {
-  display: inline;
-  white-space: nowrap;
-  &_name {
-    font-style: italic;
-  }
-  &_separator:last-child {
-    display: none;
-  }
-}

package/src/components/testresult-overview/TestResultOverviewView.hbs

@@ -1,8 +0,0 @@
-<div class="{{b "alert" "wide" status=status}}">
-    {{~> ../../blocks/status-details/status-details .}}
-</div>
-
-<div class="{{b cls 'tags'}}"></div>
-<div class="{{b cls 'before'}}"></div>
-<div class="{{b cls 'execution'}}"></div>
-<div class="{{b cls 'after'}}"></div>

package/src/components/testresult-overview/TestResultOverviewView.js

@@ -1,46 +0,0 @@
-import { View } from "backbone.marionette";
-import TestResultExecutionView from "@/components/testresult-execution/TestResultExecutionView.js";
-import { className, regions } from "@/decorators/index.js";
-import pluginsRegistry from "@/utils/pluginsRegistry.js";
-import template from "./TestResultOverviewView.hbs";
-import "./styles.scss";
-
-@className("test-result-overview")
-@regions({
-  execution: ".test-result-overview__execution",
-})
-class TestResultOverviewView extends View {
-  template = template;
-
-  initialize() {
-    this.blocks = [];
-  }
-
-  onRender() {
-    this.showBlock(this.$(".test-result-overview__tags"), pluginsRegistry.testResultBlocks.tag);
-    this.showBlock(this.$(".test-result-overview__before"), pluginsRegistry.testResultBlocks.before);
-    this.showChildView("execution", new TestResultExecutionView(this.options));
-    this.showBlock(this.$(".test-result-overview__after"), pluginsRegistry.testResultBlocks.after);
-  }
-
-  onDestroy() {
-    this.blocks.forEach((block) => block.destroy());
-  }
-
-  showBlock(container, blocks) {
-    blocks.forEach((Block) => {
-      const block = new Block({ model: this.model });
-      block.$el.appendTo(container);
-      this.blocks.push(block);
-      block.render();
-    });
-  }
-
-  templateContext() {
-    return {
-      cls: this.className,
-    };
-  }
-}
-
-export default TestResultOverviewView;

package/src/components/testresult-overview/styles.scss

@@ -1,22 +0,0 @@
-@import "../../variables.scss";
-
-.test-result-overview {
-  &__trace {
-    border-top: 1px solid $border-color;
-    padding-top: 10px;
-    margin-top: 10px;
-    display: none;
-    &_expanded {
-      display: block;
-    }
-  }
-  &__trace-toggle {
-    margin-top: 5px;
-    text-align: center;
-    padding-top: 5px;
-    color: $text-muted-color;
-    &:hover {
-      background-color: $hover-color;
-    }
-  }
-}

package/src/components/testresult-tree/TestResultTreeView.js

@@ -1,60 +0,0 @@
-import EmptyView from "@/components/empty/EmptyView.js";
-import ErrorSplashView from "@/components/error-splash/ErrorSplashView.js";
-import SideBySideView from "@/components/side-by-side/SideBySideView.js";
-import TestResultView from "@/components/testresult/TestResultView.js";
-import TreeViewContainer from "@/components/tree-view-container/TreeViewContainer.js";
-import TestResultModel from "@/data/testresult/TestResultModel";
-import { className } from "@/decorators/index.js";
-
-@className("side-by-side")
-class TestResultTreeView extends SideBySideView {
-  initialize({ tree, routeState, csvUrl }) {
-    super.initialize();
-    this.csvUrl = csvUrl;
-    this.tree = tree;
-    this.routeState = routeState;
-    this.listenTo(this.routeState, "change:treeNode", (_, treeNode) => this.showLeaf(treeNode));
-  }
-
-  showLeaf(treeNode) {
-    if (treeNode && treeNode.testResult) {
-      const baseUrl = `#${this.options.baseUrl}/${treeNode.testGroup}/${treeNode.testResult}`;
-      const model = new TestResultModel({ uid: treeNode.testResult });
-      model.fetch({
-        url: model.url(),
-        success: () => this.showChildView("right", new TestResultView({ baseUrl, model, routeState: this.routeState })),
-        error: () =>
-          this.showChildView(
-            "right",
-            new ErrorSplashView({
-              code: 404,
-              message: `Test result with uid "${treeNode.testResult}" not found`,
-            }),
-          ),
-      });
-    } else {
-      this.showChildView("right", new EmptyView({ message: "No item selected" }));
-    }
-  }
-
-  onRender() {
-    const { tabName, baseUrl } = this.options;
-    const left = new TreeViewContainer({
-      collection: this.tree,
-      routeState: this.routeState,
-      treeSorters: [],
-      tabName: tabName,
-      baseUrl: baseUrl,
-      csvUrl: this.csvUrl,
-    });
-    this.showChildView("left", left);
-  }
-
-  templateContext() {
-    return {
-      cls: "testresult-tree",
-    };
-  }
-}
-
-export default TestResultTreeView;

package/src/components/tooltip/TooltipView.js

@@ -1,111 +0,0 @@
-import bem from "b_";
-import { View } from "backbone";
-import $ from "jquery";
-import { defaults } from "underscore";
-import { className } from "@/decorators/index.js";
-import "./styles.scss";
-
-export const POSITION = {
-  "top": function ({ top, left, width }, { offset }, tipSize) {
-    return {
-      top: top - tipSize.height - offset,
-      left: left + width / 2 - tipSize.width / 2,
-    };
-  },
-  "top-right": function ({ top, left, width }, { offset }, tipSize) {
-    return {
-      top: top - tipSize.height - offset,
-      left: left + width + offset,
-    };
-  },
-  "center": function ({ top, left, height, width }, offsets, tipSize) {
-    return {
-      top: top + height / 2,
-      left: left + width / 2 - tipSize.width / 2,
-    };
-  },
-  "right": function ({ top, left, height, width }, { offset }, tipSize) {
-    return {
-      top: top + height / 2 - tipSize.height / 2,
-      left: left + width + offset,
-    };
-  },
-  "left": function ({ top, left, height }, { offset }, tipSize) {
-    return {
-      top: top + height / 2 - tipSize.height / 2,
-      left: left - offset - tipSize.width,
-    };
-  },
-  "bottom": function ({ top, left, height, width }, { offset }, tipSize) {
-    return {
-      top: top + height + offset,
-      left: left + width / 2 - tipSize.width / 2,
-    };
-  },
-  "bottom-left": function ({ top, left, height, width }, { offset }, tipSize) {
-    return {
-      top: top + height + offset,
-      left: left + width - tipSize.width,
-    };
-  },
-};
-
-@className("tooltip")
-class TooltipView extends View {
-  static container = $(document.body);
-
-  initialize(options) {
-    this.options = options;
-    defaults(this.options, { offset: 10 });
-  }
-
-  render() {
-    this.constructor.container.append(this.$el);
-  }
-
-  isVisible() {
-    return this.$el.is(":visible");
-  }
-
-  setContent(text) {
-    this.$el.html(text);
-  }
-
-  show(text, anchor) {
-    const { position } = this.options;
-    this.setContent(text);
-    this.$el.addClass(bem(this.className, { position }));
-    this.render();
-    if (document.dir === "rtl" && position === "right") {
-      this.$el.css(
-        POSITION["left"](
-          anchor[0].getBoundingClientRect(),
-          { offset: this.options.offset },
-          this.$el[0].getBoundingClientRect(),
-        ),
-      );
-    } else if (document.dir === "rtl" && position === "left") {
-      this.$el.css(
-        POSITION["right"](
-          anchor[0].getBoundingClientRect(),
-          { offset: this.options.offset },
-          this.$el[0].getBoundingClientRect(),
-        ),
-      );
-    } else {
-      this.$el.css(
-        POSITION[position](
-          anchor[0].getBoundingClientRect(),
-          { offset: this.options.offset },
-          this.$el[0].getBoundingClientRect(),
-        ),
-      );
-    }
-  }
-
-  hide() {
-    this.$el.remove();
-  }
-}
-
-export default TooltipView;

package/src/components/tooltip/styles.scss

@@ -1,43 +0,0 @@
-@import "../../variables.scss";
-
-.tooltip {
-  position: absolute;
-  background: $tooltip-bg;
-  color: $tooltip-color;
-  text-align: center;
-  padding: 0 8px;
-  line-height: 24px;
-  font-size: 12px;
-  pointer-events: none;
-  z-index: 5;
-  &:before {
-    content: "";
-    position: absolute;
-    border: 8px solid transparent;
-  }
-  &_position_top:before {
-    border-top-color: $tooltip-bg;
-    top: 100%;
-    left: 50%;
-    margin-left: -8px;
-  }
-  &_position_right:before {
-    border-right-color: $tooltip-bg;
-    top: 4px;
-    left: -16px;
-  }
-  &_position_left:before {
-    border-left-color: $tooltip-bg;
-    top: 4px;
-    left: 100%;
-  }
-  &_position_bottom:before {
-    border-bottom-color: $tooltip-bg;
-    top: -16px;
-    left: 50%;
-    margin-left: -8px;
-  }
-  &_position_center {
-    pointer-events: none;
-  }
-}

package/src/components/tree/TreeView.hbs

@@ -1,9 +0,0 @@
-<div class="{{b cls 'content'}}" data-uid="{{uid}}">
-    {{#if items}}
-        {{#each items}}
-            {{~> tree-group baseUrl=../baseUrl showGroupInfo=../showGroupInfo tabName=../tabName testResultTab=../testResultTab}}
-        {{/each}}
-    {{else}}
-           <div class="{{b cls 'empty'}}">{{t 'component.tree.empty'}}</div>
-    {{/if}}
-</div>