Jest cannot test the component which use the RightBar

Issue

code

//devSetting component

import {NavigationContext, NavigationEvent} from 'navigation-react';
import {BarButton, NavigationBar, RightBar} from 'navigation-react-native';
import React, {useContext} from 'react';
import {ScrollView, Text} from 'react-native';
import { RootNavigationTypes } from '../../../../app.types';

export const DevSettingsScreen = () => {
  const {stateNavigator} = useContext<NavigationEvent<RootNavigationTypes>>(NavigationContext);
  return (
    <>
      <NavigationBar
        title="Dev Settings"
        backTitle=""
        onNavigationPress={() => stateNavigator.navigateBack(1)}
        navigationImage={require('../../../../../assets/arrow-left.png')}>
        <RightBar>
          <BarButton title="Reset" show="ifRoom" />
        </RightBar>
      </NavigationBar>
      <ScrollView contentInsetAdjustmentBehavior="automatic">
        <Text>Dev Settings Screen</Text>
      </ScrollView>
    </>
  );
};

// test file
import 'react-native';
import React from 'react';
import {DevSettingsScreen} from './dev-settings-screen';
import {render, screen} from '@testing-library/react-native';

it('renders correctly', () => {
  render(<DevSettingsScreen />)
  expect(screen).toBeTruthy();
});

[anhtuank7c]

@grahammendick Sure I will. Thanks for your hard work

[grahammendick]

Hey there! I’ve finished the PR that mocks all the Navigation router components so they work with React Native Testing Library. Could you test out the mocks and let me know if you’re happy, please?