Add local-rules/require-top-level-exports ESLint rule

It enforces that all top-level declarations in test files are exported. The rule is implemented as a local ESLint plugin (eslint-plugin-local-rules) linked via file: dependency — no external packages needed. Applied to apps/src/tests/** via an override in apps/.eslintrc.js. All existing test files (1411 declarations) have been updated to comply.

Author: sgaczol

apps/.eslintrc.js

@@ -8,5 +8,12 @@ module.exports = {
         'react-native/no-inline-styles': 'off',
       },
     },
+    {
+      files: ['src/tests/**/*.tsx', 'src/tests/**/*.ts'],
+      plugins: ['local-rules'],
+      rules: {
+        'local-rules/require-top-level-exports': 'error',
+      },
+    },
   ],
 };

apps/src/tests/IssueTestsScreen.tsx

@@ -13,7 +13,7 @@ import {
 } from '@apps/shared/styling/adapter/react-navigation';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
-const SCREENS: Record<
+export const SCREENS: Record<
   string,
   {
     title: string;
@@ -35,15 +35,15 @@ Object.keys(Tests).forEach(testName => {
   };
 });
 
-type IssueTestsStackParamList = {
+export type IssueTestsStackParamList = {
   Main: undefined;
 } & {
   [P in keyof typeof SCREENS]: undefined;
 };
 
-const issueRegex = /Test(?<issue>\d+)(?<case>.*)/;
+export const issueRegex = /Test(?<issue>\d+)(?<case>.*)/;
 
-const screens = Object.keys(SCREENS).sort((name1, name2) => {
+export const screens = Object.keys(SCREENS).sort((name1, name2) => {
   const spec1 = issueRegex.exec(name1)?.groups;
   const spec2 = issueRegex.exec(name2)?.groups;
 
@@ -65,7 +65,7 @@ const screens = Object.keys(SCREENS).sort((name1, name2) => {
   }
 });
 
-function MainScreen(props: {
+export function MainScreen(props: {
   navigation: NavigationProp<IssueTestsStackParamList>;
 }) {
   const [searchQuery, setSearchQuery] = React.useState('');

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

@@ -16,11 +16,11 @@ export const COMPONENT_SCENARIOS = {
   ScrollView: ScrollViewScenarioGroup,
 } as const;
 
-type ParamsList = { [k: keyof typeof COMPONENT_SCENARIOS]: undefined } & {
+export type ParamsList = { [k: keyof typeof COMPONENT_SCENARIOS]: undefined } & {
   Home: undefined;
 };
 
-function HomeScreen() {
+export function HomeScreen() {
   return (
     <ScrollView contentInsetAdjustmentBehavior="automatic">
       {Object.entries(COMPONENT_SCENARIOS).map(([key, scenarioGroup]) => (
@@ -35,7 +35,7 @@ function HomeScreen() {
   );
 }
 
-const Stack = createNativeStackNavigator<ParamsList>();
+export const Stack = createNativeStackNavigator<ParamsList>();
 
 export default function App() {
   return (

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

@@ -2,7 +2,7 @@ import type { ScenarioGroup } from '@apps/tests/shared/helpers';
 import StackInTabs from './orientation-stack-in-tabs';
 import TabsInStack from './orientation-tabs-in-stack';
 
-const scenarios = { StackInTabs, TabsInStack };
+export const scenarios = { StackInTabs, TabsInStack };
 
 const OrientationScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'Orientation tests',

apps/src/tests/component-integration-tests/orientation/orientation-stack-in-tabs.tsx

@@ -16,15 +16,15 @@ import {
   DEFAULT_TAB_ROUTE_OPTIONS,
 } from '@apps/shared/gamma/containers/tabs';
 
-const scenarioDescription: ScenarioDescription = {
+export const scenarioDescription: ScenarioDescription = {
   name: 'StackInTabs',
   details:
     'Configuration in Stack contained within TabScreen always takes precedence',
   key: 'cit-orientation-stack-in-tabs',
   platforms: ['ios'],
 };
 
-function ConfigScreen() {
+export function ConfigScreen() {
   const {
     routeKey: tabRouteKey,
     routeOptions: tabRouteOptions,
@@ -62,19 +62,19 @@ function ConfigScreen() {
   );
 }
 
-const STACK_ROUTE_CONFIGS: StackRouteConfig[] = [
+export const STACK_ROUTE_CONFIGS: StackRouteConfig[] = [
   {
     name: 'Screen1',
     Component: ConfigScreen,
     options: {},
   },
 ];
 
-function StackScreen() {
+export function StackScreen() {
   return <StackContainer routeConfigs={STACK_ROUTE_CONFIGS} />;
 }
 
-const TAB_ROUTE_CONFIGS: TabRouteConfig[] = [
+export const TAB_ROUTE_CONFIGS: TabRouteConfig[] = [
   {
     name: 'Tab1',
     Component: StackScreen,

apps/src/tests/component-integration-tests/orientation/orientation-tabs-in-stack.tsx

@@ -16,15 +16,15 @@ import {
   DEFAULT_TAB_ROUTE_OPTIONS,
 } from '@apps/shared/gamma/containers/tabs';
 
-const scenarioDescription: ScenarioDescription = {
+export const scenarioDescription: ScenarioDescription = {
   name: 'TabsInStack',
   details:
     'Configuration in Tabs contained within StackScreen should have precedence over configuraton in Stack contained within TabScreen',
   key: 'cit-orientation-tabs-in-stack',
   platforms: ['ios'],
 };
 
-function ConfigScreen() {
+export function ConfigScreen() {
   const {
     routeKey: stackRouteKey,
     routeOptions: stackRouteOptions,
@@ -62,7 +62,7 @@ function ConfigScreen() {
   );
 }
 
-const TAB_ROUTE_CONFIGS: TabRouteConfig[] = [
+export const TAB_ROUTE_CONFIGS: TabRouteConfig[] = [
   {
     name: 'Tab1',
     Component: ConfigScreen,
@@ -81,11 +81,11 @@ const TAB_ROUTE_CONFIGS: TabRouteConfig[] = [
   },
 ];
 
-function TabsScreen() {
+export function TabsScreen() {
   return <TabsContainer routeConfigs={TAB_ROUTE_CONFIGS} />;
 }
 
-const STACK_ROUTE_CONFIGS: StackRouteConfig[] = [
+export const STACK_ROUTE_CONFIGS: StackRouteConfig[] = [
   {
     name: 'Screen1',
     Component: TabsScreen,

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

@@ -1,6 +1,6 @@
 import type { ScenarioGroup } from '@apps/tests/shared/helpers';
 
-const scenarios = {};
+export const scenarios = {};
 
 const ScrollViewScenarioGroup: ScenarioGroup<keyof typeof scenarios> = {
   name: 'ScrollView integration tests',

apps/src/tests/issue-tests/Test1017.tsx

@@ -11,17 +11,17 @@ import { ScrollView } from 'react-native-gesture-handler';
 
 import { Colors } from '@apps/shared/styling';
 
-type DataItem = {
+export type DataItem = {
   title: string;
   value: number;
 };
 
-enum Route {
+export enum Route {
   FirstScreen = 'FirstScreen',
   SecondScreen = 'SecondScreen',
 }
 
-type RootStackParamList = {
+export type RootStackParamList = {
   [Route.FirstScreen]: undefined;
   [Route.SecondScreen]: undefined;
 };
@@ -30,14 +30,14 @@ LogBox.ignoreLogs([
   'VirtualizedLists should never be nested inside plain ScrollViews',
 ]);
 
-const Stack = createStackNavigator();
+export const Stack = createStackNavigator();
 
-const dataset = Array.from<unknown, DataItem>({ length: 100 }, (_, i) => ({
+export const dataset = Array.from<unknown, DataItem>({ length: 100 }, (_, i) => ({
   title: `Title ${i}`,
   value: i,
 }));
 
-const Screen: React.FC<{
+export const Screen: React.FC<{
   route: RouteProp<RootStackParamList, any>;
   navigation: StackNavigationProp<RootStackParamList, any>;
 }> = ({ route, navigation }) => {
@@ -102,7 +102,7 @@ const App: React.FC = () => {
   );
 };
 
-const styles = StyleSheet.create({
+export const styles = StyleSheet.create({
   headerWrapper: {
     overflow: 'hidden',
   },

apps/src/tests/issue-tests/Test1031.tsx

@@ -7,7 +7,7 @@ import {
 } from '@react-navigation/native-stack';
 import { useHeaderHeight } from '@react-navigation/elements';
 
-const Stack = createNativeStackNavigator();
+export const Stack = createNativeStackNavigator();
 
 export default function App() {
   return (
@@ -21,7 +21,7 @@ export default function App() {
   );
 }
 
-function First({
+export function First({
   navigation,
 }: {
   navigation: NativeStackNavigationProp<ParamListBase>;
@@ -35,7 +35,7 @@ function First({
   );
 }
 
-function Second({
+export function Second({
   navigation,
 }: {
   navigation: NativeStackNavigationProp<ParamListBase>;

apps/src/tests/issue-tests/Test1032.tsx

@@ -6,7 +6,7 @@ import {
   NativeStackNavigationProp,
 } from '@react-navigation/native-stack';
 
-const Stack = createNativeStackNavigator();
+export const Stack = createNativeStackNavigator();
 
 export default function App() {
   const [gestureEnabled, setGestureEnable] = React.useState(false);
@@ -26,7 +26,7 @@ export default function App() {
   );
 }
 
-function First({
+export function First({
   navigation,
 }: {
   navigation: NativeStackNavigationProp<ParamListBase>;
@@ -41,7 +41,7 @@ function First({
   );
 }
 
-function Second() {
+export function Second() {
   return (
     <View style={{ backgroundColor: '#FFF' }}>
       <Button