代码之家 › 专栏 › 技术社区 › FacundoGFlores

用jest检查作为prop的传递函数

enzyme jestjs unit-testing javascript

FacundoGFlores · 技术社区 · 7 年前

从中生成组件 react-dates ,我有这样的东西:

<DayPickerRangeController
    // some props...
    isDayBlocked={day => isDayBlocked(a, someObject)}
/>

我想测试我是否通过了形式的函数 day => isDayBlocked(a, someObject) 是的。

所以在我的测试中我有:

import isDayBlocked from './isDayBlocked'

jest.mock('./isDayBlocked', () => () => {})

然后进行测试:

expect(wrapper.find(DayPickerRangeController).props().isDayBlocked).toBe(
      () => isDayBlocked,
);

但我收到:

expect(received).toBe(expected) // Object.is equality

Expected: [Function anonymous]
Received: [Function isDayBlocked]

我怎样才能通过考试?

1 回复 | 直到 7 年前

skyboyer 7 年前

您正在尝试匹配函数的主体。这样不行。你可以比较 .toString() 结果但肯定的是,这并不意味着相同的正文文本意味着相同的执行(因为使用了闭包/全局变量)。

你能做什么?

您可以像测试任何其他函数一样测试传入的函数:提供不同的输入并对输出进行断言。

wrapper.callSomethingToChangeState();
expect(wrapper.find(DayPickerRangeController).props().isDayBlocked('day1'))
    .toBeFalsy();
expect(wrapper.find(DayPickerRangeController).props().isDayBlocked('day2'))
    .toBeFalsy();
expect(wrapper.find(DayPickerRangeController).props().isDayBlocked('day3'))
    .toBeTruthy();

如果你的 isDayBlocked 取决于组件的某些内部状态,您可能希望组成几个不同的 it() 覆盖不同的输入数据类

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

3 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

3 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

4 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

4 年前

kyrolos magdy · 用jest和

4 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

4 年前

Cazs · 在React onChange中测试功能组件

4 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

4 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

4 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

4 年前