在测试中触发 Topbar 按钮

Question

我正在尝试使用 react-native-testing-library 在屏幕上测试导航事件。

我正在使用 Navigation.events().registerNavigationButtonPressedListener 在我的功能组件中使用以下钩子来监听全局事件：

const useTopBarBtnPress = function (
    componentId: string,
    onTopBtnPressed: OnTopBtnPressed) {
    useEffect(() => {
        const topBtnListener = Navigation.events().registerNavigationButtonPressedListener((event) => {
            if (event.componentId === componentId)
                onTopBtnPressed(event, BtnIds)
        })
        return () => topBtnListener.remove()
    }, [onTopBtnPressed])
}

是否可以为测试模拟一个 topBar 按钮？我想使用 testID 但我在文档中找不到它。
还是我需要模拟 registerNavigationButtonPressedListener ？还是使用排毒？

另外，有没有办法测试布局？ （例如。图标颜色）

Answer 1

没有必要实际模拟 TopBar 按钮来测试 navigationButtonPressed。只需使用正确的NavigationButtonPressedEvent 参数自己调用navigationButtonPressed 即可模拟按钮按下。