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

作为子组件的浅层测试函数

enzyme jestjs reactjs

Black · 技术社区 · 7 年前

如何测试一个作为子级使用函数的组件?

return (
  <I18n>
    {({ i18n }) => (
      <div />
    )}
  </I18n>
)

我试过的测试

import { shallow } from 'enzyme';

wrapper = shallow(<Component />)
  .find('I18n')
  .children();
console.log(wrapper.debug()); //outputs: [function]


wrapper = shallow(<Component />)
  .find('I18n')
  .children()();
// TypeError: (0 , _enzyme.shallow)(...).find(...).children(...) is not a function

1 回复 | 直到 7 年前

Black 7 年前

子对象必须作为一个属性来获取,而不是直接调用子对象,I18n也必须是浅层的。

const outerWrapper = shallow(< Component />);
wrapper = shallow(outerWrapper.find('I18n').prop('children')());

推荐文章

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

2 年前

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

2 年前

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

3 年前

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

3 年前

kyrolos magdy · 用jest和

3 年前

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

3 年前

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

3 年前

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

3 年前

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

3 年前

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

3 年前