* #RIVS-321 - Keys count is not updated for logical db

* #RIVS-324 - There is no common refresh for the logical db
* #RIVS-317 - Filters not saved when switching between extensions
* #RIVS-316 - Filters/sorting dropdown can be overlapped
* #RIVS-322 - databaseId is null for TREE_VIEW_KEY_ADDED
* #RIVS-323 - Show TTL checkbox doesn't work
* #RIVS-325 - Edit String key button not disabled for not loaded key with > 5000 characters

Author: egor-zalenski

scripts/downloadBackend.ts

@@ -82,8 +82,8 @@ async function downloadRedisBackendArchive(
   })
 }
 
-function getNormalizedString(string: string) {
-  return string?.startsWith('D:')
+function getNormalizedCIString(string: string) {
+  return string?.startsWith('D:') && process.env.CI
     ? upath.normalize(string).replace('D:', '/d')
     : string
 }
@@ -96,9 +96,9 @@ function unzipRedisServer(redisInsideArchivePath: string, extractDir: string) {
 
   cp.spawnSync('tar', [
     '-xf',
-    getNormalizedString(redisInsideArchivePath),
+    getNormalizedCIString(redisInsideArchivePath),
     '-C',
-    getNormalizedString(extractDir),
+    getNormalizedCIString(extractDir),
     '--strip-components',
     '1',
     'api',

src/webviews/src/actions/tests/processCliAction.spec.ts

@@ -0,0 +1,16 @@
+import * as useCliSettingsThunks from 'uiSrc/modules/cli/hooks/cli-settings/useCliSettingsThunks'
+import { constants } from 'testSrc/helpers'
+import { processCliAction } from 'uiSrc/actions'
+
+vi.spyOn(useCliSettingsThunks, 'addCli')
+
+beforeEach(() => {
+  vi.stubGlobal('ri', { })
+})
+
+describe('processCliAction', () => {
+  it('should call addCli', () => {
+    processCliAction(constants.VSCODE_CLI_ACTION)
+    expect(useCliSettingsThunks.addCli).toBeCalled()
+  })
+})

src/webviews/src/actions/tests/selectKeyAction.spec.ts

@@ -0,0 +1,23 @@
+import * as useSelectedKey from 'uiSrc/store/hooks/use-selected-key-store/useSelectedKeyStore'
+import { selectKeyAction } from 'uiSrc/actions'
+import { constants } from 'testSrc/helpers'
+
+
+vi.spyOn(useSelectedKey, 'fetchKeyInfo')
+
+
+beforeEach(() => {
+  vi.stubGlobal('ri', { })
+
+  useSelectedKey.useSelectedKeyStore.setState((state) => ({
+    ...state,
+    data: constants.KEY_INFO,
+  }))
+})
+
+describe('selectKeyAction', () => {
+  it('should call fetchKeyInfo', () => {
+    selectKeyAction(constants.VSCODE_SELECT_KEY_ACTION)
+    expect(useSelectedKey.fetchKeyInfo).toBeCalled()
+  })
+})

src/webviews/src/components/auto-refresh/AutoRefresh.tsx

@@ -199,6 +199,8 @@ const AutoRefresh = React.memo(({
       </Tooltip>
 
       <Popover
+        closeOnEscape
+        closeOnDocumentClick
         repositionOnResize
         keepTooltipInside={false}
         open={isPopoverOpen}

src/webviews/src/components/auto-refresh/styles.module.scss

@@ -20,8 +20,7 @@
 
 
 :global(.popover-auto-refresh-content) {
-  @apply max-w-[225px] w-[225px] #{!important};
-
+  @apply pr-[26px] #{!important};
 }
 
 .switch {

src/webviews/src/constants/core/storage.ts

@@ -32,6 +32,7 @@ enum StorageItem {
   databaseId = 'databaseId',
   openTreeNode = 'openTreeNode',
   openTreeDatabase = 'openTreeDatabase',
+  keysTreeFilter = 'keysTreeFilter',
 }
 
 export { StorageItem }

src/webviews/src/modules/key-details-header/KeyDetailsHeader.tsx

@@ -157,7 +157,7 @@ const KeyDetailsHeader = ({
           </div>
         )}
       </AutoSizer>
-      {(loading || refreshing) && <div className="table-loading" />}
+      {(loading || refreshing) && <div className="data-loading" />}
     </div>
   )
 }

src/webviews/src/modules/key-details/components/hash-details/HashDetails.tsx

@@ -84,7 +84,7 @@ const HashDetails = (props: Props) => {
     ),
     children,
     <AddItemsAction key={3} title={l10n.t('Add Fields')} openAddItemPanel={openAddItemPanel} />,
-  ]), [])
+  ]), [showTtl, isExpireFieldsAvailable])
 
   return (
     <div className="fluid flex-column relative">

src/webviews/src/modules/key-details/components/string-details/StringDetails.tsx

@@ -103,7 +103,7 @@ const StringDetails = (props: Props) => {
         setEditItem(!editItem)
       }}
     />,
-  ]), [])
+  ]), [isStringEditable, isEditable])
 
   return (
     <div className="fluid flex-column relative">

src/webviews/src/modules/keys-tree/components/database-wrapper/DatabaseWrapper.spec.tsx

@@ -8,6 +8,7 @@ import { apiService, vscodeApi } from 'uiSrc/services'
 import * as useContext from 'uiSrc/store/hooks/use-context/useContext'
 import * as useSelectedKeyStore from 'uiSrc/store/hooks/use-selected-key-store/useSelectedKeyStore'
 import { Database } from 'uiSrc/store'
+import * as useDatabasesStore from 'uiSrc/store'
 import { constants, fireEvent, render, waitForStack } from 'testSrc/helpers'
 import { DatabaseWrapper, Props } from './DatabaseWrapper'
 import * as useKeys from '../../hooks/useKeys'
@@ -39,12 +40,23 @@ const resetKeysTreeMock = vi.fn();
   resetKeysTree: resetKeysTreeMock,
 }))
 
+vi.spyOn(useDatabasesStore, 'fetchDatabaseOverviewById')
+
 describe('DatabaseWrapper', () => {
   it('should render', () => {
     expect(render(<DatabaseWrapper {...mockedProps} />)).toBeTruthy()
   })
 
-  it('should call fetchPatternKeysAction action after click on refresh icon', async () => {
+  it('should call fetchDatabaseOverviewById action after click on refresh icon', async () => {
+    const { queryByTestId } = render(<DatabaseWrapper {...mockedProps} />)
+
+    fireEvent.click(queryByTestId('refresh-databases')!)
+    await waitForStack()
+
+    expect(useDatabasesStore.fetchDatabaseOverviewById).toBeCalled()
+  })
+
+  it('should call fetchPatternKeysAction action after click on logical database refresh icon', async () => {
     const { queryByTestId } = render(<DatabaseWrapper {...mockedProps} />)
 
     fireEvent.click(queryByTestId(`database-${mockDatabase.id}`)!)