Merge pull request #2975 from RedisInsight/e2e/feature/RI-4950_tutorials-home-page

add test for displaying Insights panel on welcome and list of dbs

Author: mariasergeenko

tests/e2e/helpers/constants.ts

@@ -81,3 +81,9 @@ export enum ExploreTabs {
     Tips = 'Tips',
 }
 
+export enum Compatibility {
+    SearchAndQuery  = 'search',
+    Json = 'json',
+    TimeSeries = 'time-series'
+}
+

tests/e2e/pageObjects/components/compatibility-promotion.ts

@@ -0,0 +1,14 @@
+import { Selector, t } from 'testcafe';
+import { Compatibility } from '../../helpers/constants';
+
+export class CompatibilityPromotion {
+    linkMask = '[data-testid="guide-icon-$name"]';
+    /**
+     * Click on link
+     * @param name Name of the compatibility
+     */
+    async clickOnLinkByName(name: Compatibility): Promise<void> {
+        const link = Selector(this.linkMask.replace(/\$name/g, name));
+        await t.click(link);
+    }
+}

tests/e2e/pageObjects/components/explore-tab.ts

@@ -26,6 +26,7 @@ export class ExploreTab {
     codeBlock = Selector('[data-testid=code-button-block-content]');
     codeBlockLabel = Selector('[data-testid=code-button-block-label]');
     cloudFreeLinkTooltip = Selector('[data-testid=tutorials-get-started-link]');
+    openDatabasePopover = Selector('[data-testid=database-not-opened-popover]');
     //Custom tutorials
     customTutorials = Selector('[data-testid=accordion-button-custom-tutorials]');
     tutorialOpenUploadButton = Selector('[data-testid=open-upload-tutorial-btn]');

tests/e2e/pageObjects/my-redis-databases-page.ts

@@ -2,11 +2,15 @@ import { t, Selector } from 'testcafe';
 import { DatabaseAPIRequests } from '../helpers/api/api-database';
 import { BasePage } from './base-page';
 import { AddRedisDatabase } from './components/myRedisDatabase/add-redis-database';
+import { InsightsPanel } from './components/insights-panel';
+import { CompatibilityPromotion } from './components/compatibility-promotion';
 
 const databaseAPIRequests = new DatabaseAPIRequests();
 
 export class MyRedisDatabasePage extends BasePage {
     AddRedisDatabase = new AddRedisDatabase();
+    InsightsPanel = new InsightsPanel();
+    CompatibilityPromotion = new CompatibilityPromotion();
 
     //-------------------------------------------------------------------------------------------
     //DECLARATION OF SELECTORS

tests/e2e/pageObjects/welcome-page.ts

@@ -1,7 +1,12 @@
 import { Selector } from 'testcafe';
 import { BasePage } from './base-page';
+import { CompatibilityPromotion } from './components/compatibility-promotion';
+import { InsightsPanel } from './components/insights-panel';
 
 export class WelcomePage extends BasePage {
+    CompatibilityPromotion = new CompatibilityPromotion();
+    InsightsPanel = new InsightsPanel();
+
     // Buttons
     tryRedisCloudBtn = Selector('[data-testid=promo-btn]');
     addDbManuallyBtn = Selector('[data-testid=add-db-manually-btn]');

tests/e2e/tests/web/regression/insights/open-insights-panel.e2e.ts

@@ -1,5 +1,5 @@
-import { BrowserPage, MyRedisDatabasePage, WorkbenchPage } from '../../../../pageObjects';
-import { ExploreTabs, rte } from '../../../../helpers/constants';
+import { BrowserPage, MyRedisDatabasePage, WelcomePage, WorkbenchPage } from '../../../../pageObjects';
+import { Compatibility, ExploreTabs, rte } from '../../../../helpers/constants';
 import { DatabaseHelper } from '../../../../helpers/database';
 import {
     commonUrl,
@@ -11,6 +11,7 @@ import { DatabaseAPIRequests } from '../../../../helpers/api/api-database';
 const browserPage = new BrowserPage();
 const workbenchPage = new WorkbenchPage();
 const myRedisDatabasePage = new MyRedisDatabasePage();
+const welcomePage  = new WelcomePage();
 
 const databaseHelper = new DatabaseHelper();
 const databaseAPIRequests = new DatabaseAPIRequests();
@@ -69,3 +70,31 @@ test
         await t.expect(await browserPage.InsightsPanel.existsCompatibilityPopover.textContent).contains('time series', 'popover is not displayed');
         await t.expect(tab.preselectArea.textContent).contains('REDIS FOR TIME SERIES', 'the tutorial is incorrect');
     });
+
+test
+    .before(async t => {
+        await databaseAPIRequests.deleteAllDatabasesApi();
+        await databaseHelper.acceptLicenseTermsAndAddDatabaseApi(ossStandaloneConfig);
+    })
+    .after(async() => {
+        await databaseAPIRequests.deleteAllDatabasesApi();
+    })('Verify that insights panel can be opened from Welcome and Overview pages', async t => {
+        const welcomeTutorial = 'JSON';
+        const myRedisTutorial = 'Time series';
+
+        await t.click(browserPage.NavigationPanel.myRedisDBButton);
+        await myRedisDatabasePage.CompatibilityPromotion.clickOnLinkByName(Compatibility.TimeSeries);
+        await t.expect(await myRedisDatabasePage.InsightsPanel.getActiveTabName()).eql(ExploreTabs.Explore);
+        let tab = await myRedisDatabasePage.InsightsPanel.setActiveTab(ExploreTabs.Explore);
+        await t.expect(tab.preselectArea.textContent).contains(myRedisTutorial, 'the tutorial is incorrect');
+        await t.click(tab.nextPageButton);
+        await tab.runBlockCode('Create time series for each shop');
+        await t.expect(tab.openDatabasePopover.exists).ok('Open a database popover is not displayed');
+        await myRedisDatabasePage.InsightsPanel.togglePanel(false);
+        await myRedisDatabasePage.deleteAllDatabases();
+
+        await welcomePage.CompatibilityPromotion.clickOnLinkByName(Compatibility.Json);
+        await t.expect(await welcomePage.InsightsPanel.getActiveTabName()).eql(ExploreTabs.Explore);
+        tab = await welcomePage.InsightsPanel.setActiveTab(ExploreTabs.Explore);
+        await t.expect(tab.preselectArea.textContent).contains(welcomeTutorial, 'the tutorial is incorrect');
+    });