Merge branch 'feature/RI-4815-portion-of-string' into e2e/feature/RI-4815_portion-of-string

Author: vlad-dargel

redisinsight/ui/src/pages/browser/components/string-details/StringDetails.spec.tsx

@@ -24,9 +24,9 @@ const LOAD_ALL_BTN = 'load-all-value-btn'
 const DOWNLOAD_BTN = 'download-all-value-btn'
 
 const STRING_MAX_LENGTH = 2
-const STRING_LENGTH = 3
+const STRING_LENGTH = 4
 
-const fullValue = { type: 'Buffer', data: [49, 50, 51], }
+const fullValue = { type: 'Buffer', data: [49, 50, 51, 52], }
 const partValue = { type: 'Buffer', data: [49, 50], }
 
 const mockedProps = mock<Props>()
@@ -182,7 +182,7 @@ describe('StringDetails', () => {
     fireEvent.click(screen.getByTestId(LOAD_ALL_BTN))
 
     expect(onRefresh).toBeCalled()
-    expect(onRefresh).toBeCalledWith(fullValue, 'string', { end: STRING_MAX_LENGTH })
+    expect(onRefresh).toBeCalledWith(fullValue, 'string', { end: STRING_MAX_LENGTH + 1 })
     expect(sendEventTelemetry).toBeCalled()
     expect(sendEventTelemetry).toBeCalledWith({
       event: TelemetryEvent.STRING_LOAD_ALL_CLICKED,

redisinsight/ui/src/pages/browser/components/string-details/StringDetails.tsx

@@ -54,6 +54,7 @@ import styles from './styles.module.scss'
 const MAX_ROWS = 25
 const MIN_ROWS = 4
 const APPROXIMATE_WIDTH_OF_SIGN = 8.6
+const MAX_LENGTH = STRING_MAX_LENGTH + 1
 
 export interface Props {
   isEditItem: boolean;
@@ -258,7 +259,7 @@ const StringDetails = (props: Props) => {
         )}
       </div>
 
-      {length > STRING_MAX_LENGTH && (
+      {length > MAX_LENGTH && (
         <div className="key-details-footer" key="key-details-footer">
           <EuiFlexGroup
             gutterSize="none"