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

package/src/components/widgets-grid/WidgetsGridView.js

@@ -1,90 +0,0 @@
-import { View } from "backbone.marionette";
-import $ from "jquery";
-import Sortable from "sortablejs";
-import draggable from "@/assets/icons/draggable.svg";
-import { className } from "@/decorators/index.js";
-import { fetchAndShow } from "@/utils/loading.js";
-import pluginsRegistry from "@/utils/pluginsRegistry.js";
-import { getSettingsForWidgetGridPlugin } from "@/utils/settingsFactory.js";
-import "./styles.scss";
-
-const widgetTpl = (id) => `<div class="widget island" data-id="${id}">
-    <div class="widget__handle">
-      <svg width="16px" height="16px" class="draggable-icon"><use xlink:href="#${draggable.id}"></use></svg>
-    </div>
-    <div class="widget__body"></div>
-</div>`;
-const colTpl = '<div class="widgets-grid__col"></div>';
-
-@className("widgets-grid")
-class WidgetsGridView extends View {
-  template = () => "";
-
-  initialize() {
-    this.widgets = pluginsRegistry.widgets[this.options.tabName];
-    this.settings = this.options.settings || getSettingsForWidgetGridPlugin(this.options.tabName);
-  }
-
-  onRender() {
-    this.getWidgetsArrangement()
-      .map((col) => {
-        return col.map((widgetName) => [widgetName, this.widgets[widgetName].widget, this.widgets[widgetName].model]);
-      })
-      .forEach((widgetCol) => {
-        const col = $(colTpl);
-        this.$el.append(col);
-        widgetCol.forEach(([name, Widget, Model]) => {
-          this.addWidget(col, name, Widget, Model);
-        });
-      });
-    this.$(".widgets-grid__col").each(
-      (i, colEl) =>
-        new Sortable(colEl, {
-          group: "widgets",
-          ghostClass: "widget_ghost",
-          handle: ".widget__handle",
-          onEnd: this.saveWidgetsArrangement.bind(this),
-        }),
-    );
-  }
-
-  getWidgetsArrangement() {
-    const savedData = this.settings.getWidgetsArrangement();
-
-    const storedWidgets = savedData.map((col) => {
-      return col.filter((widgetName) => this.widgets[widgetName]);
-    });
-    Object.keys(this.widgets).forEach((widgetName) => {
-      if (storedWidgets.every((col) => col.indexOf(widgetName) === -1)) {
-        const freeColumn = storedWidgets.reduce((smallestCol, col) =>
-          col.length < smallestCol.length ? col : smallestCol,
-        );
-        freeColumn.push(widgetName);
-      }
-    });
-    return storedWidgets;
-  }
-
-  saveWidgetsArrangement() {
-    this.settings.setWidgetsArrangement(
-      this.$(".widgets-grid__col")
-        .toArray()
-        .map((colEl) => {
-          return $(colEl)
-            .find(".widget")
-            .toArray()
-            .map((el) => $(el).data("id"));
-        }),
-    );
-  }
-
-  addWidget(col, name, Widget, Model) {
-    const el = $(widgetTpl(name));
-    col.append(el);
-    this.addRegion(name, { el: el.find(".widget__body") });
-    const widget = new Model({}, { name });
-    fetchAndShow(this, name, widget, new Widget({ model: widget }));
-  }
-}
-
-export default WidgetsGridView;

package/src/components/widgets-grid/styles.scss

@@ -1,34 +0,0 @@
-@import "../../variables.scss";
-
-.widgets-grid {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: $gap-size $gap-size 0 $gap-size;
-  max-height: 100%;
-  overflow: auto;
-  display: flex;
-  &__col {
-    flex: 1 0 0%;
-    width: 50%;
-    min-width: $min-pane-size;
-  }
-  &__col + &__col {
-    flex: 1 0 0%;
-    padding-left: $gap-size;
-  }
-}
-
-@media (max-width: $small-screen) {
-  .widgets-grid {
-    display: block;
-    &__col {
-      width: 100%;
-    }
-    &__col + &__col {
-      padding-left: 0;
-    }
-  }
-}

package/src/data/localstorage/LocalStorageModel.js

@@ -1,23 +0,0 @@
-import { Model } from "backbone";
-
-export default class LocalStorageModel extends Model {
-  storageKey() {
-    return "ALLURE_REPORT_SETTINGS";
-  }
-
-  fetch() {
-    return new Promise((resolve) => {
-      const settings = window.localStorage.getItem(this.storageKey());
-      if (settings) {
-        this.set(JSON.parse(settings));
-      }
-      resolve();
-    });
-  }
-
-  save(key, val) {
-    this.set(key, val);
-    const json = this.toJSON();
-    window.localStorage.setItem(this.storageKey(), JSON.stringify(json));
-  }
-}

package/src/data/testresult/TestResultModel.js

@@ -1,36 +0,0 @@
-import { reportDataUrl } from "@allurereport/web-commons";
-import { Model } from "backbone";
-import { findWhere } from "underscore";
-import { makeArray } from "@/utils/arrays.js";
-
-function collectAttachments({ steps, attachments }) {
-  return makeArray(steps)
-    .reduce((result, step) => result.concat(collectAttachments(step)), [])
-    .concat(makeArray(attachments));
-}
-
-export default class TestResultModel extends Model {
-  get idAttribute() {
-    return "uid";
-  }
-
-  fetch(options) {
-    return reportDataUrl(this.url(), "application/json").then((value) => super.fetch({ ...options, url: value }));
-  }
-
-  parse(testResult) {
-    this.allAttachments = makeArray(testResult.beforeStages)
-      .concat(makeArray(testResult.testStage))
-      .concat(makeArray(testResult.afterStages))
-      .reduce((result, stage) => result.concat(collectAttachments(stage)), []);
-    return testResult;
-  }
-
-  getAttachment(uid) {
-    return findWhere(this.allAttachments, { uid: uid.toString() });
-  }
-
-  url() {
-    return `data/test-cases/${this.id}.json`;
-  }
-}

package/src/data/tree/TreeCollection.js

@@ -1,153 +0,0 @@
-import { reportDataUrl } from "@allurereport/web-commons";
-import { Collection } from "backbone";
-import { findWhere, flatten } from "underscore";
-import { values } from "@/utils/statuses.js";
-
-function updateTime(timeA, timeB, field, operation) {
-  if (timeB && timeB[field]) {
-    timeA[field] = operation(timeA[field], timeB[field]);
-  }
-}
-
-export default class TreeCollection extends Collection {
-  initialize(models, { url }) {
-    this.url = url;
-  }
-
-  fetch(options) {
-    return reportDataUrl(this.url, "application/json").then((value) => super.fetch({ ...options, url: value }));
-  }
-
-  findLeaf(parentUid, uid) {
-    return findWhere(this.allResults, { parentUid, uid });
-  }
-
-  getFlattenTestResults(children) {
-    return flatten(
-      children.map((child) => {
-        if (child.children) {
-          return this.getFlattenTestResults(child.children);
-        }
-        return child;
-      }),
-    );
-  }
-
-  parse({ uid, children }) {
-    const items = children || [];
-    this.uid = uid;
-    this.allResults = this.getFlattenTestResults(items);
-    this.allNodes = items;
-    this.time = this.calculateTime(this.allResults);
-    this.statistic = this.calculateStatistic(this.allResults);
-    return items;
-  }
-
-  applyFilterAndSorting(filter, sorter) {
-    const newChildren = this.getFilteredAndSortedChildren(this.allNodes, filter, sorter);
-    this.reset(newChildren);
-    this.testResults = this.getFlattenTestResults(newChildren);
-  }
-
-  getFilteredAndSortedChildren(children, filter, sorter) {
-    return this.calculateOrder(children)
-      .map((child) => {
-        if (child.children) {
-          const newChildren = this.getFilteredAndSortedChildren(child.children, filter, sorter);
-          return {
-            ...child,
-            children: newChildren,
-            statistic: this.calculateStatistic(newChildren),
-            time: this.calculateTime(newChildren),
-          };
-        }
-        return child;
-      })
-      .filter(filter)
-      .sort(sorter);
-  }
-
-  getFirstTestResult() {
-    if (this.testResults.length > 0) {
-      return this.testResults[0];
-    }
-  }
-
-  getLastTestResult() {
-    if (this.testResults.length > 0) {
-      return this.testResults[this.testResults.length - 1];
-    }
-  }
-
-  getNextTestResult(testResultUid) {
-    const index = this.testResults.findIndex((testResult) => testResult.uid === testResultUid);
-    if (index < this.testResults.length - 1) {
-      return this.testResults[index + 1];
-    }
-  }
-
-  getPreviousTestResult(testResultUid) {
-    const index = this.testResults.findIndex((testResult) => testResult.uid === testResultUid);
-    if (index > 0) {
-      return this.testResults[index - 1];
-    }
-  }
-
-  calculateOrder(items) {
-    if (items) {
-      let index = 0;
-      items.forEach((item) => {
-        if (item.children) {
-          this.calculateOrder(item.children);
-        } else {
-          item.order = ++index;
-        }
-      });
-      return items;
-    }
-    return [];
-  }
-
-  calculateStatistic(items) {
-    const statistic = {};
-    values.forEach((value) => {
-      statistic[value] = 0;
-    });
-    items.forEach((item) => {
-      if (item.children) {
-        values.forEach((value) => {
-          statistic[value] += item.statistic ? item.statistic[value] : 0;
-        });
-      } else {
-        statistic[item.status]++;
-      }
-    });
-    return statistic;
-  }
-
-  calculateTime(items) {
-    const time = {
-      maxDuration: Number.MIN_VALUE,
-      minDuration: Number.MAX_VALUE,
-      sumDuration: 0,
-      duration: 0,
-      start: Number.MAX_VALUE,
-      stop: Number.MIN_VALUE,
-    };
-    items.forEach((item) => {
-      if (item.children) {
-        updateTime(time, item.time, "maxDuration", Math.max);
-        updateTime(time, item.time, "minDuration", Math.min);
-        updateTime(time, item.time, "sumDuration", (a, b) => a + b);
-      } else if (item.time && isFinite(item.time.duration)) {
-        time.maxDuration = Math.max(time.maxDuration, item.time.duration);
-        time.minDuration = Math.min(time.minDuration, item.time.duration);
-        time.sumDuration = time.sumDuration + item.time.duration;
-      }
-      updateTime(time, item.time, "start", Math.min);
-      updateTime(time, item.time, "stop", Math.max);
-      time.duration = time.stop - time.start;
-    });
-    return time;
-  }
-}

package/src/data/tree/comparator.js

@@ -1,63 +0,0 @@
-import { values } from "@/utils/statuses.js";
-
-function byOrder(a, b) {
-  return a.order < b.order ? -1 : 1;
-}
-
-function byName(a, b) {
-  return String(a.name).toLowerCase() < String(b.name).toLowerCase() ? -1 : 1;
-}
-
-function byDuration(a, b) {
-  if (a.time && a.time.duration && b.time && b.time.duration) {
-    return a.time.duration < b.time.duration ? -1 : 1;
-  }
-  return 1;
-}
-
-function byMaxDuration(a, b) {
-  if (a.time && a.time.maxDuration && b.time && b.time.maxDuration) {
-    return a.time.maxDuration < b.time.maxDuration ? -1 : 1;
-  }
-  return 1;
-}
-
-function byNodeStatus(a, b) {
-  return values.indexOf(a.status) > values.indexOf(b.status) ? -1 : 1;
-}
-
-function byGroupStatuses(a, b) {
-  return values.reduce((all, cur) => {
-    return a.statistic[cur] !== b.statistic[cur] && all === 0 ? a.statistic[cur] - b.statistic[cur] : all;
-  }, 0);
-}
-
-function compare(a, b, nodeCmp, groupCmp, direction) {
-  if (a.children && !b.children) {
-    return -1;
-  } else if (!a.children && b.children) {
-    return 1;
-  } else if (a.children && b.children) {
-    return direction * groupCmp(a, b);
-  } else if (!a.children && !b.children) {
-    return direction * nodeCmp(a, b);
-  } else {
-    return 0;
-  }
-}
-
-export default function getComparator({ sorter, ascending }) {
-  const direction = ascending ? 1 : -1;
-  switch (sorter) {
-    case "sorter.order":
-      return (a, b) => compare(a, b, byOrder, byName, direction);
-    case "sorter.name":
-      return (a, b) => compare(a, b, byName, byName, direction);
-    case "sorter.duration":
-      return (a, b) => compare(a, b, byDuration, byMaxDuration, direction);
-    case "sorter.status":
-      return (a, b) => compare(a, b, byNodeStatus, byGroupStatuses, direction);
-    default:
-      return 0;
-  }
-}

package/src/data/tree/filter.js

@@ -1,66 +0,0 @@
-import { values as marksValues } from "@/utils/marks.js";
-
-function byStatuses(statuses) {
-  return (child) => {
-    if (child.children) {
-      return child.children.length > 0;
-    }
-    return statuses[child.status];
-  };
-}
-
-function byDuration(min, max) {
-  return (child) => {
-    if (child.children) {
-      return child.children.length > 0;
-    }
-    return min <= child.time.duration && child.time.duration <= max;
-  };
-}
-
-function byCriteria(searchQuery) {
-  if (searchQuery && searchQuery.startsWith("tag:")) {
-    return byTags(searchQuery.substring(4));
-  } else {
-    return byText(searchQuery);
-  }
-}
-
-function byText(text) {
-  text = (text && text.toLowerCase()) || "";
-  return (child) => {
-    return (
-      !text || child.name.toLowerCase().indexOf(text) > -1 || (child.children && child.children.some(byText(text)))
-    );
-  };
-}
-
-function byTags(tag) {
-  tag = (tag && tag.toLowerCase().trim()) || "";
-  const tags = tag.split(/\s*,\s*/).filter((t) => t);
-  return (child) => {
-    const childTags = Array.isArray(child.tags) ? child.tags.filter((t) => t).map((t) => t.toLowerCase().trim()) : [];
-    return !tag || tags.every((t) => childTags.indexOf(t) > -1) || (child.children && child.children.some(byTags(tag)));
-  };
-}
-
-function byMark(marks) {
-  return (child) => {
-    if (child.children) {
-      return child.children.length > 0;
-    }
-    return marksValues.map((k) => !marks[k] || child[k]).reduce((a, b) => a && b, true);
-  };
-}
-
-function mix(...filters) {
-  return (child) => {
-    let result = true;
-    filters.forEach((filter) => {
-      result = result && filter(child);
-    });
-    return result;
-  };
-}
-
-export { byStatuses, byDuration, byCriteria, byText, byTags, byMark, mix };

package/src/data/trend/TrendCollection.js

@@ -1,36 +0,0 @@
-import { reportDataUrl } from "@allurereport/web-commons";
-import { Collection } from "backbone";
-import { flatten, keys, omit, uniq, values } from "underscore";
-
-export default class TrendCollection extends Collection {
-  initialize(models, options) {
-    this.options = options;
-    this.url = `widgets/${this.options.name}.json`;
-  }
-
-  fetch(options) {
-    return reportDataUrl(this.url, "application/json").then((value) => super.fetch({ ...options, url: value }));
-  }
-
-  parse(response) {
-    return response.reverse().map((item, id) => {
-      return {
-        ...item,
-        id,
-        name: item.buildOrder ? `#${item.buildOrder}` : "",
-        total: values(omit(item.data, "total")).reduce((prev, curr) => prev + curr, 0),
-        data: omit(item.data, "total"),
-      };
-    });
-  }
-
-  keys() {
-    return uniq(flatten(this.map((model) => keys(model.get("data")))));
-  }
-
-  sortedKeysByLastValue() {
-    const allKeys = this.keys();
-    const lastData = this.last().get("data");
-    return allKeys.sort((a, b) => (lastData[b] || 0) - (lastData[a] || 0));
-  }
-}

package/src/data/widgets/WidgetsModel.js

@@ -1,25 +0,0 @@
-import { reportDataUrl } from "@allurereport/web-commons";
-import { Model } from "backbone";
-
-export default class WidgetsModel extends Model {
-  initialize(model, options) {
-    this.options = options;
-  }
-
-  url() {
-    return `widgets/${this.options.name}.json`;
-  }
-
-  parse(data) {
-    return Array.isArray(data) ? { items: data } : data;
-  }
-
-  fetch(options) {
-    return reportDataUrl(this.url(), "application/json").then((value) => super.fetch({ ...options, url: value }));
-  }
-
-  getWidgetData(name) {
-    const items = this.get(name);
-    return new Model(Array.isArray(items) ? { items } : items);
-  }
-}

package/src/decorators/index.js

@@ -1,53 +0,0 @@
-import { clone, has, isFunction } from "underscore";
-
-function onDecoratorFactory(decoratorName, propertyName) {
-  return function (eventName) {
-    return function (target, name, descriptor) {
-      if (!eventName) {
-        throw new Error(`The ${decoratorName} decorator requires an eventName argument`);
-      }
-      if (isFunction(target[propertyName])) {
-        throw new Error(`The ${decoratorName} decorator is not compatible with ${propertyName} as method form`);
-      }
-      if (target[propertyName] && !has(target, propertyName)) {
-        target[propertyName] = clone(target[propertyName]);
-      }
-      if (!target[propertyName]) {
-        target[propertyName] = {};
-      }
-      target[propertyName][eventName] = name;
-      return descriptor;
-    };
-  };
-}
-
-export const on = onDecoratorFactory("on", "events");
-
-export function behavior(name, config = {}) {
-  return function (target) {
-    target.prototype.behaviors = Object.assign(
-      {
-        [name]: config,
-      },
-      target.prototype.behaviors,
-    );
-  };
-}
-
-export function className(name) {
-  return function (target) {
-    target.prototype.className = name;
-  };
-}
-
-export function regions(opts) {
-  return function (target) {
-    target.prototype.regions = Object.assign(opts, target.regions);
-  };
-}
-
-export function options(opts) {
-  return function (target) {
-    target.prototype.options = Object.assign(opts, target.options);
-  };
-}