Cómo burlarse de e.preventDefault en el hijo del componente react

Realmente no sé cómo burlarme de la función en línea en el hijo del componente Reaccionar

Mi pila:sinon, chai, enzyme;

Uso de componentes:

<ListItem onClick={() => someFn()} />

Representación del componente:

render() {
    return (
      <li>
        <a href="#" onClick={e => {
            e.preventDefault();
            this.props.onClick();
          }}
        > whatever </a>
      </li>
    );
  }

Aquí tenemosonClick eso llamae.preventDefault(). Cómo decir para<a href>(link) no llamare.preventDefault()? ¿Cómo puedo burlarme de eso?onClick?

Debajo de lo que he probado en las pruebas:

Configuración de copia superficial

function setup() {
  const someFn = sinon.stub();

  const component = shallow(
    <ListItem
      onClick={() => {
        someFn();
      }}
    />
  );

  return {
    component: component,
    actions: someFn,
    link: component.find('a'),
    listItem: component.find('li'),
  }
}

Y la prueba

  it('simulates click events', () => {
    const { link, actions } = setup();
    link.simulate('click'); //Click on <a href>
    expect(actions).to.have.property('callCount', 1); //would be good if we'll remove e.preventDefault()
  });

Error de salida de prueba:

TypeError: Cannot read property 'preventDefault' of undefined

Respuestas a la pregunta(5)

Su respuesta a la pregunta