@wonderflow/react-components
Version:
UI components from Wonderflow's Wanda design system
11 lines (10 loc) • 1.26 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { fireEvent, render } from '@testing-library/react';
import { Menu } from './menu';
describe('<Menu>', () => {
test(' it should render properly', () => {
const { container, getByText } = render(_jsxs(Menu, { children: [_jsx(Menu.Item, { value: "Item1", children: "Item 1" }), _jsx(Menu.Item, { value: "Item2", subtext: "hint text", children: "Item 2" }), _jsx(Menu.ItemCheckbox, { value: "Check1", children: "Checkable item" }), _jsx(Menu.ItemCheckbox, { value: "Check2", checked: true, children: "Checked item" }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { value: "Item3", icon: "bell", children: "Item 3" }), _jsx(Menu.Item, { value: "Item4", icon: "bell", iconPosition: "right", children: "Item 4" }), _jsx(Menu.Item, { value: "Item5", icon: "bell", iconPosition: "left", dimension: "small", children: "Item 5" }), _jsx(Menu.Item, { value: "Item6", description: _jsx("p", { children: "some description" }), children: "Item 6" }), _jsx(Menu.Item, { value: "Item7", disabled: true, children: "Item 7" }), _jsx(Menu.Item, { value: "Item8", as: "div", children: "Item 8" })] }));
fireEvent.click(getByText(/Item 1/));
expect(container).not.toBeNull();
});
});