@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
JavaScript
;
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();
});
});