@wix/design-system/dist/cjs/AreaChart/test/AreaChart.visual.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _AreaChart = _interopRequireDefault(require("../AreaChart"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/AreaChart/test/AreaChart.visual.jsx",
  _this = void 0;
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var commonProps = {
  data: [{
    value: 5698,
    label: '12/9'
  }, {
    value: 1170,
    label: '13/9'
  }],
  tooltipContent: function tooltipContent(item, index) {
    return ["".concat(item.label), "".concat(item.value, "$ from your orders")];
  }
};
var overMonthData = [{
  value: 5698,
  label: '1/9'
}, {
  value: 1170,
  label: '2/9'
}, {
  value: 4678,
  label: '3/9'
}, {
  value: 2030,
  label: '4/9'
}, {
  value: 3000,
  label: '5/9'
}, {
  value: 5698,
  label: '6/9'
}, {
  value: 1170,
  label: '7/9'
}, {
  value: 4678,
  label: '8/9'
}, {
  value: 2030,
  label: '9/9'
}, {
  value: 3000,
  label: '10/9'
}, {
  value: 5698,
  label: '11/9'
}, {
  value: 1170,
  label: '12/9'
}, {
  value: 4678,
  label: '13/9'
}, {
  value: 2030,
  label: '14/9'
}, {
  value: 3000,
  label: '15/9'
}, {
  value: 5698,
  label: '16/9'
}, {
  value: 1170,
  label: '17/9'
}, {
  value: 4678,
  label: '18/9'
}, {
  value: 2030,
  label: '19/9'
}, {
  value: 3000,
  label: '20/9'
}, {
  value: 5698,
  label: '21/9'
}, {
  value: 1170,
  label: '22/9'
}, {
  value: 4678,
  label: '23/9'
}, {
  value: 2030,
  label: '24/9'
}, {
  value: 3000,
  label: '25/9'
}, {
  value: 5698,
  label: '26/9'
}, {
  value: 1170,
  label: '27/9'
}, {
  value: 4678,
  label: '28/9'
}, {
  value: 2030,
  label: '29/9'
}, {
  value: 3000,
  label: '30/9'
}];
var overTwoMonthsData = [{
  value: 5698,
  label: '1/9'
}, {
  value: 1170,
  label: '2/9'
}, {
  value: 4678,
  label: '3/9'
}, {
  value: 2030,
  label: '4/9'
}, {
  value: 3000,
  label: '5/9'
}, {
  value: 5698,
  label: '6/9'
}, {
  value: 1170,
  label: '7/9'
}, {
  value: 4678,
  label: '8/9'
}, {
  value: 2030,
  label: '9/9'
}, {
  value: 3000,
  label: '10/9'
}, {
  value: 5698,
  label: '11/9'
}, {
  value: 1170,
  label: '12/9'
}, {
  value: 4678,
  label: '13/9'
}, {
  value: 2030,
  label: '14/9'
}, {
  value: 3000,
  label: '15/9'
}, {
  value: 5698,
  label: '16/9'
}, {
  value: 1170,
  label: '17/9'
}, {
  value: 4678,
  label: '18/9'
}, {
  value: 2030,
  label: '19/9'
}, {
  value: 3000,
  label: '20/9'
}, {
  value: 5698,
  label: '21/9'
}, {
  value: 1170,
  label: '22/9'
}, {
  value: 4678,
  label: '23/9'
}, {
  value: 2030,
  label: '24/9'
}, {
  value: 3000,
  label: '25/9'
}, {
  value: 5698,
  label: '26/9'
}, {
  value: 1170,
  label: '27/9'
}, {
  value: 4678,
  label: '28/9'
}, {
  value: 2030,
  label: '29/9'
}, {
  value: 3000,
  label: '30/9'
}, {
  value: 5698,
  label: '1/10'
}, {
  value: 1170,
  label: '2/10'
}, {
  value: 4678,
  label: '3/10'
}, {
  value: 2030,
  label: '4/10'
}, {
  value: 3000,
  label: '5/10'
}, {
  value: 5698,
  label: '6/10'
}, {
  value: 1170,
  label: '7/10'
}, {
  value: 4678,
  label: '8/10'
}, {
  value: 2030,
  label: '9/10'
}, {
  value: 3000,
  label: '10/10'
}, {
  value: 5698,
  label: '11/10'
}, {
  value: 1170,
  label: '12/10'
}, {
  value: 4678,
  label: '13/10'
}, {
  value: 2030,
  label: '14/10'
}, {
  value: 3000,
  label: '15/10'
}, {
  value: 5698,
  label: '16/10'
}, {
  value: 1170,
  label: '17/10'
}, {
  value: 4678,
  label: '18/10'
}, {
  value: 2030,
  label: '19/10'
}, {
  value: 3000,
  label: '20/10'
}, {
  value: 5698,
  label: '21/10'
}, {
  value: 1170,
  label: '22/10'
}, {
  value: 4678,
  label: '23/10'
}, {
  value: 2030,
  label: '24/10'
}, {
  value: 3000,
  label: '25/10'
}, {
  value: 5698,
  label: '26/10'
}, {
  value: 1170,
  label: '27/10'
}, {
  value: 4678,
  label: '28/10'
}, {
  value: 2030,
  label: '29/10'
}, {
  value: 3000,
  label: '30/10'
}, {
  value: 3000,
  label: '31/10'
}];
var overWeekData = [{
  value: 5698,
  label: '1/9'
}, {
  value: 1170,
  label: '2/9'
}, {
  value: 4678,
  label: '3/9'
}, {
  value: 2030,
  label: '4/9'
}, {
  value: 3000,
  label: '5/9'
}, {
  value: 3000,
  label: '6/9'
}, {
  value: 3000,
  label: '7/9'
}];
var nonCompactOnYAxisData = [{
  value: 1500,
  label: '12/9'
}, {
  value: 117,
  label: '13/9'
}, {
  value: 200,
  label: '14/9'
}, {
  value: 159,
  label: '15/9'
}, {
  value: 300,
  label: '16/9'
}];
var tests = [{
  describe: 'minimal data (2 data points)',
  its: [{
    it: 'default maxYTicksLimit',
    props: {}
  }, {
    it: 'maxYTicksLimit: 10',
    props: {
      maxYTicksLimit: 10
    }
  }]
}, {
  describe: 'over week data (7 data points)',
  its: [{
    it: 'default maxYTicksLimit',
    props: {
      data: overWeekData
    }
  }, {
    it: 'maxYTicksLimit: 10',
    props: {
      data: overWeekData,
      maxYTicksLimit: 10
    }
  }]
}, {
  describe: 'over month data (30 data points)',
  its: [{
    it: 'default maxYTicksLimit',
    props: _objectSpread(_objectSpread({}, commonProps), {}, {
      data: overMonthData
    })
  }, {
    it: 'maxYTicksLimit: 10',
    props: {
      data: overMonthData,
      maxYTicksLimit: 10
    }
  }]
}, {
  describe: 'over 2 months data (61 data points)',
  its: [{
    it: 'default maxYTicksLimit',
    props: _objectSpread(_objectSpread({}, commonProps), {}, {
      data: overTwoMonthsData
    })
  }, {
    it: 'maxYTicksLimit: 10',
    props: {
      data: overTwoMonthsData,
      maxYTicksLimit: 10
    }
  }]
}, {
  describe: 'combining non-compact numbers on y axis',
  its: [{
    it: 'default maxYTicksLimit',
    props: {
      data: nonCompactOnYAxisData
    }
  }, {
    it: 'maxYTicksLimit: 10 ',
    props: {
      maxYTicksLimit: 10,
      data: nonCompactOnYAxisData
    }
  }]
}, {
  describe: 'no tooltips',
  its: [{
    it: 'default maxYTicksLimit',
    props: _objectSpread(_objectSpread({}, commonProps), {}, {
      tooltipContent: null
    })
  }]
}];
tests.forEach(function (_ref) {
  var describe = _ref.describe,
    its = _ref.its;
  its.forEach(function (_ref2) {
    var it = _ref2.it,
      props = _ref2.props;
    (0, _react2.storiesOf)("".concat(_AreaChart["default"].displayName).concat(describe ? '/' + describe : ''), module).add(it, function () {
      return /*#__PURE__*/_react["default"].createElement(_AreaChart["default"], (0, _extends2["default"])({}, commonProps, props, {
        __self: _this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 555,
          columnNumber: 21
        }
      }));
    });
  });
});