-
-
Notifications
You must be signed in to change notification settings - Fork 5k
/
index.test.tsx
71 lines (58 loc) · 2.1 KB
/
index.test.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import {
createNavigationContainerRef,
NavigationContainer,
} from '@react-navigation/native';
import { act, fireEvent, render } from '@testing-library/react-native';
import * as React from 'react';
import { Animated, Button, Text, View } from 'react-native';
import { type BottomTabScreenProps, createBottomTabNavigator } from '../index';
type BottomTabParamList = {
A: undefined;
B: undefined;
};
it('renders a bottom tab navigator with screens', async () => {
// @ts-expect-error: incomplete mock for testing
jest.spyOn(Animated, 'timing').mockImplementation(() => ({
start: (callback) => callback?.({ finished: true }),
}));
const Test = ({
route,
navigation,
}: BottomTabScreenProps<BottomTabParamList>) => (
<View>
<Text>Screen {route.name}</Text>
<Button onPress={() => navigation.navigate('A')} title="Go to A" />
<Button onPress={() => navigation.navigate('B')} title="Go to B" />
</View>
);
const Tab = createBottomTabNavigator<BottomTabParamList>();
const { findByText, queryByText } = render(
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="A" component={Test} />
<Tab.Screen name="B" component={Test} />
</Tab.Navigator>
</NavigationContainer>
);
expect(queryByText('Screen A')).not.toBeNull();
expect(queryByText('Screen B')).toBeNull();
fireEvent.press(await findByText('Go to B'));
expect(queryByText('Screen B')).not.toBeNull();
});
it('handles screens preloading', async () => {
const Tab = createBottomTabNavigator<BottomTabParamList>();
const navigation = createNavigationContainerRef<BottomTabParamList>();
const { queryByText } = render(
<NavigationContainer ref={navigation}>
<Tab.Navigator>
<Tab.Screen name="A">{() => null}</Tab.Screen>
<Tab.Screen name="B">{() => <Text>Screen B</Text>}</Tab.Screen>
</Tab.Navigator>
</NavigationContainer>
);
expect(queryByText('Screen B', { includeHiddenElements: true })).toBeNull();
act(() => navigation.preload('B'));
expect(
queryByText('Screen B', { includeHiddenElements: true })
).not.toBeNull();
});