testing not working

Author: adeebbayat

jest.config.js

@@ -6,7 +6,7 @@ module.exports = {
     // "collectCoverage": true,
     electron: '<rootDir>/__mocks__/electronMock.js',
     '\\.(css|less|sass|scss)$': '<rootDir>/__mocks__/styleMocks.js',
-    '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/__mocks__/fileMock.js',
+    '\\.(gif|ttf|eot|svg|png)$': '<rootDir>/test/__mocks__/fileMock.js',
     '^dexie$': '<rootDir>/node_modules/dexie'
   },
   testPathIgnorePatterns: [

package.json

@@ -228,6 +228,7 @@
     "postcss-pxtorem": "^6.0.0",
     "prettier": "^2.6.2",
     "prettier-eslint": "^14.0.1",
+    "redux-mock-store": "^1.5.4",
     "sass-loader": "^12.6.0",
     "source-map-loader": "^3.0.1",
     "style-loader": "^3.3.1",

test/__tests__/mockServerTest.js

@@ -0,0 +1,19 @@
+import MockServerComposer from '../../src/client/components/main/MockServer-composer/MockServerComposer.tsx'
+import React from 'react';
+import {render, fireEvent, screen} from '@testing-library/react'
+import { Provider } from 'react-redux';
+import { configureStore } from '@reduxjs/toolkit';
+// Create a mock Redux store
+const mockStore = configureStore([]);
+const store = mockStore({/* Initial state here */});
+
+
+describe('Mock Server Test', () => {
+  it('Renders', () => {
+    render(
+      <Provider store = {store}>
+        <MockServerComposer/>
+      </Provider>
+    )
+  })
+})