Тестирование поверхностного рендера wrapper.props не определено - PullRequest
0 голосов
/ 10 октября 2018

Я хочу протестировать следующий код:

<React.Fragment>
    <Connect />
    <FlatList
        data={[
            {key: "pp", title: "Privacy Policy"},
            {key: "tos", title: "Terms of Service"},
        ]}
        renderItem={({item}) => {
            return (
                <View
                    onPress={() => this.handleOnPress(item.key)}
                >
                    <Text>{item.title}</Text>
                </View>
            );
        }}
    />
</React.Fragment>

Это мои тесты:

it("should render a FlatList with 2 items", () => {
        const wrapper = shallow(
            <Menu
            />
        );
        expect(wrapper).toMatchSnapshot();
        expect(wrapper.props().data).toHaveLength(2);
    });

По какой-то причине он не работает и показывает, что .data не определено.Я хочу проверить, что в моем плоском списке 2 элемента.

1 Ответ

0 голосов
/ 10 октября 2018

Если я понимаю проблему, то похоже, что вы пытаетесь получить .props() из <Menu/> (обертки), а не <FlatList/>, который является дочерним элементом обертки.

Используя метод .childAt, вы сможете решить эту проблему следующим образом:

it("should render a FlatList with 2 items", () => {
    const wrapper = shallow(
        <Menu
        />
    );
    expect(wrapper).toMatchSnapshot();

    // expect(wrapper.props().data).toHaveLength(2);

    expect(
      wrapper // the wrapper of 'Menu'
      .childAt(1) // the second child of the 'Menu' which is the 'FlatList'
      .props() // the props of 'FlatList'
      .data // the data field of 'FlatList' props
    ).toHaveLength(2);
});

Вот дополнительная информация о .childAt() методе - надеюсь, этопомогает

...