@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
34 lines • 1.43 kB
JavaScript
import React from 'react';
import { render } from '@testing-library/react';
import { TabWrapper, Tabs, Tab, TabContentWrapper, TabContent } from "../index";
describe('TabWrapper', () => {
const alignments = ['vertical', 'horizontal', 'vertical-reverse', 'horizontal-reverse'];
test.each(alignments)('rendering the align prop of - %s', alignments => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(TabWrapper, {
type: "alpha",
align: alignments,
defaultTab: "page1"
}, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
id: "page1",
text: "Page 1"
}), /*#__PURE__*/React.createElement(Tab, {
id: "page2",
text: "Page 2"
}), /*#__PURE__*/React.createElement(Tab, {
id: "page3",
text: "Page 3"
})), /*#__PURE__*/React.createElement(TabContentWrapper, null, /*#__PURE__*/React.createElement(TabContent, {
id: "page1",
text: "Page 1"
}, /*#__PURE__*/React.createElement("div", null, "Page 1 Content")), /*#__PURE__*/React.createElement(TabContent, {
id: "page2",
text: "Page 2"
}, /*#__PURE__*/React.createElement("div", null, "Page 2 Content")), /*#__PURE__*/React.createElement(TabContent, {
id: "page3",
text: "Page 3"
}, /*#__PURE__*/React.createElement("div", null, "Page 3 Content")))));
expect(asFragment()).toMatchSnapshot();
});
});