[MOB-12122] Bump jest to v28 to resolve security vulnerabilities (#532)

* [MOB-12122] Bump jest to v28

* [MOB-12122] Refactor localStorage to create global setup mock

* [MOB-12122] Cleanup

* [MOB-12122] Revert unnecessary file change

* [MOB-12122] Upgrade jest to v28 in react-example

* [MOB-12122] Upgrade jest to v28 in example

* [MOB-12122] Cleanup

Author: pauljung14

example/jest.config.js

@@ -1,19 +1,17 @@
-const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { pathsToModuleNameMapper } = require('ts-jest');
 const config = require('./tsconfig.json');
 
 const remappedPaths = pathsToModuleNameMapper(config.compilerOptions.paths, {
   prefix: '<rootDir>/'
 });
 
 module.exports = {
-  transform: {
-    '^.+\\.(t|j)sx?$': 'ts-jest'
-  },
   collectCoverageFrom: ['src/**/*.{js,jsx,ts,tsx}', '!src/**/*.d.ts'],
   testMatch: [
     '<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}',
     '<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}'
   ],
+  transform: { '^.+\\.(t|j)sx?$': 'ts-jest' },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   moduleNameMapper: Object.keys(remappedPaths).reduce((acc, key) => {
     if (key === '^(.*)$') {

example/package.json

@@ -32,7 +32,7 @@
     "@babel/plugin-proposal-object-rest-spread": "^7.9.5",
     "@babel/plugin-proposal-optional-chaining": "^7.14.5",
     "@babel/preset-typescript": "^7.9.0",
-    "@types/jest": "^27.0.2",
+    "@types/jest": "^28.1.1",
     "@typescript-eslint/eslint-plugin": "^2.26.0",
     "@typescript-eslint/parser": "^2.26.0",
     "@webpack-cli/serve": "^1.6.0",
@@ -45,10 +45,11 @@
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-webpack-plugin": "^3.1.0",
     "html-webpack-plugin": "^5.5.0",
-    "jest": "^27.5.1",
+    "jest": "^28.1.3",
+    "jest-environment-jsdom": "^28.1.3",
     "mini-css-extract-plugin": "^2.5.2",
     "prettier": "^2.2.1",
-    "ts-jest": "^27.0.7",
+    "ts-jest": "^28.0.8",
     "typescript": "^4.6.4",
     "webpack": "^5.99.9",
     "webpack-cli": "^6.0.1",