Update tests moduleMapper for svg

Author: raju249

javascript/grid-ui/jest.config.js

@@ -4,12 +4,16 @@ export default {
   ],
   testMatch: [
     "<rootDir>/src/tests/*.test.ts",
+    "<rootDir>/src/tests/*.test.tsx"
   ],
   transform: {
     "^.+\\.(ts|tsx)$": "ts-jest"
   },
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
   snapshotSerializers: ["enzyme-to-json/serializer"],
   setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
-  testEnvironment: "node"
+  testEnvironment: "node",
+  moduleNameMapper: {
+    ".+\\.(svg|png|jpg)$": "identity-obj-proxy"
+  }
 }

javascript/grid-ui/package.json

@@ -69,6 +69,7 @@
 		"enzyme": "^3.11.0",
 		"enzyme-adapter-react-16": "^1.15.5",
 		"enzyme-to-json": "^3.6.1",
+		"identity-obj-proxy": "^3.0.0",
 		"jest": "^26.6.3",
 		"jest-cli": "^26.6.3",
 		"ts-jest": "^26.4.4",

javascript/grid-ui/src/components/CheckBox.ts

@@ -46,7 +46,7 @@ export const LABEL_COLORS: { [key in StatusType]: string } = {
 	[StatusType.UNAVAILABLE]: "#8b8b8b",
 };
 
-export const Status = React.Component(
+export const Status = React.memo(
 	(props: { status: string; selected?: number }) => {
 		let { status, selected = -1 } = props;
 

javascript/grid-ui/src/components/Status.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 import { shallow, mount } from 'enzyme';
 import { Status } from '../components/Status';
 
-test('CheckboxWithLabel changes the text after click', () => {
-  const statusComp = mount(<Status status='UP'/>);
+test('Status component', () => {
+  const statusComp = shallow(<Status status='UP'/>);
 });