Enzym: Test schlägt auf BrowserHistory Funktion fehl

Question

Ich bin ziemlich neu zu Unit Tests. Ich verwende react + redux und ich habe eine NotFound Seite/Komponente erstellt und ich schreibe seinen Unit Test. Es gibt ein onClick-Ereignis, das ich testen muss, was fehlschlägt.

404.jsx

const GenericNotFound =() => { 
    const goBack =() => { 
    browserHistory.goBack(); 
    }; 
    return (
    <section > 
     <h1>Sorry. The requested URL is not found</h1> 
     <a onClick={goBack}>Go back</a> 
    </section> 
); 
}; 

test.js

const wrapper = shallow(<GenericNotFound />); 
    const browserHistory = { 
    goBack: sinon.spy() 
    }; 
    const onClick = wrapper.find('a').props().onClick; 
    onClick(); 
    expect(browserHistory.goBack).to.have.been.called; 

Auch mit diesem, wirft es mir einen Fehler Cannot read property 'goBack' of undefined

Vielen Dank im Voraus.

Answer 1

Wie auf den Kommentaren aktualisiert

einige Änderungen

1. Verwenden mount statt shallow

const mount = mount(<GenericNotFound />);

2. Verwendung spy als unten,

sinon.spy(browserHistory.prototype, 'goBack')

Answer 2

von @anoop Antwort folgende:

it('should render an anchor tag',() => { 
     sinon.spy(browserHistory, 'goBack'); 
     const wrapper = mount(<GenericNotFound />; 
     const onClick = wrapper.find('a').props().onClick; 
     onClick(); 
     expect(browserHistory.goBack).to.have.been.called; 
     browserHistory.goBack.restore(); 
    });