Merge pull request #2704 from RedisInsight/fe/bugfix/RI-5034

#RI-5034 - fix image for wb

Author: mariasergeenko

redisinsight/ui/src/pages/workbench/components/wb-results/WBResults/WBResults.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react'
 import cx from 'classnames'
-import { EuiButtonEmpty, EuiIcon, EuiText } from '@elastic/eui'
+import { EuiButtonEmpty, EuiText } from '@elastic/eui'
 
 import { Theme } from 'uiSrc/constants'
 import { ProfileQueryType } from 'uiSrc/pages/workbench/constants'
@@ -49,11 +49,13 @@ const WBResults = (props: Props) => {
 
   const NoResults = (
     <div className={styles.noResults} data-testid="wb_no-results">
-      <EuiIcon className={styles.arrowToGuides} type={ArrowToGuidesIcon} size="original" />
-      <EuiIcon
+      <ArrowToGuidesIcon
+        className={styles.arrowToGuides}
+      />
+      <img
         className={styles.noResultsIcon}
-        type={theme === Theme.Dark ? TelescopeDark : TelescopeLight}
-        size="original"
+        src={theme === Theme.Dark ? TelescopeDark : TelescopeLight}
+        alt="no results"
         data-testid="wb_no-results__icon"
       />
       <EuiText className={styles.noResultsTitle} data-testid="wb_no-results__title">

redisinsight/ui/src/utils/tests/plugins.spec.ts

@@ -2,26 +2,28 @@ import { getVisualizationsByCommand } from 'uiSrc/utils'
 import { IPluginVisualization } from 'uiSrc/slices/interfaces'
 
 describe('getVisualizationsByCommand', () => {
-  it('should return proper visualizations by query', () => {
-    const visualizations = [
-      { matchCommands: ['ft.search', 'ft.get'] },
-      { matchCommands: ['ft._list'] },
-      { matchCommands: ['ft.*'] },
-      { matchCommands: ['get'] }
-    ] as IPluginVisualization[]
+  const getVisualizationsByCommandTests: [string, number][] = [
+    ['ft.search sa', 2],
+    ['ft.get zxc', 2],
+    ['command ft. zxc zxcz ft', 0],
+    ['command ft', 0],
+    ['any command', 0],
+    ['get key', 1],
+  ]
 
-    const query1 = 'ft.search sa'
-    const query2 = 'ft.get zxc'
-    const query3 = 'command ft. zxc zxcz ft'
-    const query4 = 'command ft'
-    const query5 = 'any command'
-    const query6 = 'get key'
+  const visualizations = [
+    { matchCommands: ['ft.search', 'ft.get'] },
+    { matchCommands: ['ft._list'] },
+    { matchCommands: ['ft.*'] },
+    { matchCommands: ['get'] }
+  ] as IPluginVisualization[]
 
-    expect(getVisualizationsByCommand(query1, visualizations)).toHaveLength(2)
-    expect(getVisualizationsByCommand(query2, visualizations)).toHaveLength(2)
-    expect(getVisualizationsByCommand(query3, visualizations)).toHaveLength(0)
-    expect(getVisualizationsByCommand(query4, visualizations)).toHaveLength(0)
-    expect(getVisualizationsByCommand(query5, visualizations)).toHaveLength(0)
-    expect(getVisualizationsByCommand(query6, visualizations)).toHaveLength(1)
-  })
+  test.each(getVisualizationsByCommandTests)(
+    'for %j, should be %i',
+    (input, expected) => {
+      // @ts-ignore
+      const result = getVisualizationsByCommand(input, visualizations)
+      expect(result).toHaveLength(expected)
+    }
+  )
 })