/Javascript/React/How to pass property component in react enzyme

How to pass property component in react enzyme

import React from 'react'
import { shallow } from 'enzyme'
import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-15'

import SongLink from '../components/SongLink'

configure({ adapter: new Adapter() })   

test('it renders correctly', () => {

  // This is where I tried to imitate the props and pass them in. 

  const songLinkProps = {
    result: {
      id: '6rPO02ozF3bM7NnOV4h6s2'
    },
    handleClick: () => {
      console.log('click')
    }
  }

  const component = shallow(<SongLink key={songLinkProps.result.id} />)
  let tree = component.toJSON()
  expect(tree).toMatchSnapshot()
})

Source: stackoverflow.com

Similar codes

0 vote202 views1 answer
Implement cai webchat in react native
Javascript React
0 vote197 views2 answers
How to pass data in router link react-typescript
Javascript React
9 votes230 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
1 vote199 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
0 vote202 views1 answer
Remove react native cli mac
Javascript React
2 votes192 views1 answer
React native cover image in parent view
Javascript React
0 vote208 views1 answer
React recursive component
Javascript React
0 vote216 views1 answer
Concat two arrays each value react typescript
Javascript React
0 vote199 views1 answer
React native how to pass id from list to function
Javascript React
0 vote282 views1 answer
Nice react native shadow
Javascript React