add unsaved changes popover test

Author: mariasergeenko

tests/e2e/helpers/constants.ts

@@ -112,7 +112,7 @@ export enum RdiTemplatePipelineType {
 export enum RdiTemplateDatabaseType  {
     SqlServer  = 'sql',
     Oracle = 'oracle',
-    MyQal = 'my-sql',
+    MySql = 'mysql',
 }
 
 export enum RdiPopoverOptions  {

tests/e2e/pageObjects/components/monaco-editor.ts

@@ -20,8 +20,8 @@ export class MonacoEditor {
      * @param clean if  field should be cleaned
      */
     async sendTextToMonaco(input: Selector, command: string, clean = true): Promise<void> {
+        await t.click(input);
         if(clean) {
-            await t.click(input);
             await t
                 // remove text since replace doesn't work here
                 .pressKey('ctrl+a')

tests/e2e/pageObjects/rdi-instance-page.ts

@@ -55,7 +55,10 @@ export class RdiInstancePage extends BaseOverviewPage {
     databaseDropdown =  Selector('[data-testid=db-type-select]');
 
     //dialog
-    selectOptionDialog = Selector('[data-testid=rdi-pipeline-source-dialog]', { timeout: 100 });
+    selectOptionDialog = Selector('[data-testid=rdi-pipeline-source-dialog]', { timeout: 1000 });
+    closeConfirmNavigateDialog = Selector('[data-testid=oauth-select-account-dialog] button', { timeout: 1000 });
+    proceedNavigateDialog = Selector('[data-testid=confirm-leave-page]', { timeout: 1000 });
+    downloadNavigateDialog = Selector('[data-testid=popup-download-pipeline-btn]', { timeout: 1000 });
 
     tooltip = Selector('[role=tooltip]', { timeout: 500 });
     /**

tests/e2e/tests/web/critical-path/rdi/add-job.e2e.ts

@@ -108,6 +108,7 @@ test('Verify that user can change job config', async() => {
     const textForMonaco = 'here should be a job';
 
     await rdiInstancePage.PipelineManagementPanel.addJob(jobName);
+    await rdiInstancePage.PipelineManagementPanel.openJobByName(jobName);
     let text = await rdiInstancePage.MonacoEditor.getTextFromMonaco();
     await t.expect(text).eql('', 'monacoEditor for the job is not empty');
     await rdiInstancePage.MonacoEditor.sendTextToMonaco(rdiInstancePage.jobsInput, textForMonaco, false);

tests/e2e/tests/web/critical-path/rdi/configuration.e2e.ts

@@ -87,7 +87,7 @@ test('Verify that user can insert template', async() => {
     await t.click(rdiInstancePage.templateButton);
     await t.expect(rdiInstancePage.templateApplyButton.visible).ok('the template popover is not expanded');
     await t.expect(rdiInstancePage.pipelineDropdown.textContent).eql(defaultValue, 'the default value is set incorrectly');
-    await rdiInstancePage.setTemplateDropdownValue(RdiTemplatePipelineType.Ingest, RdiTemplateDatabaseType.MyQal);
+    await rdiInstancePage.setTemplateDropdownValue(RdiTemplatePipelineType.Ingest, RdiTemplateDatabaseType.MySql);
 
     //verify uniq templates words - should be undated when templates are added
     const enteredText = await rdiInstancePage.MonacoEditor.getTextFromMonaco();

tests/e2e/tests/web/critical-path/rdi/navigation.e2e.ts

@@ -4,7 +4,12 @@ import { AddNewRdiParameters, RdiApiRequests } from '../../../../helpers/api/api
 import { commonUrl, ossStandaloneConfig } from '../../../../helpers/conf';
 import { DatabaseHelper } from '../../../../helpers';
 import { MyRedisDatabasePage } from '../../../../pageObjects';
-import { RdiPopoverOptions, RedisOverviewPage } from '../../../../helpers/constants';
+import {
+    RdiPopoverOptions,
+    RdiTemplateDatabaseType,
+    RdiTemplatePipelineType,
+    RedisOverviewPage
+} from '../../../../helpers/constants';
 import { RdiInstancesListPage } from '../../../../pageObjects/rdi-instances-list-page';
 import { DatabaseAPIRequests } from '../../../../helpers/api/api-database';
 
@@ -23,7 +28,7 @@ const rdiInstance: AddNewRdiParameters = {
 };
 
 //skip the tests until rdi integration is added
-fixture.skip `Rdi Navigation`
+fixture `Rdi Navigation`
     .meta({ type: 'critical_path', feature: 'rdi' })
     .page(commonUrl)
     .beforeEach(async() => {
@@ -55,6 +60,7 @@ test.before(async() => {
     const rdiName = rdiInstancePage.RdiHeader.rdiNameLinkBreadcrumbs.textContent;
     await t.expect(rdiName).eql(rdiInstance.name, 'instance name in breadcrumbs is not correct');
 
+    await rdiInstancePage.selectStartPipelineOption(RdiPopoverOptions.Pipeline);
     await t.click(rdiInstancePage.NavigationPanel.myRedisDBButton);
     await myRedisDatabasePage.setActivePage(RedisOverviewPage.DataBase);
     count = await myRedisDatabasePage.NavigationPanel.getButtonsCount();
@@ -82,3 +88,26 @@ test('Verify that Insight and Sign in buttons are displayed ', async() => {
     await t.expect(tab).eql('Explore');
     await t.expect(rdiInstancePage.RdiHeader.cloudSignInButton.exists).ok('sight in button is not exist');
 });
+
+test('Verify that confirmation message is displayed, if there are unsaved changes ', async() => {
+    const jobName = 'jobName';
+    const textForMonaco = 'here should be a job';
+
+    await rdiInstancePage.PipelineManagementPanel.addJob(jobName);
+    await rdiInstancePage.PipelineManagementPanel.openJobByName(jobName);
+    await t.click(rdiInstancePage.templateCancelButton);
+    await rdiInstancePage.MonacoEditor.sendTextToMonaco(rdiInstancePage.jobsInput, textForMonaco, false);
+    await t.click(rdiInstancePage.RdiHeader.breadcrumbsLink);
+    await t.expect(rdiInstancePage.downloadNavigateDialog.exists).ok('the user can not download');
+    await t.click(rdiInstancePage.closeConfirmNavigateDialog);
+
+    const text = await rdiInstancePage.MonacoEditor.getTextFromMonaco();
+    await t.expect(text).eql(textForMonaco, 'changes is not saved');
+
+    await t.click(rdiInstancePage.PipelineManagementPanel.configurationTabLink);
+    await t.click(rdiInstancePage.templateButton);
+    await rdiInstancePage.setTemplateDropdownValue(RdiTemplatePipelineType.Ingest, RdiTemplateDatabaseType.MySql);
+    await t.click(rdiInstancePage.NavigationPanel.myRedisDBButton);
+    await t.click(rdiInstancePage.proceedNavigateDialog);
+    await t.expect(rdiInstancesListPage.rdiInstanceButton.exists).ok('the user is not navigated to the panel');
+});