从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");