@zohodesk/dot/lib/Separator/__tests__/Separator.spec.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@testing-library/react");

var _Separator = _interopRequireDefault(require("../Separator"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

describe('Separator', function () {
  var PALETTE = ['default', 'primary', 'secondary'];
  var TYPE = ['dot', 'slash', 'arrow', 'comma', 'none'];
  var ALIGN_DIRECTION = ['row', 'column', 'row-reverse', 'column-reverse'];
  var WRAP = ['wrap', 'wrap-reverse', 'nowrap'];
  test('rendering the default props', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(PALETTE)('rendering the palette of - %s', function (palette) {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      palette: palette
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(TYPE)('rendering the type of - %s', function (type) {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      type: type
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering with customSeparatorType props', function () {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      customSeparatorType: "#"
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(ALIGN_DIRECTION)('rendering the aligndirection of - %s', function (aligndirection) {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      aligndirection: aligndirection
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(WRAP)('rendering the wrap of - %s', function (wrap) {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      wrap: wrap
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the customClass props', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      customClass: {
        customWrapper: 'customWrapperStyle',
        customSeparator: 'customSeparatorStyle',
        customChildren: 'customChildrenStyle'
      }
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the shrink props with true', function () {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], {
      shrink: true
    }, /*#__PURE__*/_react["default"].createElement("div", null, "Desk"), /*#__PURE__*/_react["default"].createElement("div", null, "CRM"), /*#__PURE__*/_react["default"].createElement("div", null, "Creator"))),
        asFragment = _render8.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering the all types of children data', function () {
    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Separator["default"], null, ['Desk', undefined, /*#__PURE__*/_react["default"].createElement("div", {
      key: "1"
    }, "CRM"), null, ''])),
        asFragment = _render9.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
});