@zohodesk/components/lib/RippleEffect/__tests__/RippleEffect.spec.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

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

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

var _RippleEffect = _interopRequireDefault(require("../RippleEffect.js"));

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

describe('RippleEffect', function () {
  test('rendering the defult props', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], null, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering isActive is true', function () {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      isActive: true
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering isDisabled is true', function () {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      isDisabled: true
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var palette = ['default', 'primary', 'primaryLight', 'primaryFilled', 'primaryDark', 'green', 'danger'];
  test.each(palette)('rendering the palette of- %s', function (palette) {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      palette: palette
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  var hoverTypes = ['default', 'border', 'bg'];
  test.each(hoverTypes)('rendering hoverType of- %s', function (hoverType) {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      hoverType: hoverType
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering isNeedEffect is false', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      isNeedEffect: false
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering needBorder is false', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      needBorder: false
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('rendering isCopyTextEnabled is false', function () {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_RippleEffect["default"], {
      isCopyTextEnabled: true
    }, /*#__PURE__*/_react["default"].createElement("div", null, "RippleEffect"))),
        asFragment = _render8.asFragment;

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