chore: adding file nesting for tests snapshots

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "*.test.ts": "${capture}.test.ts.snap",
+    "*.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);
+  },
+};