react-native - react-navigation 如何将动态测试 id 添加到 tabBarTestID

Question

我正在使用 react-navigation，我想在特定选项卡聚焦和未聚焦时向 tabBarTesID 添加一个动态测试 ID，因为测试团队看不到特定选项卡栏是否被录音时的差异。

我想在导航器中添加它，在这里:

Home: {
screen: HomeTab,
navigationOptions: ({ navigation }) => ({
  tabBarTestID: 'bottom-tab-bar-home',
  tabBarAccessibilityLabel: 'bottom-tab-bar-home',
  tabBarIcon: ({ focused }) => <TabIcon type='menu_home' isActive={focused} />,
  tabBarVisible: isTabBarVisible(navigation),
  tabBarLabel: i18n.t('tab_bar_home')
})

有人知道如果点击选项卡，react-navigation 是否会自动设置属性吗？

Answer 1

也许这会对某些人有所帮助，我们只为底部选项卡添加了测试 ID，并且我们使用了以下属性:

对于iOS

• 为 tabBarTestID 设置一个测试 ID

对于安卓

• 为 tabBarAccessibilityLabel 设置一个测试 ID

  const TabNavigator = createBottomTabNavigator(
  {
    Home: {
      screen: HomeStack,
      navigationOptions: ({ navigation }) => ({
        ...setTestID(testIDs.homeTabBarButton) ... 
  
  
  const setTestID = (testID = '') => {
      if (isIOS) {
        return {
          tabBarTestID: testID
        };
      }
      return {
        tabBarAccessibilityLabel: testID
      };
    };