reactjs – 作为子组件的浅测试功能

2023年12月20日 279次阅读

我添加了一个使用函数作为子元素的组件.我对这种停止工作的组件进行了浅层酶测试.

如何浅析测试使用作为孩子的功能的组件？

零件

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

最佳答案 孩子们必须作为一个财产而不是直接打电话给孩子,而且I18n也必须浅浅.

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