@zohodesk/svg/lib/SVG/__tests__/SVG.spec.js

This Bundle Contains EmptyState Images.

"use strict";

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

var _SVG = _interopRequireDefault(require("../SVG"));

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

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

describe('SVG componet', function () {
  test('sholud render the basic strucutr of svg', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], null)),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var palette = ['default', 'dark', 'danger'];
  test.each(palette)('Should render palette of svg - %s', function (palette) {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      palette: palette
    })),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var size = ['small', 'large'];
  test.each(size)('Should render size of svg - %s', function (size) {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      size: size
    })),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render alignHorizontal is false in svg', function () {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      alignHorizontal: false
    })),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render alignHorizontal is false in svg', function () {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isSymbol: true,
      alignHorizontal: false
    })),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render isFluid is true in svg ', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isFluid: true
    })),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render isFluid is true in svg with symbol', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isSymbol: true,
      isFluid: true
    })),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render isRender is false in svg', function () {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isSymbol: true,
      isRender: false
    })),
        asFragment = _render8.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render isSymbol is true in svg', function () {
    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isSymbol: true
    }, " Snapshot ")),
        asFragment = _render9.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render Name in svg', function () {
    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      isSymbol: true,
      name: "Snapshot"
    })),
        asFragment = _render10.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render viewBox in svg', function () {
    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      viewBox: "0 0 500 500"
    })),
        asFragment = _render11.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('sholud render className in svg', function () {
    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      className: "Snapshot"
    })),
        asFragment = _render12.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('should render styleName in SVG', function () {
    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SVG["default"], {
      styleName: {
        height: '100px',
        width: '100px'
      }
    }, " Snapshot")),
        asFragment = _render13.asFragment;

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