UNPKG

@zohodesk/components

Version:

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

107 lines (91 loc) 3.86 kB
"use strict"; var _react = _interopRequireDefault(require("react")); var _react2 = require("@testing-library/react"); var _ArrowIcon = _interopRequireDefault(require("../ArrowIcon")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } describe('ArrowIcon', function () { test('rendering the defult props', function () { var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], null)), asFragment = _render.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with dataId', function () { var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { dataId: "ArrowIcon-test-dataId" })), asFragment = _render2.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render isRotated is true', function () { var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { isRotated: true })), asFragment = _render3.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render isActive is true', function () { var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { isActive: true })), asFragment = _render4.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render isDisabled is true', function () { var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { isDisabled: true })), asFragment = _render5.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render isReadOnly is true', function () { var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { isReadOnly: true })), asFragment = _render6.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with customClass', function () { var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { customClass: { iconClass: 'arrowIcon_iconClass', containerClass: 'arrowIcon_containerClass' } })), asFragment = _render7.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with a11yAttributes', function () { var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { a11yAttributes: { 'data-a11y-focus': true } })), asFragment = _render8.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with tagAttributes', function () { var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { tagAttributes: { title: 'hello here is title' } })), asFragment = _render9.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with customProps', function () { var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { customProps: { testId: 'hereIsTestId' } })), asFragment = _render10.asFragment; expect(asFragment()).toMatchSnapshot(); }); test('Should be render with renderCustomToggleIndicator', function () { var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], { renderCustomToggleIndicator: /*#__PURE__*/_react["default"].createElement("div", null, "Indicator") })), asFragment = _render11.asFragment; expect(asFragment()).toMatchSnapshot(); }); });