Merge pull request #4287 from RedisInsight/e2e/fe/feature/RI-6372-remember-context-when-switching-btw-rdi

add e2e for navigation

Author: mariasergeenko

tests/e2e/pageObjects/components/navigation/navigation-header.ts

@@ -5,6 +5,11 @@ export class NavigationHeader {
     insightsTriggerButton = Selector('[data-testid=insights-trigger]');
     cloudSignInButton = Selector('[data-testid=cloud-sign-in-btn]');
     copilotButton = Selector('[data-testid=copilot-trigger]');
+    dbName = Selector('[data-testid=nav-instance-popover-btn]');
+    homeLinkNavigation = Selector('[class*=homePageLink]');
+    dbListInstance = Selector('[data-testid^=instance-item-]');
+    rdiNavigationTab = Selector('[data-testid*=Integration-tab-id]');
+    dbListInput = Selector('[data-testid=instances-nav-popover-search]');
 
     /**
      * Open/Close  Panel
@@ -17,4 +22,18 @@ export class NavigationHeader {
             await t.click(this.insightsTriggerButton);
         }
     }
+
+    /**
+     * Get all databases from List of DBs page
+     */
+    async getAllDatabases(): Promise<string[]> {
+        const databases: string[] = [];
+        const n = await this.dbListInstance.count;
+
+        for(let k = 0; k < n; k++) {
+            const name = await this.dbListInstance.nth(k).textContent;
+            databases.push(name);
+        }
+        return databases;
+    }
 }

tests/e2e/pageObjects/components/overview-panel.ts

@@ -14,18 +14,12 @@ export class OverviewPanel {
     myRedisDBLink = Selector('[data-testid=my-redis-db-btn]', { timeout: 1000 });
     changeIndexBtn = Selector('[data-testid=change-index-btn]');
     databaseInfoIcon = Selector('[data-testid=db-info-icon]');
-    dbName = Selector('[data-testid=nav-instance-popover-btn]');
-    homeLinkNavigation = Selector('[class*=homePageLink]');
-    dbListInstance = Selector('[data-testid^=instance-item-]');
-    rdiNavigationTab = Selector('[data-testid*=Integration-tab-id]');
     autoRefreshArrow = Selector('[data-testid=auto-refresh-overview-auto-refresh-config-btn]');
     autoRefreshCheckbox = Selector('[data-testid=auto-refresh-overview-auto-refresh-switch]');
     // PANEL
     databaseInfoToolTip = Selector('[data-testid=db-info-tooltip]', { timeout: 2000 });
     // INPUTS
     changeIndexInput = Selector('[data-testid=change-index-input]');
-    dbListInput = Selector('[data-testid=instances-nav-popover-search]');
-
     autoRefreshRateInput = Selector('[data-testid=auto-refresh-overview-refresh-rate]');
     inlineItemEditor = Selector('[data-testid=inline-item-editor]');
 
@@ -55,20 +49,6 @@ export class OverviewPanel {
         await t.expect(this.overviewSpinner.visible).notOk('cpu is not calculated, spinner is still displayed');
     }
 
-    /**
-     * Get all databases from List of DBs page
-     */
-    async getAllDatabases(): Promise<string[]> {
-        const databases: string[] = [];
-        const n = await this.dbListInstance.count;
-
-        for(let k = 0; k < n; k++) {
-            const name = await this.dbListInstance.nth(k).textContent;
-            databases.push(name);
-        }
-        return databases;
-    }
-
      /**
      * set auto refresh rate
      * @param rate rate value

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

@@ -26,6 +26,13 @@ const rdiInstance: AddNewRdiParameters = {
     password: '111'
 };
 
+const rdiInstance2: AddNewRdiParameters = {
+    name: 'testInstance2',
+    url: 'https://11.111.111.214',
+    username: 'username',
+    password: '111'
+};
+
 //skip the tests until rdi integration is added
 fixture.skip `Rdi Navigation`
     .meta({ type: 'critical_path', feature: 'rdi' })
@@ -107,3 +114,31 @@ test('Verify that confirmation message is displayed, if there are unsaved change
     await t.click(rdiInstancePage.proceedNavigateDialog);
     await t.expect(rdiInstancesListPage.addRdiInstanceButton.exists).ok('the user is not navigated to the panel');
 });
+test.before(async() => {
+    await rdiApiRequests.addNewRdiApi(rdiInstance);
+    await rdiApiRequests.addNewRdiApi(rdiInstance2);
+    await databaseHelper.acceptLicenseTermsAndAddDatabaseApi(ossStandaloneConfig)})
+('Verify that context is saved when user switches to db', async() => {
+    const jobName = 'jobName';
+    const textForMonaco = 'here should be a job';
+
+    await myRedisDatabasePage.setActivePage(RedisOverviewPage.Rdi);
+    await rdiInstancesListPage.clickRdiByName(rdiInstance.name);
+    await rdiInstancePage.selectStartPipelineOption(RdiPopoverOptions.Pipeline);
+
+    await t.click(rdiInstancePage.templateCancelButton);
+    await rdiInstancePage.MonacoEditor.sendTextToMonaco(rdiInstancePage.jobsInput, textForMonaco, false);
+    await t.click(rdiInstancePage.NavigationHeader.dbName);
+    await t.click(rdiInstancePage.NavigationHeader.dbListInstance.withText(ossStandaloneConfig.databaseName));
+
+    await t.click(rdiInstancePage.NavigationHeader.dbName);
+    await t.click(rdiInstancePage.NavigationHeader.dbListInstance.withText(rdiInstance.name));
+
+    const text = await rdiInstancePage.MonacoEditor.getTextFromMonaco();
+    await t.expect(text).eql(textForMonaco, 'rdi context is not saved between rdi and db');
+
+    await t.click(rdiInstancePage.NavigationHeader.dbName);
+    await t.click(rdiInstancePage.NavigationHeader.dbListInstance.withText(rdiInstance2.name));
+
+    await t.expect(rdiInstancePage.selectOptionDialog.exists).ok('rdi context is saved between rdi')
+});

tests/e2e/tests/web/regression/database/navigation.e2e.ts

@@ -50,26 +50,26 @@ test('Verify that user can navigate to instances using navigation widget', async
     await myRedisDatabasePage.clickOnDBByName(
         ossStandaloneConfig.databaseName
     );
-    await t.click(browserPage.OverviewPanel.dbName)
-    let dbWidgetNames = await browserPage.OverviewPanel.getAllDatabases();
+    await t.click(browserPage.NavigationHeader.dbName)
+    let dbWidgetNames = await browserPage.NavigationHeader.getAllDatabases();
     await t.expect(dbListPageNames).eql(dbWidgetNames, 'DB Lists have the same names');
-    await t.click(browserPage.OverviewPanel.dbListInstance.withText(ossStandaloneV7Config.databaseName));
-    await t.expect(browserPage.OverviewPanel.dbName.textContent).eql(ossStandaloneV7Config.databaseName, 'user can not be navigated');
-    await t.click(browserPage.OverviewPanel.dbName)
-    await t.click(browserPage.OverviewPanel.homeLinkNavigation);
+    await t.click(browserPage.NavigationHeader.dbListInstance.withText(ossStandaloneV7Config.databaseName));
+    await t.expect(browserPage.NavigationHeader.dbName.textContent).eql(ossStandaloneV7Config.databaseName, 'user can not be navigated');
+    await t.click(browserPage.NavigationHeader.dbName)
+    await t.click(browserPage.NavigationHeader.homeLinkNavigation);
     await t.expect(myRedisDatabasePage.hostPort.exists).ok('Db list page is not opened');
 
 
     await myRedisDatabasePage.clickOnDBByName(
         ossStandaloneConfig.databaseName
     )
     await t.debug();
-    await t.click(browserPage.OverviewPanel.dbName)
-    await t.typeText(browserPage.OverviewPanel.dbListInput, ossStandaloneV7Config.databaseName);
+    await t.click(browserPage.NavigationHeader.dbName)
+    await t.typeText(browserPage.NavigationHeader.dbListInput, ossStandaloneV7Config.databaseName);
     await t.debug();
-    dbWidgetNames = await browserPage.OverviewPanel.getAllDatabases();
+    dbWidgetNames = await browserPage.NavigationHeader.getAllDatabases();
     await t.expect(dbWidgetNames.length).eql(1, 'DB List is not searched');
-    await t.click(browserPage.OverviewPanel.rdiNavigationTab);
+    await t.click(browserPage.NavigationHeader.rdiNavigationTab);
 
     //TODO uncomment when RDI e2e starts running
     //await t.expect(dbListPageNames.length).eql(1, 'RDI List is not searched');