@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
41 lines (35 loc) • 1.78 kB
JavaScript
"use strict";
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
var _index = require("../index");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
describe('TabWrapper', function () {
var alignments = ['vertical', 'horizontal', 'vertical-reverse', 'horizontal-reverse'];
test.each(alignments)('rendering the align prop of - %s', function (alignments) {
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index.TabWrapper, {
type: "alpha",
align: alignments,
defaultTab: "page1"
}, /*#__PURE__*/_react["default"].createElement(_index.Tabs, null, /*#__PURE__*/_react["default"].createElement(_index.Tab, {
id: "page1",
text: "Page 1"
}), /*#__PURE__*/_react["default"].createElement(_index.Tab, {
id: "page2",
text: "Page 2"
}), /*#__PURE__*/_react["default"].createElement(_index.Tab, {
id: "page3",
text: "Page 3"
})), /*#__PURE__*/_react["default"].createElement(_index.TabContentWrapper, null, /*#__PURE__*/_react["default"].createElement(_index.TabContent, {
id: "page1",
text: "Page 1"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Page 1 Content")), /*#__PURE__*/_react["default"].createElement(_index.TabContent, {
id: "page2",
text: "Page 2"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Page 2 Content")), /*#__PURE__*/_react["default"].createElement(_index.TabContent, {
id: "page3",
text: "Page 3"
}, /*#__PURE__*/_react["default"].createElement("div", null, "Page 3 Content"))))),
asFragment = _render.asFragment;
expect(asFragment()).toMatchSnapshot();
});
});