unit-testing - 酵素: BrowserHistory 関数でテストが失敗する

Question

私はユニットテストにかなり慣れていません。私はreact + reduxを使用しており、NotFoundページ/コンポーネントを作成しており、その単体テストを書いています。失敗しているテストする必要がある onClick イベントがあります。

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;

これでも、エラーがスローされますCannot read property 'goBack' of undefined

前もって感謝します。

Answer 1

@anoopの回答に従ってください：

 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();
    });