@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 • 1.27 kB
JavaScript
import React from 'react';
import { render } from '@testing-library/react';
import SelectedOptions from "../SelectedOptions";
describe('SelectedOptions', () => {
test('rendering the defult props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(SelectedOptions, {
selectedOptions: []
}));
expect(asFragment()).toMatchSnapshot();
});
test('rendering the basic select options', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(SelectedOptions, {
highLightedSelectOptions: [],
selectedOptions: [{
value: 'SelectedObject1'
}, {
value: 'SelectedObject2'
}, {
value: 'SelectedObject3'
}]
}));
expect(asFragment()).toMatchSnapshot();
});
test('Should render with renderCustomSelectedValue', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(SelectedOptions, {
highLightedSelectOptions: [],
selectedOptions: [{
value: 'SelectedObject1',
optionType: 'custom'
}],
renderCustomSelectedValue: () => /*#__PURE__*/React.createElement("span", null, " SelectedOptions Custom Value")
}));
expect(asFragment()).toMatchSnapshot();
});
});