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

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _TableListHeader = _interopRequireDefault(require("../TableListHeader"));
var _Text = _interopRequireDefault(require("../../Text"));
var _Input = _interopRequireDefault(require("../../Input"));
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/TableListHeader/test/TableListHeader.visual.jsx",
  _this = void 0;
var commonProps = {
  options: [{
    value: 'Investing',
    width: '2fr',
    align: 'right'
  }, {
    value: '4 posts',
    width: '1fr',
    align: 'center'
  }, {
    value: '30 April 2020',
    width: '20%',
    align: 'left'
  }]
};
var tests = [{
  describe: 'sanity',
  its: [{
    it: 'with checkbox hidden',
    props: {
      checkboxState: 'hidden'
    }
  }, {
    it: 'with checkbox enabled',
    props: {
      checkboxState: 'normal'
    }
  }, {
    it: 'with checkbox checked',
    props: {
      checkboxState: 'checked'
    }
  }, {
    it: 'with checkbox disabled',
    props: {
      checkboxState: 'disabled'
    }
  }, {
    it: 'with checkbox indeterminate',
    props: {
      checkboxState: 'indeterminate'
    }
  }, {
    it: 'with checkbox errored',
    props: {
      checkboxState: 'hasError'
    }
  }]
}, {
  describe: 'ellipsis',
  its: [{
    it: 'should work with Text ellipsis properly',
    props: {
      options: [{
        value: /*#__PURE__*/_react["default"].createElement(_Text["default"], {
          ellipsis: true,
          __self: void 0,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 66,
            columnNumber: 17
          }
        }, "Very very very very long messagenVery very very very long message Very very very very long message Very very very very long message Very very very very long message Very very very very long message Very very very very long message")
      }]
    }
  }]
}, {
  describe: 'children',
  its: [{
    it: 'children that are not aligned should stretch to 100%',
    props: {
      options: [{
        value: /*#__PURE__*/_react["default"].createElement(_Input["default"], {
          __self: void 0,
          __source: {
            fileName: _jsxFileName,
            lineNumber: 85,
            columnNumber: 30
          }
        })
      }]
    }
  }, {
    it: 'should display px, fr and % types correctly',
    props: {
      options: [{
        value: 'Hi',
        width: 20
      }, {
        value: 'Hello',
        width: '30%'
      }, {
        value: 'Dzień dobry',
        width: '1fr'
      }, {
        value: 'Guten tag',
        width: '70px'
      }]
    }
  }, {
    it: 'should split space equally if width is not defined',
    props: {
      options: [{
        value: 'Hi'
      }, {
        value: 'Hello'
      }, {
        value: 'Dzień dobry'
      }, {
        value: 'Guten tag'
      }]
    }
  }]
}];
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)("TableListHeader|".concat(describe ? '/' + describe : ''), module).add(it, function () {
      return /*#__PURE__*/_react["default"].createElement(_TableListHeader["default"], (0, _extends2["default"])({}, commonProps, props, {
        __self: _this,
        __source: {
          fileName: _jsxFileName,
          lineNumber: 118,
          columnNumber: 13
        }
      }));
    });
  });
});