[E2E] Test with plugin text on agreements modal form is added

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.only('Verify that user can see message "While adding new visualization plugins, use files only from trusted authors to avoid automatic execution of malicious code." on EULA and Privacy Settings window when he opens the application for the very first time', 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 is correct
+    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.');
+});