chore: Simplify single test import in App.tsx (#3678)

## Description

This PR aims to simplify importing of single tests instead of the whole
example app. Depending on which test needs to be selected, part of the
`apps/App.tsx` file needs to be uncommented & modified. The whole
Example is selected by default.

## Changes

Modify typing & imports for tests.

## Checklist

- [x] Included code example that can be used to test this change.

---------

Co-authored-by: Kacper Kafara <kacperkafara@gmail.com>

Author: kmichalikk

apps/App.tsx

@@ -1,11 +1,17 @@
 import React from 'react';
 import { enableFreeze } from 'react-native-screens';
+
 import Example from './Example';
-// import * as Test from './src/tests/issue-tests';
+// import { NavigationContainer } from '@react-navigation/native';
+// import { Tests } from './src/tests';
 
 enableFreeze(true);
 
 export default function App() {
   return <Example />;
-  // return <Test.TestBottomTabs />;
+  // return (
+  //   <NavigationContainer>
+  //     <Tests.Issue.TestBottomTabs />
+  //   </NavigationContainer>
+  // );
 }

apps/src/tests/component-integration-tests/index.tsx

@@ -5,14 +5,13 @@ import {
   NavigationIndependentTree,
 } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { ScenarioGroup } from '../shared/helpers';
 import { ScenarioButton } from '../shared/ScenarioButton';
 
 import OrientationScenarioGroup from './orientation';
 import ScrollViewScenarioGroup from './scroll-view';
 import ScenarioSelectionScreen from '../shared/ScenarioScreen';
 
-const COMPONENT_SCENARIOS: Record<string, ScenarioGroup> = {
+export const COMPONENT_SCENARIOS = {
   Orientation: OrientationScenarioGroup,
   ScrollView: ScrollViewScenarioGroup,
 } as const;

apps/src/tests/component-integration-tests/orientation/index.tsx

@@ -2,11 +2,13 @@ import { ScenarioGroup } from '../../shared/helpers';
 import StackInTabs from './orientation-stack-in-tabs';
 import TabsInStack from './orientation-tabs-in-stack';
 
-const OrientationScenarios: ScenarioGroup = {
+const scenarios = { StackInTabs, TabsInStack };
+
+const OrientationScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'Orientation tests',
   details:
     'Test interaction between different components when orientation changes',
-  scenarios: [StackInTabs, TabsInStack],
+  scenarios,
 };
 
-export default OrientationScenarios;
+export default OrientationScenarioGroup;

apps/src/tests/component-integration-tests/scroll-view/index.tsx

@@ -1,9 +1,11 @@
 import { ScenarioGroup } from '../../shared/helpers';
 
-const ScrollViewScenarioGroup: ScenarioGroup = {
+const scenarios = {};
+
+const ScrollViewScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'ScrollView integration tests',
   details: 'Tests related to integration of our components with ScrollView',
-  scenarios: [],
+  scenarios,
 };
 
 export default ScrollViewScenarioGroup;

apps/src/tests/index.ts

@@ -0,0 +1,9 @@
+import { COMPONENT_SCENARIOS as Feature } from './single-feature-tests';
+import { COMPONENT_SCENARIOS as Integration } from './component-integration-tests';
+import * as Issue from './issue-tests';
+
+export const Tests = {
+  Feature,
+  Integration,
+  Issue,
+};

apps/src/tests/shared/helpers.ts

@@ -28,7 +28,7 @@ export interface Scenario {
   AppComponent: React.ComponentType;
 }
 
-export interface ScenarioGroup {
+export interface ScenarioGroup<K extends string> {
   /**
    * Name of this scenario group
    */
@@ -37,7 +37,7 @@ export interface ScenarioGroup {
    * Additional description of what this group of scenarios is related to.
    */
   details?: string;
-  scenarios: Scenario[];
+  scenarios: Record<K, Scenario>;
 }
 
 export type KeyList = Record<keyof any, undefined>;

apps/src/tests/single-feature-tests/index.tsx

@@ -10,11 +10,10 @@ import TabsScenarioGroup from './tabs';
 import SplitScenarioGroup from './split';
 import StackV5ScenarioGroup from './stack-v5';
 import StackV4ScenarioGroup from './stack-v4';
-import type { ScenarioGroup } from '../shared/helpers';
 import { ScenarioButton } from '../shared/ScenarioButton';
 import ScenarioSelectionScreen from '../shared/ScenarioScreen';
 
-export const COMPONENT_SCENARIOS: Record<string, ScenarioGroup> = {
+export const COMPONENT_SCENARIOS = {
   Tabs: TabsScenarioGroup,
   Split: SplitScenarioGroup,
   StackV5: StackV5ScenarioGroup,

apps/src/tests/single-feature-tests/split/index.ts

@@ -2,10 +2,12 @@ import { ScenarioGroup } from '../../shared/helpers';
 import TestTopColumnForCollapsing from './test-top-column-for-collapsing';
 import TestCommandShowColumn from './test-command-show-column';
 
-const SplitScenarioGroup: ScenarioGroup = {
+const scenarios = { TestTopColumnForCollapsing, TestCommandShowColumn };
+
+const SplitScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'Split',
   details: 'Single feature tests for Split',
-  scenarios: [TestTopColumnForCollapsing, TestCommandShowColumn],
+  scenarios,
 };
 
 export default SplitScenarioGroup;

apps/src/tests/single-feature-tests/stack-v4/index.ts

@@ -1,10 +1,12 @@
 import type { ScenarioGroup } from '../../shared/helpers';
 import Orientation from './stack-v4-orientation';
 
-const StackV4ScenarioGroup: ScenarioGroup = {
+const scenarios = { Orientation };
+
+const StackV4ScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'Stack v4',
   details: 'Single feature tests for Stack v4',
-  scenarios: [Orientation],
+  scenarios,
 };
 
 export default StackV4ScenarioGroup;

apps/src/tests/single-feature-tests/stack-v5/index.ts

@@ -3,14 +3,16 @@ import PreventNativeDismissSingleStack from './prevent-native-dismiss-single-sta
 import PreventNativeDismissNestedStack from './prevent-native-dismiss-nested-stack';
 import AnimationAndroid from './test-animation-android';
 
-const StackScenarioGroup: ScenarioGroup = {
+const scenarios = {
+  PreventNativeDismissSingleStack,
+  PreventNativeDismissNestedStack,
+  AnimationAndroid,
+};
+
+const StackScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'Stack v5',
   details: 'Single feature tests for new stack implementation',
-  scenarios: [
-    PreventNativeDismissSingleStack,
-    PreventNativeDismissNestedStack,
-    AnimationAndroid,
-  ],
+  scenarios,
 };
 
 export default StackScenarioGroup;