從React類導出默認類和函數

Question

我可以從react類中導出類和函數。 下面是我的課程，我正在嘗試導出onKeyHandler進行單元測試。 我嘗試只是在onKeyHandler之前添加export，但是我的lint不喜歡那樣。 我將如何導出一個默認值和另一個導出功能以進行測試。

import React, { Component } from 'react';

class MyComponent extends Component {

  onKeyHandler = ({ target, keyCode }) => {

  };

  render() {
    return (
      <div>
        sdfsdfds
      </div>
    );
  }
}

export default MyComponent;

Answer 1

要導出功能，它必須在類之外。 但是您可以測試而不導出。

與sinon一起sinon

// import
import 'sinon' from sinon.

// in your test case
let onKeySpy = sinon.spy(MyComponent, "onKeyHandler");

// logic goes here
expect(onKeySpy.called).toBeTrue();

我沒有嘗試過，但是應該可以。 您也可以使用jest.spyOn()進行類似的jest.spyOn() 。

如果需要存根方法，則可以使用prototype

let onKeyStub = sinon.stub(MyComponent.prototype, "onKeyHandler");