@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
192 lines (172 loc) • 7.74 kB
JavaScript
;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@testing-library/react");
var _Drawer = require("../Drawer");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var paddingSizes = ['small', 'medium', 'large']; // describe('Header Component', () => {
// describe('Snapshots', () => {
// test('renders with default props', () => {
// const { asFragment } = render(<Header />);
// expect(asFragment()).toMatchSnapshot();
// });
// test.each(paddingSizes)('renders Header with paddingSize - %s', (paddingSize) => {
// const { asFragment } = render(<Header paddingSize={paddingSize} />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with flexible set to true', () => {
// const { asFragment } = render(<Header flexible />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with isIconBold set to true', () => {
// const { asFragment } = render(<Header isIconBold />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with isBoxIcon set to true', () => {
// const { asFragment } = render(<Header isBoxIcon />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with custom className', () => {
// const { asFragment } = render(<Header className="custom-header" />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with title', () => {
// const { asFragment } = render(<Header title="Header Title" />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with closeTitle', () => {
// const { asFragment } = render(<Header closeTitle="Close Header" />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with iconName and iconSize', () => {
// const { asFragment } = render(<Header iconName="ZD-icon" iconSize="24" />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with getChildren function', () => {
// const { asFragment } = render(<Header getChildren={() => <div>Child Content</div>} />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with getTitleChildren function', () => {
// const { asFragment } = render(<Header getTitleChildren={() => <div>Title Child</div>} />);
// expect(asFragment()).toMatchSnapshot();
// });
// test('renders Header with dataId', () => {
// const { asFragment } = render(<Header dataId="header-id" />);
// expect(asFragment()).toMatchSnapshot();
// });
// });
// describe('Interactions', () => {
// test('calls onClose handler when close button is clicked', () => {
// const mockOnClose = jest.fn();
// const { getByRole } = render(<Header onClose={mockOnClose} />);
// const closeButton = getByRole('button', { name: /close/i });
// fireEvent.click(closeButton);
// expect(mockOnClose).toHaveBeenCalledTimes(1);
// });
// test('calls onIconClick handler when icon is clicked', () => {
// const mockOnIconClick = jest.fn();
// const { getByRole } = render(<Header iconName="ZD-icon" onIconClick={mockOnIconClick} />);
// const iconButton = getByRole('button');
// fireEvent.click(iconButton);
// expect(mockOnIconClick).toHaveBeenCalledTimes(1);
// });
// });
// });
describe('Header Component - Title Prop Combinations', function () {
test('renders with default props', function () {
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, null)),
asFragment = _render.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title only', function () {
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title"
})),
asFragment = _render2.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title and close button', function () {
var mockOnClose = jest.fn();
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
onClose: mockOnClose
})),
asFragment = _render3.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title and icon', function () {
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
iconName: "ZD-icon",
iconSize: "24"
})),
asFragment = _render4.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title, icon, and close button', function () {
var mockOnClose = jest.fn();
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
iconName: "ZD-icon",
iconSize: "24",
onClose: mockOnClose
})),
asFragment = _render5.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title and custom className', function () {
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
className: "custom-header"
})),
asFragment = _render6.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title and getTitleChildren function', function () {
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
getTitleChildren: function getTitleChildren() {
return /*#__PURE__*/_react["default"].createElement("div", null, "Title Child");
}
})),
asFragment = _render7.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title, icon, and getTitleChildren function', function () {
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
iconName: "ZD-icon",
iconSize: "24",
getTitleChildren: function getTitleChildren() {
return /*#__PURE__*/_react["default"].createElement("div", null, "Title Child");
}
})),
asFragment = _render8.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title, close button, and getTitleChildren function', function () {
var mockOnClose = jest.fn();
var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
onClose: mockOnClose,
getTitleChildren: function getTitleChildren() {
return /*#__PURE__*/_react["default"].createElement("div", null, "Title Child");
}
})),
asFragment = _render9.asFragment;
expect(asFragment()).toMatchSnapshot();
});
test('renders Header with title, icon, close button, and getTitleChildren function', function () {
var mockOnClose = jest.fn();
var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Drawer.Header, {
title: "Header Title",
iconName: "ZD-icon",
iconSize: "24",
onClose: mockOnClose,
getTitleChildren: function getTitleChildren() {
return /*#__PURE__*/_react["default"].createElement("div", null, "Title Child");
}
})),
asFragment = _render10.asFragment;
expect(asFragment()).toMatchSnapshot();
});
});