Merge pull request #4299 from RedisInsight/e2e/feature/RI-6336-allow-to-hide-show-columns-in-browser

add test for RI-6336

Author: mariasergeenko

tests/e2e/pageObjects/browser-page.ts

@@ -99,6 +99,7 @@ export class BrowserPage extends InstancePage {
     downloadAllValueBtn = Selector('[data-testid=download-all-value-btn]');
     openTutorialsBtn = Selector('[data-testid=explore-msg-btn]')
     keyItem = Selector('[data-testid*="node-item"][data-testid*="keys:"]');
+    columnsBtn = Selector('[data-testid=btn-columns-actions]')
     //CONTAINERS
     streamGroupsContainer = Selector('[data-testid=stream-groups-container]');
     streamConsumersContainer = Selector('[data-testid=stream-consumers-container]');
@@ -246,11 +247,15 @@ export class BrowserPage extends InstancePage {
     noReadySearchDialogTitle = Selector('[data-testid=welcome-page-title]');
     //checkbox
     showTtlCheckbox =  Selector('[data-testid=test-check-ttl]~label');
+    showTtlColumnCheckbox =  Selector('[data-testid=show-ttl]~label');
+    showSizeColumnCheckbox =  Selector('[data-testid=show-key-size]~label');
 
     //Get Hash key field ttl value
     //for Redis databases 7.4 and higher
     getHashTtlFieldInput = (fieldName: string): Selector => (Selector(`[data-testid=hash-ttl_content-value-${fieldName}]`));
     getListElementInput = (count: number): Selector => (Selector(`[data-testid*=element-${count}]`));
+    getKeySize = (keyName: string): Selector => (Selector(`[data-testid=size-${keyName}]`));
+    getKeyTTl = (keyName: string): Selector => (Selector(`[data-testid=ttl-${keyName}]`));
 
 
     /**

tests/e2e/tests/web/regression/browser/list-key.e2e.ts

@@ -116,3 +116,26 @@ test('Verify that user can edit a multiple fields', async t => {
         count = await browserPage.listElementsList.count;
         await t.expect(browserPage.listElementsList.nth(count - 1).textContent).eql(elementsValue[1], 'the last element is not corrected for add in head');
     });
+test('Verify that user can hide fields', async t => {
+    await t.expect(browserPage.getKeySize(keyName).exists).ok('size is not displayed')
+    await t.expect(browserPage.getKeyTTl(keyName).exists).ok('ttl is not displayed')
+
+    await t.click(browserPage.columnsBtn);
+    await t.click(browserPage.showTtlColumnCheckbox);
+    await t.click(browserPage.columnsBtn);
+    await t.expect(browserPage.getKeySize(keyName).exists).ok('size is not displayed')
+    await t.expect(browserPage.getKeyTTl(keyName).exists).notOk('ttl is displayed')
+
+    await t.click(browserPage.columnsBtn);
+    await t.click(browserPage.showSizeColumnCheckbox);
+    await t.click(browserPage.columnsBtn);
+    await t.expect(browserPage.getKeySize(keyName).exists).notOk('size is not displayed')
+    await t.expect(browserPage.getKeyTTl(keyName).exists).notOk('ttl is displayed')
+
+    await t.click(browserPage.columnsBtn);
+    await t.click(browserPage.showSizeColumnCheckbox);
+    await t.click(browserPage.showTtlColumnCheckbox);
+    await t.click(browserPage.columnsBtn);
+    await t.expect(browserPage.getKeySize(keyName).exists).ok('size is not displayed')
+    await t.expect(browserPage.getKeyTTl(keyName).exists).ok('ttl is displayed')
+});