Enzyme如何获取依赖组件元素？

Question

我正在基于我的 AutoComplete 组件创建一个 React 组件 (UserAutocomplete)。

我的 AutoComplete 组件在哪里：

render(
   <input type='text' class='autocomplete'/>
);

我的 UserAutoComplete 是：

import Autocomplete from './autocomplete';

render(
    <Autocomplete {...this.props} />
);

并使用 Enzyme + Jest 创建测试，但是当我使用 find 函数获得 input 时，返回 null.

it('test defaultValue prop', () => {
    const wrapper = shallow(
        <UserAutocomplete/>
    );

    console.log(wrapper.find('input')); // returning null
});

如果它在子组件中，我如何才能得到这个输入？

Answer 1

shallow 渲染不会渲染超过一级（因此，shallow）。因此，您可以搜索 AutoComplete 组件而不是 input：

it('test defaultValue prop', () => {
    const wrapper = shallow(
        <UserAutocomplete/>
    );

    console.log(wrapper.find('AutoComplete')); // returning null
});

如果你想渲染得更深，你应该使用mount。

Enzyme如何获取依赖组件元素？

How to get dependency component element by Enzyme?

javascript

reactjs

enzyme