/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

2 votes245 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote216 views3 answers
Flash effect in react native
Javascript React
0 vote247 views2 answers
Hosting react on gh pages
Javascript React
40 votes245 views4 answers
What does useref do react
Javascript React
2 votes278 views3 answers
Cdn react
Javascript React
0 vote209 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
0 vote227 views1 answer
React break out of useeffect
Javascript React
0 vote239 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
8 votes250 views3 answers
Disable eslint for react project
Javascript React
0 vote253 views1 answer
Yarn react-native-async-storage
Javascript React