add test for enhance command helper ui

Author: vlad-dargel

tests/e2e/pageObjects/cli-page.ts

@@ -27,6 +27,7 @@ export class CliPage {
     commandHelperBadge = Selector('[data-testid=expand-command-helper] span');
     cliResizeButton = Selector('[data-test-subj=resize-btn-browser-cli]');
     workbenchLink = Selector('[data-test-subj=cli-workbench-page-btn]');
+    returnToList = Selector('[data-testid=cli-helper-back-to-list-btn]');
     //TEXT INPUTS (also referred to as 'Text fields')
     cliCommandInput = Selector('[data-testid=cli-command]');
     cliArea = Selector('[data-testid=cli');
@@ -58,7 +59,7 @@ export class CliPage {
   * Select filter group type
   * @param groupName The group name
   */
-    async selectFilterGroupType(groupName: string): Promise<void>{
+    async selectFilterGroupType(groupName: string): Promise<void> {
         await t.click(this.filterGroupTypeButton);
         await t.click(this.filterOptionGroupType.withExactText(groupName));
     }
@@ -69,7 +70,7 @@ export class CliPage {
    * @param amount The amount of the keys
    * @param keyName The name of the keys. The default value is keyName
    */
-    async addKeysFromCli(keyCommand: string, amount: number, keyName = 'keyName'): Promise<void>{
+    async addKeysFromCli(keyCommand: string, amount: number, keyName = 'keyName'): Promise<void> {
         //Open CLI
         await t.click(this.cliExpandButton);
         //Add keys
@@ -83,7 +84,7 @@ export class CliPage {
    * Send command in Cli
    * @param command The command to send
    */
-    async sendCommandInCli(command: string): Promise<void>{
+    async sendCommandInCli(command: string): Promise<void> {
         //Open CLI
         await t.click(this.cliExpandButton);
         await t.typeText(this.cliCommandInput, command, { paste: true });
@@ -95,7 +96,7 @@ export class CliPage {
    * Get command result execution
    * @param command The command for send in CLI
    */
-    async getSuccessCommandResultFromCli(command: string): Promise<string>{
+    async getSuccessCommandResultFromCli(command: string): Promise<string> {
         //Open CLI
         await t.click(this.cliExpandButton);
         //Add keys
@@ -129,7 +130,7 @@ export class CliPage {
     }
 
     /**
-     * Check URL of command opened from command helper
+     * Check list of commands searched
      * @param searchedCommand Searched command in Command Helper
      * @param listToCompare The list with commands to compare with opened in Command Helper
      */
@@ -141,4 +142,16 @@ export class CliPage {
             await t.expect(this.cliHelperOutputTitles.nth(i).textContent).eql(listToCompare[i], 'Results in the output contains searched value');
         }
     }
+
+    /**
+    * Check commands list
+    * @param listToCompare The list with commands to compare with opened in Command Helper
+    */
+    async checkCommandsInCommandHelper(listToCompare: string[]): Promise<void> {
+        //Verify results in the output
+        const commandsCount = await this.cliHelperOutputTitles.count;
+        for (let i = 0; i < commandsCount; i++) {
+            await t.expect(this.cliHelperOutputTitles.nth(i).textContent).eql(listToCompare[i], 'Results in the output not contain searched value');
+        }
+    }
 }

tests/e2e/tests/critical-path/cli/cli-command-helper.e2e.ts

@@ -116,7 +116,7 @@ test
         //Select group from list and remember commands
         await cliPage.selectFilterGroupType(COMMAND_GROUP_TIMESERIES);
         const commandsFilterCount = await cliPage.cliHelperOutputTitles.count;
-        const timeSeriesCommands = [];
+        const timeSeriesCommands: string[] = [];
         for(let i = 0; i < commandsFilterCount; i++) {
             timeSeriesCommands.push(await cliPage.cliHelperOutputTitles.nth(i).textContent);
         }
@@ -137,7 +137,7 @@ test
         //Select group from list and remember commands
         await cliPage.selectFilterGroupType(COMMAND_GROUP_GRAPH);
         const commandsFilterCount = await cliPage.cliHelperOutputTitles.count;
-        const graphCommands = [];
+        const graphCommands: string[] = [];
         for(let i = 0; i < commandsFilterCount; i++) {
             graphCommands.push(await cliPage.cliHelperOutputTitles.nth(i).textContent);
         }

tests/e2e/tests/regression/cli/cli-command-helper.e2e.ts

@@ -247,3 +247,27 @@ test
             i++;
         }
     });
+test
+    .meta({ rte: rte.standalone })('Verify that user can go back to list of commands for group in Command Helper', async t => {
+        filteringGroup = 'Search';
+        commandToCheck = 'FT.EXPLAIN';
+        const commandForSearch = 'EXPLAIN';
+        //Open Command Helper
+        await t.click(cliPage.expandCommandHelperButton);
+        //Select one command from the list
+        await t.typeText(cliPage.cliHelperSearch, commandForSearch);
+        await cliPage.selectFilterGroupType(filteringGroup);
+        // Remember found commands
+        const commandsFilterCount = await cliPage.cliHelperOutputTitles.count;
+        const filteredCommands: string[] = [];
+        for (let i = 0; i < commandsFilterCount; i++) {
+            filteredCommands.push(await cliPage.cliHelperOutputTitles.nth(i).textContent);
+        }
+        // Select command
+        await t.click(cliPage.cliHelperOutputTitles.withExactText(commandToCheck));
+        // Click return button
+        await t.click(cliPage.returnToList);
+        // Check that user returned to list with filter and search applied
+        await cliPage.checkCommandsInCommandHelper(filteredCommands);
+        await t.expect(cliPage.returnToList.exists).notOk('Return to list button still displayed');
+    });