Merge pull request #134 from RedisInsight/feature/e2e-workbench

[E2E] Test with pluging wording

Author: elenaNaboko

redisinsight/ui/src/components/consents-settings/ConsentsSettings.tsx

@@ -171,7 +171,7 @@ const ConsentsSettings = ({ liveEditMode = false }: Props) => {
         {!liveEditMode && (
           <>
             <EuiCallOut>
-              <EuiText size="s">
+              <EuiText size="s" data-testid="plugin-section">
                 While adding new visualization plugins, use files only from trusted authors
                 to avoid automatic execution of malicious code.
               </EuiText>

tests/e2e/helpers/common.ts

@@ -1,6 +1,20 @@
-import { t } from 'testcafe';
+import {RequestMock, t} from 'testcafe';
+import {commonUrl} from "./conf";
+
+const settingsApiUrl = `${commonUrl}/api/settings`;
+
+const mockedSettingsResponse = {
+    agreements: {
+        version: '0',
+        eula: false,
+        analytics: false
+    }}
 
 export class Common {
+    mock = RequestMock()
+            .onRequestTo(settingsApiUrl)
+            .respond(mockedSettingsResponse, 200);
+
     async waitForElementNotVisible(elm): Promise<void> {
         await t.expect(elm.exists).notOk({ timeout: 20000 });
     }

tests/e2e/pageObjects/user-agreement-page.ts

@@ -11,6 +11,7 @@ export class UserAgreementPage {
   submitButton: Selector
   switchOptionEula: Selector
   switchOptionEncryption: Selector
+  pluginSectionWithText: Selector
 
   constructor() {
       //-------------------------------------------------------------------------------------------
@@ -25,6 +26,7 @@ export class UserAgreementPage {
       this.submitButton = Selector('[data-testid=btn-submit]');
       this.switchOptionEula = Selector('[data-testid=switch-option-eula]');
       this.switchOptionEncryption = Selector('[data-testid=switch-option-encryption]');
+      this.pluginSectionWithText = Selector('[data-testid=plugin-section]')
   }
 
   //Accept RedisInsight License Terms

tests/e2e/tests/critical-path/database/verify-agreements.e2e.ts

@@ -1,30 +1,16 @@
-import { RequestMock } from 'testcafe';
 import { commonUrl } from '../../../helpers/conf';
-import { UserAgreementPage, AddRedisDatabasePage, SettingsPage, MyRedisDatabasePage } from '../../../pageObjects';
+import { UserAgreementPage, AddRedisDatabasePage, SettingsPage } from '../../../pageObjects';
+import { Common } from '../../../helpers/common';
 
 const addRedisDatabasePage = new AddRedisDatabasePage();
 const settingsPage = new SettingsPage();
-const myRedisDatabasePage = new MyRedisDatabasePage();
-
-const mockedSettingsResponse = {
-    agreements: {
-        version: '0',
-        eula: false,
-        analytics: false
-    }
-};
-const settingsApiUrl = `${commonUrl}/api/settings`;
-
-const mock = RequestMock()
-    .onRequestTo(settingsApiUrl)
-    .respond(mockedSettingsResponse, 200);
-
+const common = new Common();
 const userAgreementPage = new UserAgreementPage();
 
 fixture `Agreements Verification`
     .meta({ type: 'critical_path' })
     .page(commonUrl)
-    .requestHooks(mock)
+    .requestHooks(common.mock)
     .beforeEach(async t => {
         await t.maximizeWindow();
     });

tests/e2e/tests/regression/first-start-form/user-agreements-form.e2e.ts

@@ -0,0 +1,23 @@
+import { commonUrl } from '../../../helpers/conf';
+import { UserAgreementPage } from '../../../pageObjects';
+import { Common } from '../../../helpers/common';
+
+const userAgreementPage = new UserAgreementPage();
+const common = new Common();
+
+fixture `Agreements Verification`
+    .meta({ type: 'regression' })
+    .page(commonUrl)
+    .requestHooks(common.mock)
+    .beforeEach(async t => {
+        await t.maximizeWindow();
+    });
+test('Verify that user can see specific message on EULA and Privacy Settings window during the first app launch', async t => {
+    //Verify that User Agreements modal form is displayed
+    await t.expect(userAgreementPage.userAgreementsPopup.exists).ok('User Agreements Popup is shown');
+    //Verify that section with plugin warning is displayed
+    await t.expect(userAgreementPage.pluginSectionWithText.visible).ok('Plugin text is displayed');
+    //Verify that text that is displayed in window is 'While adding new visualization plugins, use files only from trusted authors to avoid automatic execution of malicious code.'
+    const pluginText = userAgreementPage.pluginSectionWithText.innerText;
+    await t.expect(pluginText).eql('While adding new visualization plugins, use files only from trusted authors to avoid automatic execution of malicious code.');
+});

tests/e2e/tests/regression/workbench/scripting-area.e2e.ts

@@ -50,7 +50,7 @@ test('Verify that user can run multiple commands written in multiple lines in Wo
     await workbenchPage.sendCommandInWorkbench(commandsForSend.join('\n'), 0.5);
     //Check the result
     for(let i = 1; i < commandsForSend.length + 1; i++) {
-        let resultCommand = await workbenchPage.queryCardCommand.nth(i - 1).textContent;
+        const resultCommand = await workbenchPage.queryCardCommand.nth(i - 1).textContent;
         await t.expect(resultCommand).eql(commandsForSend[commandsForSend.length - i], `The command ${commandsForSend[commandsForSend.length - i]} is in the result`);
     }
 });
@@ -63,7 +63,7 @@ test('Verify that user can use double slashes (//) wrapped in double quotes and
     await workbenchPage.sendCommandInWorkbench(commandsForSend.join('\n"//"'), 0.5);
     //Check that all commands are executed
     for(let i = 1; i < commandsForSend.length + 1; i++) {
-        let resultCommand = await workbenchPage.queryCardCommand.nth(i - 1).textContent;
+        const resultCommand = await workbenchPage.queryCardCommand.nth(i - 1).textContent;
         await t.expect(resultCommand).contains(commandsForSend[commandsForSend.length - i], `The command ${commandsForSend[commandsForSend.length - i]} is in the result`);
     }
 });