#RI-781 - add Unit tests

Author: egor-zalenski

babel.config.js

@@ -48,6 +48,8 @@ module.exports = (api) => {
       require('@babel/plugin-syntax-import-meta'),
       [require('@babel/plugin-proposal-class-properties'), { loose: true }],
       require('@babel/plugin-proposal-json-strings'),
+      [require('@babel/plugin-proposal-private-property-in-object'), { loose: true }],
+      [require('@babel/plugin-proposal-private-methods'), { loose: true }],
 
       ...(development ? developmentPlugins : productionPlugins),
     ],

configs/webpack.config.renderer.dev.babel.js

@@ -209,6 +209,7 @@ export default merge(baseConfig, {
       BASE_API_URL: 'http://localhost',
       RESOURCES_BASE_URL: 'http://localhost',
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_TREE_COUNT_DEFAULT: '10000',
       BUILD_TYPE: 'ELECTRON',
       APP_VERSION: version,
       SEGMENT_WRITE_KEY:

configs/webpack.config.renderer.dev.dll.babel.js

@@ -51,6 +51,7 @@ export default merge(baseConfig, {
       BASE_API_URL: 'http://localhost',
       RESOURCES_BASE_URL: 'http://localhost',
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_TREE_COUNT_DEFAULT: '10000',
       SEGMENT_WRITE_KEY:
         'SEGMENT_WRITE_KEY' in process.env ? process.env.SEGMENT_WRITE_KEY : 'SOURCE_WRITE_KEY',
     }),

configs/webpack.config.renderer.prod.babel.js

@@ -197,6 +197,7 @@ export default merge(baseConfig, {
       RESOURCES_BASE_URL: process.env.SERVER_TLS_CERT && process.env.SERVER_TLS_KEY ? 'https://localhost' : 'http://localhost',
       APP_ENV: 'electron',
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_TREE_COUNT_DEFAULT: '10000',
       SEGMENT_WRITE_KEY:
         'SEGMENT_WRITE_KEY' in process.env ? process.env.SEGMENT_WRITE_KEY : 'SOURCE_WRITE_KEY',
     }),

configs/webpack.config.renderer.stage.babel.js

@@ -20,6 +20,7 @@ export default merge(baseConfig, {
       RESOURCES_BASE_URL: process.env.SERVER_TLS_CERT && process.env.SERVER_TLS_KEY ? 'https://localhost' : 'http://localhost',
       APP_ENV: 'electron',
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_COUNT_MEMORY_ANALYSES: '10000',
       SEGMENT_WRITE_KEY:
         'SEGMENT_WRITE_KEY' in process.env ? process.env.SEGMENT_WRITE_KEY : 'SOURCE_WRITE_KEY',
     }),

configs/webpack.config.web.dev.babel.js

@@ -183,10 +183,11 @@ export default merge(commonConfig, {
       NODE_ENV: 'development',
       APP_ENV: 'web',
       API_PREFIX: 'api',
-      API_PORT: '5000',
+      API_PORT: '5001',
       BASE_API_URL: `http://${require('os').hostname()}`,
       RESOURCES_BASE_URL: `http://${require('os').hostname()}`,
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_TREE_COUNT_DEFAULT: '10000',
       SEGMENT_WRITE_KEY:
         'SEGMENT_WRITE_KEY' in process.env ? process.env.SEGMENT_WRITE_KEY : 'SOURCE_WRITE_KEY',
     }),

configs/webpack.config.web.prod.babel.js

@@ -46,12 +46,13 @@ export default merge(commonConfig, {
     new webpack.EnvironmentPlugin({
       NODE_ENV: 'production',
       APP_ENV: 'web',
-      API_PORT: '5000',
+      API_PORT: '5001',
       API_PREFIX: '',
       BASE_API_URL: 'api/',
       RESOURCES_BASE_URL:
         process.env.SERVER_TLS_CERT && process.env.SERVER_TLS_KEY ? 'https://localhost' : 'http://localhost',
       SCAN_COUNT_DEFAULT: '500',
+      SCAN_TREE_COUNT_DEFAULT: '10000',
       SEGMENT_WRITE_KEY:
         'SEGMENT_WRITE_KEY' in process.env ? process.env.SEGMENT_WRITE_KEY : 'SOURCE_WRITE_KEY',
     }),

package.json

@@ -134,7 +134,6 @@
     "@teamsupercell/typings-for-css-modules-loader": "^2.4.0",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
-    "@testing-library/react-hooks": "^5.0.3",
     "@types/axios": "^0.14.0",
     "@types/classnames": "^2.2.11",
     "@types/date-fns": "^2.6.0",

redisinsight/ui/src/components/keys-summary/KeysSummary.spec.tsx

@@ -1,25 +1,26 @@
 import React from 'react'
 import { instance, mock } from 'ts-mockito'
-import { fireEvent, screen, render } from 'uiSrc/utils/test-utils'
-import ScanMore, { Props } from './KeysSummary'
+import { render } from 'uiSrc/utils/test-utils'
+import KeysSummary, { Props } from './KeysSummary'
 
 const mockedProps = mock<Props>()
 
-describe('ActionBar', () => {
+describe('KeysSummary', () => {
   it('should render', () => {
-    expect(render(<ScanMore {...instance(mockedProps)} />)).toBeTruthy()
+    expect(render(<KeysSummary {...instance(mockedProps)} />)).toBeTruthy()
   })
 
-  it('should call "onCloseActionBar"', () => {
-    const handleClick = jest.fn()
-
-    const renderer = render(
-      <ScanMore {...instance(mockedProps)} onCloseActionBar={handleClick} />
+  it('should "Scanning..." be in the document until loading and totalItemsCount == 0 ', () => {
+    const { queryByTestId } = render(
+      <KeysSummary {...instance(mockedProps)} loading totalItemsCount={0} />
     )
+    expect(queryByTestId('scanning-text')).toBeInTheDocument()
+  })
 
-    expect(renderer).toBeTruthy()
-
-    fireEvent.click(screen.getByTestId('cancel-selecting'))
-    expect(handleClick).toHaveBeenCalledTimes(1)
+  it('should Keys summary be in the document meanwhile totalItemsCount != 0 ', () => {
+    const { queryByTestId } = render(
+      <KeysSummary {...instance(mockedProps)} totalItemsCount={2} />
+    )
+    expect(queryByTestId('keys-summary')).toBeInTheDocument()
   })
 })

redisinsight/ui/src/components/keys-summary/KeysSummary.tsx

@@ -28,7 +28,7 @@ const KeysSummary = ({
 }: Props) => (
   <>
     {!!totalItemsCount && (
-      <div className={styles.content}>
+      <div className={styles.content} data-testid="keys-summary">
         {!!totalItemsCount && (
         <EuiText size="xs">
           {!!scanned && (
@@ -83,7 +83,7 @@ const KeysSummary = ({
       </div>
     )}
     {loading && !totalItemsCount && (
-      <EuiText size="xs">
+      <EuiText size="xs" data-testid="scanning-text">
         Scanning...
       </EuiText>
     )}