import React from 'react' ; import { render , screen } from '@testing-library/react' ; import userEvent from '@testing-library/user-event' ; import { SegmentedControl } from '../src' ; describe ( 'SegmentedControl' , function ( ) { it ( 'renders correctly' , ( ) => { const { container } = render ( < SegmentedControl values = { [ 'Button1' , 'Button2' , 'Button3' ] } selected = "Button1" disabled = { false } onClick = { ( ) => { } } />); expect ( container . firstChild ) . toMatchSnapshot ( ) ; } ) ; it ( 'should handle the click event' , ( ) => { const onClick = jest . fn ( ) ; render ( < SegmentedControl values = { [ 'Button1' , 'Button2' , 'Button3' ] } selected = "Button1" disabled = { false } onClick = { onClick } / > ) ; userEvent . click ( screen . getByRole ( 'button' , { name : 'Button1' } ) ) ; expect ( onClick ) . toHaveBeenCalled ( ) ; } ) ; } ) ;