Merge pull request #2693 from RedisInsight/fe/feature/RI_4481_replace_hide_symbol

#RI-4481 - change hide symbol

Author: vlad-dargel

redisinsight/ui/src/constants/securityField.ts

@@ -1 +1 @@
-export const SECURITY_FIELD = '************'
+export const SECURITY_FIELD = '••••••••••••'

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/InstanceForm.spec.tsx

@@ -1153,9 +1153,9 @@ describe('InstanceForm', () => {
       />
     )
 
-    expect(screen.getByTestId('password')).toHaveAttribute('value', '************')
+    expect(screen.getByTestId('password')).toHaveAttribute('value', '••••••••••••')
     expect(screen.getByTestId('password')).toHaveAttribute('type', 'password')
-    expect(screen.getByTestId('sshPassphrase')).toHaveAttribute('value', '************')
+    expect(screen.getByTestId('sshPassphrase')).toHaveAttribute('value', '••••••••••••')
     expect(screen.getByTestId('sshPassphrase')).toHaveAttribute('type', 'password')
 
     fireEvent.focus(screen.getByTestId('password'))
@@ -1179,7 +1179,7 @@ describe('InstanceForm', () => {
       />
     )
 
-    expect(screen.getByTestId('sshPassword')).toHaveAttribute('value', '************')
+    expect(screen.getByTestId('sshPassword')).toHaveAttribute('value', '••••••••••••')
     expect(screen.getByTestId('sshPassword')).toHaveAttribute('type', 'password')
 
     fireEvent.focus(screen.getByTestId('sshPassword'))

redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/form-components/SSHDetails.tsx

@@ -205,7 +205,7 @@ const SSHDetails = (props: Props) => {
                   className="passwordField"
                   maxLength={50_000}
                   placeholder="Enter SSH Private Key in PEM format"
-                  value={formik.values.sshPrivateKey === true ? SECURITY_FIELD : formik?.values?.sshPrivateKey?.replace(/./g, '*') ?? ''}
+                  value={formik.values.sshPrivateKey === true ? SECURITY_FIELD : formik?.values?.sshPrivateKey?.replace(/./g, '•') ?? ''}
                   onChange={formik.handleChange}
                   onFocus={() => {
                     if (formik.values.sshPrivateKey === true) {

tests/e2e/tests/electron/critical-path/database/add-ssh-db.e2e.ts

@@ -43,7 +43,7 @@ fixture `Adding database with SSH`
         await databaseAPIRequests.deleteStandaloneDatabasesByNamesApi([sshDbPass.databaseName, sshDbPrivateKey.databaseName, sshDbPasscode.databaseName, newClonedDatabaseAlias]);
     });
 test('Adding database with SSH', async t => {
-    const hiddenPass = '************';
+    const hiddenPass = '••••••••••••';
     const sshWithPass = {
         ...sshParams,
         sshPassword: 'pass'

tests/e2e/tests/web/critical-path/database/clone-databases.e2e.ts

@@ -100,7 +100,7 @@ test
         await myRedisDatabasePage.reloadPage();
     })
     .meta({ rte: rte.sentinel })('Verify that user can clone Sentinel', async t => {
-        const hiddenPassword = '************';
+        const hiddenPassword = '••••••••••••';
 
         await databaseHelper.clickOnEditDatabaseByName(ossSentinelConfig.masters[1].alias);
         await t.click(myRedisDatabasePage.AddRedisDatabase.cloneDatabaseButton);

tests/e2e/tests/web/critical-path/database/connecting-to-the-db.e2e.ts

@@ -89,7 +89,7 @@ test
         // Delete databases
         await databaseAPIRequests.deleteStandaloneDatabasesByNamesApi([sshDbPass.databaseName, sshDbPrivateKey.databaseName, sshDbPasscode.databaseName, newClonedDatabaseAlias]);
     })('Adding database with SSH', async t => {
-        const hiddenPass = '************';
+        const hiddenPass = '••••••••••••';
         // const tooltipText = [
         //     'Enter a value for required fields (3):',
         //     'SSH Host',

tests/e2e/tests/web/critical-path/database/import-databases.e2e.ts

@@ -76,7 +76,7 @@ const dbData = [
     }
 ];
 const findImportedRdmDbNameInList = async(dbName: string): Promise<string> => rdmData.dbImportedNames.find(item => item === dbName)!;
-const hiddenPassword = '************';
+const hiddenPassword = '••••••••••••';
 
 fixture `Import databases`
     .meta({ type: 'critical_path', rte: rte.none })