TypeError: Cannot read property 'value' of undefined on shallow component about chai-enzyme

[ayrton]

I don't see any issues with the code above, I tried to reproduce the issue with the following code on master:

import React from 'react';
import {shallow} from 'enzyme';

const MyForm = ({ csrf }) => <form><input name={csrf.param} value={csrf.token} /></form>

describe("MyForm", () => {
  let wrapper = null;

  beforeEach(() => {
    const props = {
      csrf: {
        param: 'cool_csrf',
        token: '123456789'
      },
    };
    wrapper = shallow(<MyForm {...props}/>);
  });

  it("sets the CSRF token", () => {
    var field = wrapper.find('input[name="cool_csrf"]');
    expect(field.html()).to.contain('value="123456789"');
    expect(field).to.have.value('123456789');
  });
});

this returns me:

$ NODE_ENV=test npme mocha test/foo.test.js


  MyForm
    ✓ sets the CSRF token


  1 passing (132ms)

Closing this, feel free to re-open if you can give more context.