import * as React from 'react' ; import { shallow } from 'enzyme' ; import IconCheckbox from './IconCheckbox' ; import YellowStar from '../../../svg/star--yellow.svg' ; import TestComponentPropUtils from '../../../utils/TestComponentPropUtils' ; describe ( 'Checkbox' , ( ) => { it ( 'renders without crashing' , ( ) => { shallow ( < IconCheckbox onChange = { ( ) => null } Icon = { YellowStar } / > ) ; } ) ; it ( 'renders basic react props like id, className, and style as element attributes' , ( ) => { const shallowWrapper = shallow ( < IconCheckbox onChange = { ( ) => null } Icon = { YellowStar } { ... TestComponentPropUtils . basicReactProps } / > ) ; expect ( shallowWrapper . props ( ) . style . cursor ) . toBe ( 'pointer' ) ; expect ( shallowWrapper . props ( ) . className ) . toContain ( 'myClass' ) ; } ) ; it ( 'renders name attribute correctly' , ( ) => { const component = shallow ( < IconCheckbox name = "FormName" onChange = { ( ) => null } Icon = { YellowStar } / > ) ; expect ( component . exists ( '[name="FormName"]' ) ) . toBe ( true ) ; } ) ; } ) ;