chore: adding file nesting for tests snapshots

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "*.ts": "${capture}.test.ts, ${capture}.test.ts.snap",
+    "*.tsx": "${capture}.test.tsx, ${capture}.test.tsx.snap",
+    ".eslintrc.js": "*.eslintrc.js"
+  }
+}

packages/lib/jest.config.js

@@ -47,6 +47,7 @@ const config = {
   // tools
   watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
   reporters: ['default', 'github-actions'], // Remove this line if your CI is not on Github actions
+  snapshotResolver: './jestSnapshotResolver.js',
 };
 
 module.exports = config;

packages/lib/jestSnapshotResolver.js

@@ -0,0 +1,11 @@
+module.exports = {
+  testPathForConsistencyCheck: 'some/__tests__/example.test.js',
+  /** resolves from test to snapshot path */
+  resolveSnapshotPath: (testPath, snapshotExtension) => {
+    return testPath + snapshotExtension;
+  },
+  /** resolves from snapshot to test path */
+  resolveTestPath: (snapshotFilePath, snapshotExtension) => {
+    return snapshotFilePath.slice(0, -snapshotExtension.length);
+  },
+};

packages/lib/src/spatial-navigation/components/tests/SpatialNavigationVirtualizedGrid.test.tsx → packages/lib/src/spatial-navigation/components/virtualizedGrid/SpatialNavigationVirtualizedGrid.test.tsx

@@ -1,12 +1,12 @@
 import { RenderResult, act, cleanup, render, screen } from '@testing-library/react-native';
-import { ItemWithIndex } from '../virtualizedList/VirtualizedList';
-import { PropsTestButton, TestButton } from './TestButton';
+import { ItemWithIndex } from './VirtualizedList';
+import { PropsTestButton, TestButton } from '../tests/TestButton';
 import { SpatialNavigationRoot } from '../Root';
-import './helpers/configureTestRemoteControl';
+import '../tests/helpers/configureTestRemoteControl';
 
 import { DefaultFocus } from '../../context/DefaultFocusContext';
 import { SpatialNavigationVirtualizedGrid } from '../virtualizedGrid/SpatialNavigationVirtualizedGrid';
-import testRemoteControlManager from './helpers/testRemoteControlManager';
+import testRemoteControlManager from '../tests/helpers/testRemoteControlManager';
 
 export const expectButtonToHaveFocus = (component: RenderResult, text: string) => {
   const element = component.getByRole('button', { name: text });

packages/lib/src/spatial-navigation/components/tests/SpatialNavigationVirtualizedList.test.tsx → packages/lib/src/spatial-navigation/components/virtualizedList/SpatialNavigationVirtualizedList.test.tsx

@@ -1,11 +1,11 @@
 import { RenderResult, act, cleanup, render, screen } from '@testing-library/react-native';
-import { ItemWithIndex } from '../virtualizedList/VirtualizedList';
-import { PropsTestButton, TestButton } from './TestButton';
+import { ItemWithIndex } from './VirtualizedList';
+import { PropsTestButton, TestButton } from '../tests/TestButton';
 import { SpatialNavigationRoot } from '../Root';
-import './helpers/configureTestRemoteControl';
-import { SpatialNavigationVirtualizedList } from '../virtualizedList/SpatialNavigationVirtualizedList';
+import '../tests/helpers/configureTestRemoteControl';
+import { SpatialNavigationVirtualizedList } from './SpatialNavigationVirtualizedList';
 import { DefaultFocus } from '../../context/DefaultFocusContext';
-import testRemoteControlManager from './helpers/testRemoteControlManager';
+import testRemoteControlManager from '../tests/helpers/testRemoteControlManager';
 
 export const expectButtonToHaveFocus = (component: RenderResult, text: string) => {
   const element = component.getByRole('button', { name: text });