使用 Jest/Enzyme 进行 FlatList 测试

【问题标题】：FlatList testing using Jest/Enzyme使用 Jest/Enzyme 进行 FlatList 测试
【发布时间】：2019-10-24 14:38:22
【问题描述】：

如何使用 Jest 和 Enzyme 测试 FlatList？我不知道如何检查它是否有 keyExtractor。

    it('flatlist should have keyExtractor', () => {


        wrapper
            .find('FlatList')
            .props()
            .keyExtractor();
    });
});

【问题讨论】：

标签： reactjs react-native testing jestjs enzyme

【解决方案1】：

您需要通过.keyExtractor()中的项目来测试返回。例如：

如果你有：

<FlatList 
  data={data}
  renderItem={this.renderItem}
  keyExtractor={item => item.id.toString()}
/>

现在测试：

it('should flatlist return keyExtractor correctly', () => {
 const key = wrapper
             .find('FlatList')
             .props()
             .keyExtractor({id: 3});

expect(key).toEqual('3')
});

【讨论】：