测试类方法内部的静态方法调用时发生TypeError

Question

我在React组件内部有一个静态方法，例如：

class DeliveryAddressScreen extends Component {
  static isAddressReady(address) {
    return !!(address)
  }

  sendAddress(address) {
    if(this.isAddressReady(address)) {
     // DO SOMETHING
    }

  }
}

而我的测试：

  it('sample tests', () => {
    const component = shallow(<DeliveryAddressScreen />)
    component.instance().sendAddress('Address')
    expect(true).toBe(true) // Just a sample
  })

反馈是：

TypeError ：this.isAddressReady不是一个函数

是否有模拟这种方法或类似方法的正确方法？

Answer 1

应该使用类名称调用静态方法。

 class DeliveryAddressScreen extends React.Component { static isAddressReady(address) { return !!(address) } sendAddress(address) { if(DeliveryAddressScreen.isAddressReady(address)) { console.log(address) } } } const subject = new DeliveryAddressScreen() subject.sendAddress("test") 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 

Answer 2

Static properties are properties of a class, not of an instance of a class.

正如从了解JavaScript中的静态功能中 qout的

因此，您无需调用浅表。 你可以简单地

import DeliveryAddressScreen from '../some/path'
it('can call class method', () => {
    expect(DeliveryAddressScreen. isAddressReady).toEqual(true)
})

但是！，您正在尝试在尚未实例化的内容中使用this内容，因此该内容将不存在

您可以改写static方法，使其看起来像没有static关键字的样子

isAddressReady = (address) => {
    return true // or false
 }