/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

3 votes383 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote299 views4 answers
React router v6
Javascript React
1 vote304 views1 answer
React center a text
Javascript React
0 vote314 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
1 vote323 views1 answer
Android resource linking failed react native image crop picker
Javascript React
0 vote336 views1 answer
Duplicate module name: React Native hasteimpl react native android
Javascript React
5 votes352 views2 answers
Import fa icons react
Javascript React
14 votes319 views4 answers
React how to update state array
Javascript React
-1 vote316 views1 answer
How to load the images from the website dynamically in react
Javascript React
5 votes305 views2 answers
Get url query in react
Javascript React