Fix onboarding tests

__mocks__/expo-application.ts

@@ -1 +1,5 @@
-export const nativeApplicationVersion = '1.0.0';
+const Application = {
+    nativeApplicationVersion: '1.0.0',
+};
+
+export { Application };

src/Navigation.test.tsx

@@ -1,13 +1,15 @@
 import React from 'react';
 
 import { configureStore } from '@reduxjs/toolkit';
-import { render, screen } from '@testing-library/react-native';
+import { render, screen, waitFor } from '@testing-library/react-native';
 import { Provider } from 'react-redux';
 
 import gamesReducer, { gameDefaults } from '../redux/GamesSlice';
 import settingsReducer, { setOnboardedVersion, initialState as settingsState } from '../redux/SettingsSlice';
 
 import { Navigation } from './Navigation';
+import { useNavigationMock } from '../test/test-helpers';
+import ListScreen from './screens/ListScreen';
 
 jest.mock('Analytics');
 
@@ -39,28 +41,48 @@ const mockStore = () => {
 };
 
 describe('Navigation', () => {
-    it('does not show the onboarding screen when onboardedSemVer 1.0.0', () => {
+    it('show the onboarding screen when onboardedSemVer 1.0.0', async () => {
+        const navigation = useNavigationMock();
+        const { Application } = require('expo-application');
+        expect(Application.nativeApplicationVersion).toBe('1.0.0');
+
         const store = mockStore();
 
         render(
             <Provider store={store}>
-                <Navigation />
+                <ListScreen navigation={navigation} />
             </Provider>
         );
 
-        expect(screen.queryByTestId('onboarding')).toBeOnTheScreen();
+        await waitFor(() => {
+            expect(navigation.navigate).toHaveBeenCalledWith('Onboarding', expect.objectContaining({
+                onboarding: true,
+            }));
+        });
     });
 
-    it('does not show the onboarding screen when onboardedSemVer is equal or greater than 2.2.2', () => {
+    it('does not show the onboarding screen when onboardedSemVer is equal or greater than 2.2.2', async () => {
+        const navigation = useNavigationMock();
+
+        jest.doMock('expo-application', () => ({
+            Application: {
+                nativeApplicationVersion: '2.5.7',
+            },
+        }));
+
+        const { Application } = require('expo-application');
+        expect(Application.nativeApplicationVersion).toBe('2.5.7');
+
         const store = mockStore();
 
-        store.dispatch(setOnboardedVersion());
         render(
             <Provider store={store}>
-                <Navigation />
+                <ListScreen navigation={navigation} />
             </Provider>
         );
 
-        expect(screen.queryByTestId('onboarding')).not.toBeOnTheScreen();
+        await waitFor(() => {
+            expect(navigation.navigate).not.toHaveBeenCalledWith('Onboarding');
+        });
     });
 });

src/screens/ListScreen.tsx

@@ -47,7 +47,6 @@ const ListScreen: React.FunctionComponent<Props> = ({ navigation }) => {
             setRollingGameCounter(gameIds.length);
         }
 
-
         logEvent('game_list', {
             onboarded,
             gameCount: gameIds.length,