[test] Add test-case for wrong/unknown ids

IjzerenHein · IjzerenHein · commit 52d7fdb44d3e · 2021-08-20T15:38:16.000+02:00
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,7 +1,6 @@
 import * as React from "react";
 import { Platform, StatusBar } from "react-native";
 import { SafeAreaProvider } from "react-native-safe-area-context";
-import { enableScreens } from "react-native-screens";
 
 import { Tests, Test } from "./components";
 import BackOnly from "./tests/BackOnly";
@@ -41,6 +40,8 @@ import ScaleFromCenterAndroidV4 from "./tests/ScaleFromCenterAndroid.v4";
 import SlideFromRightIOS from "./tests/SlideFromRightIOS";
 import SlideFromRightIOSV4 from "./tests/SlideFromRightIOS.v4";
 import TextInputStackV4 from "./tests/TextInputStack.v4";
+import WrongIds from "./tests/WrongIds";
+import WrongIdsV4 from "./tests/WrongIds.v4";
 
 if (Platform.OS === "android") {
   StatusBar.setTranslucent(true);
@@ -128,6 +129,7 @@ export default () => (
         ComponentV4={OverlappingElementsV4}
         Component={OverlappingElements}
       />
+      <Test title="WrongIds" ComponentV4={WrongIdsV4} Component={WrongIds} />
       <Test title="TextInput" ComponentV4={TextInputStackV4} />
     </Tests>
   </SafeAreaProvider>
diff --git a/example/src/tests/BackOnly.v4.tsx b/example/src/tests/BackOnly.v4.tsx
@@ -7,6 +7,8 @@ import {
 import { defaultItem } from "../data";
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
+const name = "BackOnly";
+
 const sharedElements: SharedElementsComponentConfig = (
   route,
   otherRoute,
@@ -22,16 +24,16 @@ const sharedElements: SharedElementsComponentConfig = (
   ];
 };
 
-const BackOnlyStackNavigator = createSharedElementStackNavigator(
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "BackOnly"),
+    Main: createScreen(MainScreen, name),
     Detail: createScreen(DetailScreen, undefined, sharedElements),
   },
   undefined,
   {
-    name: "SimpleStack",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(BackOnlyStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/DefaultStack.v4.tsx b/example/src/tests/DefaultStack.v4.tsx
@@ -3,16 +3,18 @@ import { createSharedElementStackNavigator } from "react-navigation-shared-eleme
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "SimpleStack";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "SimpleStack"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   undefined,
   {
-    name: "SimpleStack",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/FadeFromBottomAndroid.v4.tsx b/example/src/tests/FadeFromBottomAndroid.v4.tsx
@@ -4,20 +4,22 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "FadeFromBottomAndroid";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "FadeFromBottomAndroid"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   {
     defaultNavigationOptions: {
-      ...TransitionPresets.FadeFromBottomAndroid,
+      ...TransitionPresets[name],
     },
   },
   {
-    name: "FadeFromBottomAndroid",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/ForwardOnly.v4.tsx b/example/src/tests/ForwardOnly.v4.tsx
@@ -7,6 +7,8 @@ import {
 import { defaultItem } from "../data";
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
+const name = "ForwardOnly";
+
 const sharedElements: SharedElementsComponentConfig = (
   route,
   otherRoute,
@@ -22,16 +24,16 @@ const sharedElements: SharedElementsComponentConfig = (
   ];
 };
 
-const ForwardOnlyStackNavigator = createSharedElementStackNavigator(
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "ForwardOnly"),
+    Main: createScreen(MainScreen, name),
     Detail: createScreen(DetailScreen, undefined, sharedElements),
   },
   undefined,
   {
-    name: "SimpleStack",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(ForwardOnlyStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/ModalIOS13PageSheet.v4.tsx b/example/src/tests/ModalIOS13PageSheet.v4.tsx
@@ -4,9 +4,11 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { MainScreen, DetailScreen, createScreen } from "../screens";
 
-const ModalIOS13PageSheetStackNavigator = createSharedElementStackNavigator(
+const name = "ModalIOS13PageSheet";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "ModalIOS13PageSheet"),
+    Main: createScreen(MainScreen, name),
     Detail: createScreen(DetailScreen, undefined, undefined, {
       modal: "sheet",
     }),
@@ -21,9 +23,9 @@ const ModalIOS13PageSheetStackNavigator = createSharedElementStackNavigator(
     },
   },
   {
-    name: "ModalIOS13PageSheet",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(ModalIOS13PageSheetStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/ModalSlideFromBottomIOS.v4.tsx b/example/src/tests/ModalSlideFromBottomIOS.v4.tsx
@@ -4,20 +4,22 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "ModalSlideFromBottomIOS";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "ModalSlideFromBottomIOS"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   {
     defaultNavigationOptions: {
-      ...TransitionPresets.ModalSlideFromBottomIOS,
+      ...TransitionPresets[name],
     },
   },
   {
-    name: "ModalSlideFromBottomIOS",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/OverlappingElements.v4.tsx b/example/src/tests/OverlappingElements.v4.tsx
@@ -3,18 +3,20 @@ import { createSharedElementStackNavigator } from "react-navigation-shared-eleme
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "OverlappingElements";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "OverlappingElements"),
+    Main: createScreen(MainScreen, name),
     Detail: createScreen(DetailScreen, undefined, undefined, {
       overlappingElements: true,
     }),
   },
   undefined,
   {
-    name: "OverlappingElements",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/RevealFromBottomAndroid.v4.tsx b/example/src/tests/RevealFromBottomAndroid.v4.tsx
@@ -4,20 +4,22 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "RevealFromBottomAndroid";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "RevealFromBottomAndroid"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   {
     defaultNavigationOptions: {
-      ...TransitionPresets.RevealFromBottomAndroid,
+      ...TransitionPresets[name],
     },
   },
   {
-    name: "RevealFromBottomAndroid",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/ScaleFromCenterAndroid.v4.tsx b/example/src/tests/ScaleFromCenterAndroid.v4.tsx
@@ -4,20 +4,22 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "ScaleFromCenterAndroid";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "ScaleFromCenterAndroid"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   {
     defaultNavigationOptions: {
-      ...TransitionPresets.ScaleFromCenterAndroid,
+      ...TransitionPresets[name],
     },
   },
   {
-    name: "ScaleFromCenterAndroid",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/SlideFromRightIOS.v4.tsx b/example/src/tests/SlideFromRightIOS.v4.tsx
@@ -4,20 +4,22 @@ import { TransitionPresets } from "react-navigation-stack";
 
 import { createScreen, MainScreen, DetailScreen } from "../screens";
 
-const SimpleStackNavigator = createSharedElementStackNavigator(
+const name = "SlideFromRightIOS";
+
+const StackNavigator = createSharedElementStackNavigator(
   {
-    Main: createScreen(MainScreen, "SlideFromRightIOS"),
+    Main: createScreen(MainScreen, name),
     Detail: DetailScreen,
   },
   {
     defaultNavigationOptions: {
-      ...TransitionPresets.SlideFromRightIOS,
+      ...TransitionPresets[name],
     },
   },
   {
-    name: "SlideFromRightIOS",
+    name,
     debug: true,
   }
 );
 
-export default createAppContainer(SimpleStackNavigator);
+export default createAppContainer(StackNavigator);
diff --git a/example/src/tests/WrongIds.tsx b/example/src/tests/WrongIds.tsx
@@ -0,0 +1,31 @@
+import { NavigationContainer } from "@react-navigation/native";
+import * as React from "react";
+import { createSharedElementStackNavigator } from "react-navigation-shared-element";
+
+import { MainScreen, DetailScreen } from "../screens";
+
+const name = "WrongIds";
+
+const Stack = createSharedElementStackNavigator({
+  name,
+  debug: true,
+});
+
+export default () => (
+  <NavigationContainer>
+    <Stack.Navigator>
+      <Stack.Screen name={name} component={MainScreen} />
+      <Stack.Screen
+        name="Detail"
+        component={DetailScreen}
+        sharedElements={(route, otherRoute, showing) => {
+          return [
+            { id: "unknownId1" },
+            { id: "unknownId2", animation: "move" },
+            { id: "unknownId3", animation: "fade" },
+          ];
+        }}
+      />
+    </Stack.Navigator>
+  </NavigationContainer>
+);
diff --git a/example/src/tests/WrongIds.v4.tsx b/example/src/tests/WrongIds.v4.tsx
@@ -0,0 +1,35 @@
+import { createAppContainer } from "react-navigation";
+import {
+  createSharedElementStackNavigator,
+  SharedElementsComponentConfig,
+} from "react-navigation-shared-element/build/v4";
+
+import { createScreen, MainScreen, DetailScreen } from "../screens";
+
+const name = "WrongIds";
+
+const sharedElements: SharedElementsComponentConfig = (
+  route,
+  otherRoute,
+  showing
+) => {
+  return [
+    { id: "unknownId1" },
+    { id: "unknownId2", animation: "move" },
+    { id: "unknownId3", animation: "fade" },
+  ];
+};
+
+const StackNavigator = createSharedElementStackNavigator(
+  {
+    Main: createScreen(MainScreen, name),
+    Detail: createScreen(DetailScreen, undefined, sharedElements),
+  },
+  undefined,
+  {
+    name,
+    debug: true,
+  }
+);
+
+export default createAppContainer(StackNavigator);
