[E2E] Workbench test with placeholder for empty command history is added

Author: elenaNaboko

tests/e2e/pageObjects/workbench-page.ts

@@ -49,6 +49,9 @@ export class WorkbenchPage {
   expandArea: Selector
   monacoHintWithArguments: Selector
   noCommandHistorySection: Selector
+  noCommandHistoryIcon: Selector
+  noCommandHistoryTitle: Selector
+  noCommandHistoryText: Selector
 
   constructor() {
       //CSS selectors
@@ -99,11 +102,13 @@ export class WorkbenchPage {
       this.monacoCloseCommandDetails = Selector('span.codicon-close');
       this.monacoSuggestion = Selector('span.monaco-icon-name-container');
       this.iframe = Selector('.pluginIframe', { timeout: 90000 });
-      this.monacoHintWithArguments = Selector('[widgetid="editor.widget.parameterHintsWidget"]')
-      this.noCommandHistorySection = Selector('[data-testid=wb_no-results]')
-      // Panel
+      this.monacoHintWithArguments = Selector('[widgetid="editor.widget.parameterHintsWidget"]');
+      this.noCommandHistorySection = Selector('[data-testid=wb_no-results]');
       this.preselectArea = Selector('[data-testid=enablementArea]');
-      this.expandArea = Selector('[]')
+      this.expandArea = Selector('[data-testid=enablement-area-container]');
+      this.noCommandHistoryIcon = Selector ('[data-testid=wb_no-results__icon]');
+      this.noCommandHistoryTitle = Selector ('[data-testid=wb_no-results__title]');
+      this.noCommandHistoryText = Selector ('[data-testid=wb_no-results__summary]');
   }
 
   /**

tests/e2e/tests/regression/workbench/autocomplete.e2e.ts

@@ -56,8 +56,7 @@ test('Verify that user can see static list of arguments is displayed when he ent
     //Check that no hints are displayed
     await t.expect(workbenchPage.monacoHintWithArguments.visible).notOk('Hints with arguments are not displayed yet')
     //Add space after the printed command
-    const command_hint = 'AI.SCRIPTEXECUTE '
-    await t.typeText(workbenchPage.queryInput, command_hint, { replace: true })
+    await t.typeText(workbenchPage.queryInput, `${command} `, { replace: true })
     //Check that hint with arguments are displayed
     await t.expect(workbenchPage.monacoHintWithArguments.visible).ok('Hints with arguments are displayed')
 });

tests/e2e/tests/regression/workbench/empty-command-history.e2e.ts

@@ -0,0 +1,42 @@
+import { Selector } from 'testcafe';
+import { addNewStandaloneDatabase } from '../../../helpers/database';
+import { MyRedisDatabasePage, UserAgreementPage, AddRedisDatabasePage, WorkbenchPage } from '../../../pageObjects';
+import {
+    commonUrl,
+    ossStandaloneConfig
+} from '../../../helpers/conf';
+
+const myRedisDatabasePage = new MyRedisDatabasePage();
+const userAgreementPage = new UserAgreementPage();
+const addRedisDatabasePage = new AddRedisDatabasePage();
+const workbenchPage = new WorkbenchPage();
+
+fixture `Empty command history in Workbench`
+    .meta({type: 'regression'})
+    .page(commonUrl)
+    .beforeEach(async t => {
+        await t.maximizeWindow();
+        await userAgreementPage.acceptLicenseTerms();
+        await t.expect(addRedisDatabasePage.addDatabaseButton.exists).ok('The add redis database view', {timeout: 20000});
+        await addNewStandaloneDatabase(ossStandaloneConfig);
+        //Connect to DB
+        await myRedisDatabasePage.clickOnDBByName(ossStandaloneConfig.databaseName);
+        //Go to Workbench page
+        await t.click(myRedisDatabasePage.workbenchButton);
+    })
+test('Verify that user can see placeholder text in Workbench history if no commands have not been run yet', async t => {
+    //Verify that all the elements from empty command history placeholder are displayed
+    await t.expect(workbenchPage.noCommandHistorySection.visible).ok('No command history section is visible')
+    await t.expect(workbenchPage.noCommandHistoryIcon.visible).ok('No command history icon is visible')
+    await t.expect(workbenchPage.noCommandHistoryTitle.visible).ok('No command history title is visible')
+    await t.expect(workbenchPage.noCommandHistoryText.visible).ok('No command history text is visible')
+    //Run a command
+    const commandToSend = 'info server';
+    await workbenchPage.sendCommandInWorkbench(commandToSend);
+    //Verify that empty command history placeholder is not displayed
+    await t.expect(workbenchPage.noCommandHistorySection.visible).notOk('No command history section is not visible')
+    //Delete the command result
+    await t.click(Selector(workbenchPage.cssDeleteCommandButton));
+    //Verify that empty command history placeholder is displayed
+    await t.expect(workbenchPage.noCommandHistorySection.visible).ok('No command history section is visible')
+});