Merge pull request #1220 from RedisInsight/fe/feature/RI-3373_Component_tests_44_45

#RI-3373 - Component tests 44 and 45 sprints. Groups for tests.

Author: egor-zalenski

jest.config.js

@@ -3,6 +3,7 @@ const { TextDecoder, TextEncoder } = require('util');
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
   testURL: 'http://localhost/',
+  runner: 'groups',
   moduleNameMapper: {
     '\\.(jpg|jpeg|png|ico|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/redisinsight/__mocks__/fileMock.js',
@@ -44,6 +45,12 @@ module.exports = {
     '<rootDir>/redisinsight/ui/src/packages',
     '<rootDir>/redisinsight/ui/src/mocks',
   ],
+  coverageDirectory: './coverage',
+  coveragePathIgnorePatterns: [
+    '/node_modules/',
+    '<rootDir>/redisinsight/api',
+    '<rootDir>/redisinsight/ui/src/packages',
+  ],
   coverageThreshold: {
     global: {
       statements: 70,

package.json

@@ -38,7 +38,9 @@
     "start:web:public": "cross-env PUBLIC_DEV=true webpack serve --config ./configs/webpack.config.web.dev.babel.js",
     "test": "jest ./redisinsight/ui -w 1",
     "test:watch": "jest ./redisinsight/ui --watch -w 1",
-    "test:cov": "jest ./redisinsight/ui --coverage -w 1",
+    "test:cov": "jest ./redisinsight/ui --group=unit --group=component --coverage -w 1",
+    "test:cov:unit": "jest ./redisinsight/ui/src/slices/tests --group=unit --coverage -w 1",
+    "test:cov:component": "jest ./redisinsight/ui --group=component --coverage -w 1",
     "type-check:ui": "tsc --project redisinsight/ui --noEmit"
   },
   "lint-staged": {
@@ -173,6 +175,7 @@
     "ioredis-mock": "^5.5.4",
     "ip": "^1.1.8",
     "jest": "^27.5.1",
+    "jest-runner-groups": "^2.2.0",
     "jest-when": "^3.2.1",
     "lint-staged": "^10.2.11",
     "mini-css-extract-plugin": "^1.3.1",

redisinsight/ui/src/App.spec.tsx

@@ -3,6 +3,11 @@ import { render } from 'uiSrc/utils/test-utils'
 
 import App from './App'
 
+/**
+ * App tests
+ *
+ * @group unit
+ */
 describe('App', () => {
   it('should render', () => {
     expect(render(<App />)).toBeTruthy()

redisinsight/ui/src/Router.spec.tsx

@@ -3,6 +3,11 @@ import { render } from 'uiSrc/utils/test-utils'
 
 import Router from './Router'
 
+/**
+ * Router tests
+ *
+ * @group unit
+ */
 describe('Router', () => {
   it('should render', () => {
     expect(

redisinsight/ui/src/components/action-bar/ActionBar.spec.tsx

@@ -5,6 +5,11 @@ import ActionBar, { Props } from './ActionBar'
 
 const mockedProps = mock<Props>()
 
+/**
+ * ActionBar tests
+ *
+ * @group unit
+ */
 describe('ActionBar', () => {
   it('should render', () => {
     expect(render(<ActionBar {...instance(mockedProps)} />)).toBeTruthy()

redisinsight/ui/src/components/analytics-tabs/AnalyticsTabs.spec.tsx

@@ -11,6 +11,11 @@ jest.mock('react-router-dom', () => ({
   }),
 }))
 
+/**
+ * StreamTabs tests
+ *
+ * @group unit
+ */
 describe('StreamTabs', () => {
   it('should render', () => {
     expect(render(<AnalyticsTabs />)).toBeTruthy()

redisinsight/ui/src/components/bottom-group-components/BottomGroupComponents.spec.tsx

@@ -25,6 +25,11 @@ beforeEach(() => {
 const commandHelperId = 'command-helper'
 const cliId = 'cli'
 
+/**
+ * BottomGroupComponents tests
+ *
+ * @group unit
+ */
 describe('BottomGroupComponents', () => {
   it('should render', () => {
     expect(

redisinsight/ui/src/components/bottom-group-components/components/bottom-group-minimized/BottomGroupMinimized.spec.tsx

@@ -12,6 +12,11 @@ beforeEach(() => {
   store.clearActions()
 })
 
+/**
+ * BottomGroupMinimized tests
+ *
+ * @group unit
+ */
 describe('BottomGroupMinimized', () => {
   it('should render', () => {
     expect(

redisinsight/ui/src/components/bulk-actions-config/BulkActionsConfig.spec.tsx

@@ -50,6 +50,11 @@ const deletingMock = [{
   }
 }]
 
+/**
+ * BulkActionsConfig tests
+ *
+ * @group unit
+ */
 describe('BulkActionsConfig', () => {
   it('should render', () => {
     expect(render(<BulkActionsConfig />)).toBeTruthy()

redisinsight/ui/src/components/charts/donut-chart/DonutChart.spec.tsx

@@ -12,6 +12,11 @@ const mockData: ChartData[] = [
   { value: 15, name: 'F', color: [50, 50, 50] },
 ]
 
+/**
+ * DonutChart tests
+ *
+ * @group unit
+ */
 describe('DonutChart', () => {
   it('should render with empty data', () => {
     expect(render(<DonutChart data={[]} />)).toBeTruthy()