Merge pull request #1188 from RedisInsight/e2e/feature/RI-3507-workbench-group

Group Mode e2e tests

Author: AlenaSY

redisinsight/ui/src/components/query-card/QueryCardHeader/QueryCardHeader.tsx

@@ -232,6 +232,7 @@ const QueryCardHeader = (props: Props) => {
               aria-label="Copy query"
               className="copy-btn"
               onClick={(event: React.MouseEvent) => handleCopy(event, query || '')}
+              data-testid="copy-command"
             />
           </div>
         </EuiFlexItem>

tests/e2e/pageObjects/workbench-page.ts

@@ -11,6 +11,8 @@ export class WorkbenchPage {
     cssTableViewTypeOption = '[data-testid=view-type-selected-Plugin-redisearch__redisearch]';
     cssMonacoCommandPaletteLine = '[aria-label="Command Palette"]';
     cssQueryTextResult = '[data-testid=query-cli-result]';
+    cssWorkbenchCommandInHistory = '[data-testid=wb-command]';
+    cssWorkbenchCommandResultInHistory = '[data-testid=wb-command-result]';
     cssQueryTableResult = '[data-testid^=query-table-result-]';
     cssQueryPluginResult = '[data-testid^=query-table-result-]';
     queryGraphContainer = '[data-testid=query-graph-container]';
@@ -57,6 +59,8 @@ export class WorkbenchPage {
     showSalesPerRegiomButton = Selector('[data-testid="preselect-Show all sales per region"]');
     queryCardNoModuleButton = Selector('[data-testid=query-card-no-module-button] a');
     rawModeBtn = Selector('[data-testid="btn-change-mode"]');
+    groupMode = Selector('[data-testid=btn-change-group-mode]');
+    copyCommand = Selector('[data-testid=copy-command]');
     //ICONS
     noCommandHistoryIcon = Selector('[data-testid=wb_no-results__icon]');
     //LINKS
@@ -97,6 +101,8 @@ export class WorkbenchPage {
     runButtonToolTip = Selector('[data-testid=run-query-tooltip]');
     loadedCommand = Selector('[class=euiLoadingContent__singleLine]');
     runButtonSpinner = Selector('[data-testid=loading-spinner]');
+    workbenchCommandInHistory = Selector(this.cssWorkbenchCommandInHistory);
+    workbenchCommandResultInHistory = Selector(this.cssWorkbenchCommandInHistory);
     //MONACO ELEMENTS
     monacoCommandDetails = Selector('div.suggest-details-container');
     monacoCloseCommandDetails = Selector('span.codicon-close');
@@ -166,13 +172,14 @@ export class WorkbenchPage {
      * Check the last command and result in workbench
      * @param command The command to check
      * @param result The result to check
+     * @param childNum Indicator which command result need to check
      */
-    async checkWorkbenchCommandResult(command: string, result: string): Promise<void> {
+    async checkWorkbenchCommandResult(command: string, result: string, childNum = 0): Promise<void> {
         //Compare the command with executed command
-        const actualCommand = await this.queryCardContainer.nth(0).find(this.cssQueryCardCommand).textContent;
+        const actualCommand = await this.queryCardContainer.nth(childNum).find(this.cssQueryCardCommand).textContent;
         await t.expect(actualCommand).eql(command);
         //Compare the command result with executed command
-        const actualCommandResult = await this.queryCardContainer.nth(0).find(this.cssQueryTextResult).textContent;
+        const actualCommandResult = await this.queryCardContainer.nth(childNum).find(this.cssQueryTextResult).textContent;
         await t.expect(actualCommandResult).eql(result);
     }
 }

tests/e2e/tests/regression/workbench/group-mode.e2e.ts

@@ -0,0 +1,69 @@
+import { Selector } from 'testcafe';
+import { rte } from '../../../helpers/constants';
+import { acceptLicenseTermsAndAddDatabaseApi } from '../../../helpers/database';
+import { MyRedisDatabasePage, WorkbenchPage } from '../../../pageObjects';
+import { commonUrl, ossStandaloneConfig } from '../../../helpers/conf';
+import { deleteStandaloneDatabaseApi } from '../../../helpers/api/api-database';
+
+const myRedisDatabasePage = new MyRedisDatabasePage();
+const workbenchPage = new WorkbenchPage();
+const counter = 7;
+const command = 'info';
+const commands = ['set key test', 'get key', 'del key'];
+const commandsResult = ['OK', 'test', '1'];
+const commandsNumber = commands.length;
+const commandsString = commands.join('\n');
+
+fixture `Workbench Group Mode`
+    .meta({ rte: rte.standalone, type: 'regression' })
+    .page(commonUrl)
+    .beforeEach(async t => {
+        await acceptLicenseTermsAndAddDatabaseApi(ossStandaloneConfig, ossStandaloneConfig.databaseName);
+        //Go to Workbench page
+        await t.click(myRedisDatabasePage.workbenchButton);
+    })
+    .afterEach(async() => {
+        //Delete database
+        await deleteStandaloneDatabaseApi(ossStandaloneConfig);
+    });
+test('Verify that user can run the commands from the Editor in the group mode', async t => {
+    await t.click(workbenchPage.groupMode);
+    // Verify that user can run a command with quantifier and see results in group(10 info)
+    await workbenchPage.sendCommandInWorkbench(`${counter} ${command}`);
+    // Verify that user can see number of total commands in group, success commands, number of failed commands in header summary in Workbench
+    await t.expect(workbenchPage.queryCardCommand.textContent).eql(`${counter} Command(s) - ${counter} success, 0 error(s)`, 'Not valid summary');
+    // Verify that user can see full list of commands with results run in group
+    await t.expect(workbenchPage.queryTextResult.find(workbenchPage.cssWorkbenchCommandInHistory).withText(`> ${command}`).count).eql(counter, 'Number of commands is not correct');
+    await t.expect(workbenchPage.queryTextResult.find(workbenchPage.cssWorkbenchCommandResultInHistory).count).eql(counter, 'Number of command result is not correct');
+    // Verify that if the only one command is executed in group, the result will be displayed as for group mode
+    await workbenchPage.sendCommandInWorkbench(`${command}`);
+    await t.expect(workbenchPage.queryCardCommand.textContent).eql('1 Command(s) - 1 success, 0 error(s)', 'Not valid summary for 1 command');
+    // Verify that user can use keyboard shortcut Ctrl+Shift+G to enable the group mode
+    await t.click(workbenchPage.queryInput);
+    await t.pressKey('shift+ctrl+g');
+    await workbenchPage.sendCommandInWorkbench(commandsString);
+    await t.expect(workbenchPage.queryCardCommand.textContent).notEql(`${commandsNumber} Command(s) - ${commandsNumber} success, 0 error(s)`, 'Commands are sent in groups');
+    for (let i = 0; i++; i < commandsNumber) {
+        await workbenchPage.checkWorkbenchCommandResult(command[i], commandsResult[i], i);
+    }
+});
+// Skip due to testcafe doesn't work with clipboard buffer. Need to add client function to check this test
+test.skip('Verify that when user clicks on copy icon for group result, all commands are copied', async t => {
+    await t.click(workbenchPage.groupMode);
+    await workbenchPage.sendCommandInWorkbench(`${commandsString}`); // 3 commands are sent in group mode
+    // Copy commands from group result
+    await t.click(workbenchPage.copyCommand);
+    await t.rightClick(workbenchPage.queryInputScriptArea);
+    await t.click(Selector('span').withAttribute('aria-label', 'Paste'));
+    await t.pressKey('ctrl+enter');
+    await t.expect(workbenchPage.queryCardCommand.textContent).eql(`${commandsNumber} Command(s) - ${commandsNumber} success, 0 error(s)`, 'Not valid summary');
+});
+test('Verify that user can see group results in full mode', async t => {
+    await t.click(workbenchPage.groupMode);
+    await workbenchPage.sendCommandInWorkbench(`${commandsString}`); // 3 commands are sent in group mode
+    // Open full mode
+    await t.click(workbenchPage.fullScreenButton);
+    await t.expect(workbenchPage.queryCardCommand.textContent).eql(`${commandsNumber} Command(s) - ${commandsNumber} success, 0 error(s)`, 'Not valid summary');
+    await t.expect(workbenchPage.queryTextResult.find(workbenchPage.cssWorkbenchCommandInHistory).withText('> ').count).eql(commandsNumber, 'Number of commands is not correct');
+    await t.expect(workbenchPage.queryTextResult.find(workbenchPage.cssWorkbenchCommandResultInHistory).count).eql(commandsNumber, 'Number of command result is not correct');
+});