@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
63 lines • 2.32 kB
JavaScript
import React from 'react';
import { render } from '@testing-library/react';
import ListItemWithIcon from "../ListItemWithIcon";
describe('ListItemWithIcon', () => {
test('rendering the defult props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, null));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with secondaryValue', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
secondaryValue: "secondaryValue"
}));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with secondaryValue text and LHS align start', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
secondaryValue: "secondaryValue",
lhsAlignContent: "start"
}));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with secondaryValue text and LHS align center', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
secondaryValue: "secondaryValue",
lhsAlignContent: "center"
}));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with secondaryValue text and LHS align end', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
secondaryValue: "secondaryValue",
lhsAlignContent: "end"
}));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with renderValueRightPlaceholderNode', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
renderValueRightPlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Custom Placeholder")
}));
expect(asFragment()).toMatchSnapshot();
});
test('ListItemWithIcon with renderValueRightPlaceholderNode & it\'s custom class', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(ListItemWithIcon, {
renderValueRightPlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Custom Placeholder"),
customValueRightPlaceholderClass: "customValueRightPlaceholderClass"
}));
expect(asFragment()).toMatchSnapshot();
});
});