/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

1 vote222 views1 answer
Handling scrolling on react router transitions
Javascript React
0 vote217 views1 answer
React navbar material ui
Javascript React
24 votes214 views5 answers
How to change port in react js
Javascript React
0 vote252 views1 answer
Angular reactive form remove validation
Javascript React
1 vote206 views1 answer
React native run release
Javascript React
1 vote233 views1 answer
React-router-dom v6 redirect
Javascript React
7 votes208 views4 answers
Import image in react js
Javascript React
3 votes234 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote222 views1 answer
Localhost server in react native
Javascript React
0 vote386 views1 answer
Array map order by timestamp reactjs
Javascript React