reactjs - 使用 Jest/Enzyme 的 FlatList 测试

Question

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

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


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

Answer 1

需要在.keyExtractor()中传入item来测试返回值。例如:

如果你有:

<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')
});