如何测试react原生组件单元测试中是否显示了ActivityIndicator？

Question

我正在学习使用jest和react测试库测试react原生应用程序。我找不到如何检查ActivityIndicator是否正在显示。我该如何查询呢？是否有可访问性角色？我设法通过accessibilityHint进行查询，如下所示：

const { queryByAccessibilityHint } = render(
    <View>
        <ActivityIndicator accessibilityHint='loading' />
    </View>
)

await waitFor( () => {
    expect(queryByAccessibilityHint('loading')).not.toBeNull()
})

但是这还可以吗？在使用ActivityIndicator时，如何在FlatList中显示RefreshControl？我无法设置可访问性角色。

Answer 1

库@testing-library/react-native将适合您正在寻找的query for accessibility。

如果你要使用我链接的库，你可以这样做：

const { getByAccessibilityHint } = render(
    <View>
        <ActivityIndicator accessibilityHint='loading' />
    </View>
)
getByAccessibilityHint('loading') // If it finds it, it passes. If not, throws err