如何获取嵌套道具函数的值以进行单元测试

Posted

技术标签:

【中文标题】如何获取嵌套道具函数的值以进行单元测试【英文标题】:How to get value of nested props function for unit testing 【发布时间】:2019-02-06 16:45:40 【问题描述】:

我在获取嵌套 props 函数的值时遇到问题。

this.props.user.getPerson().getData()

getPerson 返回带有人员相关数据的新对象。

getData 返回人员相关数据。

为了可读性,它是分开的,我想让它用于单元测试。

测试一:

 let _wrapper,
    initialProps

  beforeEach(() => 
    initialProps = 
      user: 
        getPerson: () => 
      
    
    _wrapper = shallow(<Test1 ...initialProps />)
  )
some tests...
)

它返回了TypeError: Cannot read property 'getData' of undefined

测试2

 let _wrapper,
    initialProps

  beforeEach(() => 
    initialProps = 
      user: 
        getPerson: () =>  getData: () =>  
      
    
    _wrapper = shallow(<Test2 ...initialProps />)
  )
some tests...
)

它返回了TypeError: Cannot read property 'getData' of undefined 与 Test1 相同的错误。

我试图通过传递函数来获取 props 函数的值,但它在第二个函数中不起作用。

如何获取嵌套 props 函数的值?

【问题讨论】:

【参考方案1】:

你需要wrap object literals in parentheses to return them from arrow functions:

initialProps = 
  user: 
    getPerson: () => ( getData: () =>   )  // wrap in parentheses
  

【讨论】:

@aaayumi 太棒了,很高兴它有帮助!

以上是关于如何获取嵌套道具函数的值以进行单元测试的主要内容,如果未能解决你的问题,请参考以下文章

如何在节点 js 中对嵌套函数进行单元测试?

如何对第一个Vue.js组件进行单元测试 (下)

获取传递给完成处理程序以进行单元测试的值

如何对 Vue 应用程序中的嵌套操作进行单元测试?

如何对依赖于 ActivatedRoute 参数的组件进行单元测试?

我们如何为嵌套函数编写单元测试用例(Jasmine)?