Update tests moduleMapper for svg

SeleniumHQ · Nov 23, 2020 · 220b313 · 220b313
1 parent 7262726
commit 220b313
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 49 deletions.
diff --git a/javascript/grid-ui/jest.config.js b/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"
+  }
 }
diff --git a/javascript/grid-ui/package.json b/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",

diff --git a/javascript/grid-ui/src/components/CheckBox.ts b/javascript/grid-ui/src/components/CheckBox.ts
diff --git a/javascript/grid-ui/src/components/Status.tsx b/javascript/grid-ui/src/components/Status.tsx
@@ -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;
 

diff --git a/javascript/grid-ui/src/tests/Checkbox.test.ts b/javascript/grid-ui/src/tests/Checkbox.test.ts
diff --git a/javascript/grid-ui/src/tests/Status.test.ts → javascript/grid-ui/src/tests/Status.test.tsx b/javascript/grid-ui/src/tests/Status.test.ts → javascript/grid-ui/src/tests/Status.test.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'/>);
 });