react-native-navigation-mock-render

react-native-navigation-mock-render

Work in progress, stay tuned.

Thin node.js mock of wix/react-native-navigation that makes it possible to write fast integration test including:

• rendering of screens
• life cycle methods
• navigation between screens

Uses:

• react-native-mock-render
• enzyme
• jsdom

Prerequisite

• react-native >= 0.49
• react >= 16.0.0

Example usage with Jest

yarn add --dev react-native-navigation-mock-render jsdom@^11.5.1 enzyme@^3.3.0 enzyme-adapter-react-16@^1.1.1 react-native-mock-render@^0.0.19

/* @flow */
import { Navigation } from 'react-native-navigation'
import 'react-native-navigation-mock-render/lib/setup-enzyme-environment'
import { getEnzymeAppWrapper } from 'react-native-navigation-mock-render/lib/platform'

import { IntroScreen } from '../screens/intro'
import startApplication from '../index'

jest.mock('react-native-navigation/src/deprecated/platformSpecificDeprecated', () =>
  // $FlowFixMe: Jest adds requireActual
  require.requireActual('react-native-navigation-mock-render/lib/platform')
)

jest.mock('react-native-navigation/src/ScreenVisibilityListener', () =>
  // $FlowFixMe: Jest adds requireActual
  require.requireActual(
    'react-native-navigation-mock-render/lib/ScreenVisibilityListener'
  )
)

const wrapper = getEnzymeAppWrapper()

export const flushAllPromises = (): Promise<void> =>
  new Promise(resolve => setImmediate(resolve))

describe('app integration test', () => {

  it('shows authentication screen after stepping through intro', async () => {
    startApplication()

    await flushAllPromises()

    let screenId = await Navigation.getCurrentlyVisibleScreenId()
    expect(screenId).toEqual('MyApp.Intro')

    const introInstance = wrapper
      .find(IntroScreen)
      .first()
      .instance()

    introInstance.onAcceptTermsPressed()

    await flushAllPromises()

    screenId = await Navigation.getCurrentlyVisibleScreenId()
    expect(screenId).toEqual('MyApp.MainScreen')
  })
})

Limitations

Still early stages. First focus is apps using startSingleScreenApp.

Besides:

• not all ScreenVisibilityListener have been implemented
• not all Navigation methods have been implemented (e.g. startTabBasedApp, showContextualMenu)

Contributing

To get started, run:

yarn

When developing:

yarn run lint

License

MIT