resolve ts import issue by mocking function implementation

Author: clairep94

client/modules/IDE/components/Header/Nav.unit.test.jsx

@@ -4,7 +4,10 @@ import { reduxRender } from '../../../../test-utils';
 
 import Nav from './Nav';
 
-jest.mock('../../../../utils/generateRandomName');
+jest.mock('../../../../utils/generateRandomName', () => ({
+  generateProjectName: () => 'test project name',
+  generateCollectionName: () => 'My clever collection'
+}));
 
 // mock Menubar
 jest.mock(

package.json

@@ -49,12 +49,16 @@
           "<rootDir>/server/jest.setup.js"
         ],
         "testMatch": [
-          "<rootDir>/server/**/*.test.(js|jsx)"
+          "<rootDir>/server/**/*.test.(js|jsx|ts|tsx)"
         ]
       },
       {
         "displayName": "client",
         "testEnvironment": "jsdom",
+        "transform": {
+          "^.+\\.[jt]sx?$": "babel-jest"
+        },
+        "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"],
         "setupFilesAfterEnv": [
           "<rootDir>/client/jest.setup.js"
         ],
@@ -63,7 +67,7 @@
           "\\.(css|less|scss)$": "<rootDir>/client/__mocks__/styleMock.js"
         },
         "testMatch": [
-          "<rootDir>/client/**/*.test.(js|jsx)"
+          "<rootDir>/client/**/*.test.(js|jsx|ts|tsx)"
         ]
       }
     ]