test: add tests for options callback types

react-navigation · Mar 11, 2024 · acba347 · acba347
1 parent 7419e81
commit acba347
Showing 1 changed file with 60 additions and 0 deletions.
diff --git a/example/__typechecks__/static.check.tsx b/example/__typechecks__/static.check.tsx
@@ -190,6 +190,66 @@ createBottomTabNavigator({
   },
 });
 
+/**
+ * Have correct type for screen options callback
+ */
+createBottomTabNavigator({
+  screenOptions: ({ route, navigation, theme }) => {
+    expectTypeOf(route.name).toMatchTypeOf<string>();
+    expectTypeOf(navigation.getState().type).toMatchTypeOf<'tab'>();
+    expectTypeOf(navigation.jumpTo).toMatchTypeOf<Function>();
+    expectTypeOf(theme).toMatchTypeOf<ReactNavigation.Theme>();
+
+    return {};
+  },
+  screens: {},
+});
+
+createBottomTabNavigator({
+  screens: {
+    Test: {
+      screen: () => null,
+      options: ({ route, navigation, theme }) => {
+        expectTypeOf(route.name).toMatchTypeOf<'Test'>();
+        expectTypeOf(navigation.getState().type).toMatchTypeOf<'tab'>();
+        expectTypeOf(navigation.jumpTo).toMatchTypeOf<Function>();
+        expectTypeOf(theme).toMatchTypeOf<ReactNavigation.Theme>();
+
+        return {};
+      },
+    },
+  },
+});
+
+/**
+ * Have correct type for listeners callback
+ */
+createBottomTabNavigator({
+  screenListeners: ({ route, navigation }) => {
+    expectTypeOf(route.name).toMatchTypeOf<string>();
+    expectTypeOf(navigation.getState().type).toMatchTypeOf<'tab'>();
+    expectTypeOf(navigation.jumpTo).toMatchTypeOf<Function>();
+
+    return {};
+  },
+  screens: {},
+});
+
+createBottomTabNavigator({
+  screens: {
+    Test: {
+      screen: () => null,
+      listeners: ({ navigation, route }) => {
+        expectTypeOf(route.name).toMatchTypeOf<'Test'>();
+        expectTypeOf(navigation.getState().type).toMatchTypeOf<'tab'>();
+        expectTypeOf(navigation.jumpTo).toMatchTypeOf<Function>();
+
+        return {};
+      },
+    },
+  },
+});
+
 /**
  * Requires `screens` to be defined
  */