RI-6952: Rename "Length" to "Top-level values" (#293)

Author: pawelangelow

l10n/bundle.l10n.json

@@ -82,7 +82,7 @@
   "will be removed from Redis for VS Code.": "will be removed from Redis for VS Code.",
   "Key Size": "Key Size",
   "Key Size: ": "Key Size: ",
-  "Length": "Length",
+  "Top-level values": "Top-level values",
   "Enter Value": "Enter Value",
   "Add Members": "Add Members",
   "Member": "Member",

src/webviews/src/modules/key-details-header/components/key-details-header-size-length/KeyDetailsHeaderSizeLength.tsx

@@ -45,9 +45,9 @@ const KeyDetailsHeaderSizeLength = ({
       {type && (
         <div
           className={styles.subtitleText}
-          data-testid="key-length-text"
+          data-testid="top-level-values"
         >
-          {LENGTH_NAMING_BY_TYPE[type] ?? l10n.t('Length')}
+          {LENGTH_NAMING_BY_TYPE[type] ?? l10n.t('Top-level values')}
           {': '}
           {length ?? '-'}
         </div>

tests/e2e/src/page-objects/components/editor-view/KeyDetailsView.ts

@@ -15,7 +15,7 @@ import { Key } from 'vscode-extension-tester'
 export class KeyDetailsView extends WebView {
   keyType = By.xpath(`//div[contains(@class, '_keyFlexGroup')]`)
   keySize = By.xpath(`//div[@data-testid='key-size-text']`)
-  keyLength = By.xpath(`//div[@data-testid='key-length-text']`)
+  keyLength = By.xpath(`//div[@data-testid='top-level-values']`)
   refreshKeyButton = By.xpath(`//*[@data-testid='key-refresh-btn']`)
   refreshKeyArrow = By.xpath(`//*[@data-testid='key-auto-refresh-config-btn']`)
   refreshKeyMessage = By.xpath(`//*[@data-testid='key-refresh-message']`)