React Testen Komponente mit Enzyme ändern prop

Question

ich ein Beispiel hier bin ändern:

https://github.com/airbnb/enzyme/blob/master/docs/api/ReactWrapper/setProps.md

class Foo extends React.Component { 
    render() { 
     return (
      <input className={this.props.name} type="text" value={this.props.name} onChange={()=>{}} /> 
     ); 
    } 
} 

it('should pass and does not',()=> { 
    const wrapper = mount(<Foo name="foo" />); 
    expect(wrapper.find('.foo').html()).toBe(`<input class="foo" type="text" value="foo">`); 
    wrapper.setProps({ name: 'bar' }); 
    expect(wrapper.find('.bar').html()).toBe(`<input class="bar" type="text" value="bar">`); 
}); 

Result: Expected '<input class="bar" type="text" value="foo">' to be '<input class="bar" type="text" value="bar">'. 

Sie aus dem Ergebnis des Tests sehen, dass das Attribut classname korrekt auf prop Änderung aktualisiert wurde. Der Wert der Eingabe bleibt jedoch falsch auf 'foo' eingestellt.

Irgendwelche Ideen, wie ich diesen Wert geltend machen kann, wurde auf der Komponente richtig geändert, die neue Stützen zu einem Wertattribut auf einer Eingabe empfängt?

Answer 1

Sie müssen eine Methode .update() auf einem Wrapper aufrufen. (Gleich nachdem Sie neue Requisiten eingestellt haben) Dies erzwingt die Aktualisierung der Komponente und der Wert der Eingabe sollte sich ändern.

Sie können mehr darüber lesen Sie hier: http://airbnb.io/enzyme/docs/api/ShallowWrapper/update.html