@zohodesk/dot/lib/Drawer/__tests__/Drawer.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 _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");

var _Drawer = _interopRequireDefault(require("../Drawer"));

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

beforeEach(function () {
  (0, _IdProvider.setGlobalId)(0);
});
afterEach(function () {
  (0, _react2.cleanup)();
});
var sizes = ['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge', 'xxlarge', 'default'];
var palettes = ['dark', 'default', 'darkLight', 'plain'];
var subDrawerSizes = ['xsmall', 'small', 'medium'];
describe('Drawer Component Snapshots', function () {
  test('renders with default props', function () {
    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true
    })),
        asFragment = _render.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(sizes)('renders Drawer with size - %s', function (size) {
    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true,
      size: size
    })),
        asFragment = _render2.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(palettes)('renders Drawer with palette - %s', function (palette) {
    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true,
      palette: palette
    })),
        asFragment = _render3.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test.each(subDrawerSizes)('renders Drawer with subDrawerSize - %s', function (subDrawerSize) {
    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true,
      subDrawerSize: subDrawerSize,
      subDrawerActive: true
    })),
        asFragment = _render4.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders with custom className', function () {
    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true,
      customClass: "custom-drawer"
    })),
        asFragment = _render5.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with subDrawerActive set to true', function () {
    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      subDrawerActive: true
    })),
        asFragment = _render6.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with isActive set to true', function () {
    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true
    })),
        asFragment = _render7.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with needAutoZindex set to true', function () {
    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      needAutoZindex: true
    })),
        asFragment = _render8.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with needFocusScope set to true', function () {
    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      needFocusScope: true
    })),
        asFragment = _render9.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with flexible set to true', function () {
    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      flexible: true
    })),
        asFragment = _render10.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with isIconBold set to true', function () {
    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isIconBold: true
    })),
        asFragment = _render11.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with isBoxIcon set to true', function () {
    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isBoxIcon: true
    })),
        asFragment = _render12.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with needFreeze set to true', function () {
    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      needFreeze: true
    })),
        asFragment = _render13.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders with customProps', function () {
    var customProps = {
      'aria-label': 'Custom Drawer',
      'data-custom': 'customValue'
    };

    var _render14 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      isActive: true,
      customProps: customProps
    })),
        asFragment = _render14.asFragment;

    expect(asFragment()).toMatchSnapshot();
  });
  test('renders Drawer with all options combined', function () {
    var _render15 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
      size: "medium",
      palette: "default",
      subDrawerActive: true,
      subDrawerSize: "small",
      customClass: "combined-drawer",
      isActive: true,
      needFreeze: true,
      needAutoZindex: true
    })),
        asFragment = _render15.asFragment;

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