Jest 测试中的“类型错误：不是函数”

Question

经过 Jest 和 Enzyme 测试的组件具有一些功能。然后这个函数使用一个导入的库。

它犯了一些错误。

测试代码

it('Emoji should be rendered without error', () => {
    const messageItem = shallow(
      <MessageItem {...props}/>
    )
   ...
})

消息项

import * as getUrls from 'get-urls';

export class MessageItem extends Component <Props> {
  state = {
    isOpenThread: false,
    isAddEmoji: false,
    containedUrl: ''
  }

  getContainUrl = () => {
    //getUrls makes an error!
    const urls = getUrls(this.props.content).values();
    const firstUrl: string = urls.next().value;
    return firstUrl
  }
  ...
  render(){
    return (... <UrlInfoArea {...props} url={this.getContainUrl()} />))
  }
}

错误信息

 TypeError: getUrls is not a function

      37 |
      38 |   getContainUrl = () => {
    > 39 |     const urls = getUrls(this.props.content).values();
         |                  ^
      40 |     const firstUrl: string = urls.next().value;
      41 |     return firstUrl
      42 |   }

它在运行时正常工作。

有解决办法吗？

Answer 1

get-urls 导出单个函数和get-urls uses the export = syntax 的类型定义。

基于TypeScript documentation on export =，导入get-urls 的正确方法是使用import = require() 语法，如下所示：

import getUrls = require('get-urls');