javascript - Jest not able to verify presence for a proeprty using toHaveProperty

Question

I am using Jest and enzyme, I have a react component, below its structure when performing .debug().

 console.log srcshared
avigationNavigations.test.js:20
    <NavLink to="/" exact={true} activeStyle={{...}} activeClassName="active">
      Weather
    </NavLink>

I am using the following code to try to test if NavLink has a property to with value /.

The property is not found (I believe when the component is mounted using shallow the object is decorated with other properties [code below]).

I need to know how to test the property like would be returned by the debug() function.

  it('shouldhave property home', () => {
    const wrapper = shallow(
      <Navigations />
    )
    const test = wrapper.find(NavLink).first()
    console.log(test.debug())
    expect(test).toHaveProperty('to', '/')
  })

Answer 1

You could try to use .get() (or .first() in the second example) to take a specific element from the array returned by .find() and use .props to check for a property or passing and object to search directly in .find().

Docs:

http://airbnb.io/enzyme/docs/api/ReactWrapper/get.html http://airbnb.io/enzyme/docs/api/ShallowWrapper/find.html

  it('should have property home', () => {
    const wrapper = shallow(<Navigations />)
    expect(wrapper.find(NavLink).get(0).props.to).toEqual('/')
  })