Merge pull request #3748 from RedisInsight/e2e/feature/RI-5950-saml

e2e/feature/RI-5950-saml

Author: vlad-dargel

tests/e2e/pageObjects/base-overview-page.ts

@@ -3,10 +3,15 @@ import { RedisOverviewPage } from '../helpers/constants';
 import { Toast } from './components/common/toast';
 import { ShortcutsPanel } from './components/shortcuts-panel';
 import { EditorButton } from './components/common/editorButton';
+import { NavigationHeader } from './components/navigation/navigation-header';
+import { Modal } from './components/common/modal';
+
 export class BaseOverviewPage {
     ShortcutsPanel = new ShortcutsPanel();
     Toast = new Toast();
     EditorButton = new EditorButton();
+    NavigationHeader = new NavigationHeader();
+    Modal = new Modal();
 
     notification = Selector('[data-testid^=-notification]');
     deleteRowButton = Selector('[data-testid^=delete-instance-]');
@@ -21,6 +26,7 @@ export class BaseOverviewPage {
 
     databasePageLink = Selector('[data-testid=home-tab-databases]');
     rdiPageLink = Selector('[data-testid=home-tab-rdi-instances]');
+    exploreRedisBtn = Selector('[data-testid=explore-redis-btn]');
 
     /**
      * Reload page

tests/e2e/pageObjects/base-page.ts

@@ -3,6 +3,7 @@ import { NavigationPanel } from './components/navigation-panel';
 import { Toast } from './components/common/toast';
 import { ShortcutsPanel } from './components/shortcuts-panel';
 import { EditorButton } from './components/common/editorButton';
+import { Modal } from './components/common/modal';
 
 export class BasePage {
     notification = Selector('[data-testid^=-notification]');
@@ -11,6 +12,7 @@ export class BasePage {
     ShortcutsPanel = new ShortcutsPanel();
     Toast = new Toast();
     EditorButton = new EditorButton();
+    Modal = new Modal();
 
     /**
      * Reload page

tests/e2e/pageObjects/browser-page.ts

@@ -108,7 +108,6 @@ export class BrowserPage extends InstancePage {
     loadAllBtn = Selector('[data-testid=load-all-value-btn]');
     downloadAllValueBtn = Selector('[data-testid=download-all-value-btn]');
     openTutorialsBtn = Selector('[data-testid=explore-msg-btn]');
-    exploreRedisBtn = Selector('[data-testid=explore-redis-btn]');
     //CONTAINERS
     streamGroupsContainer = Selector('[data-testid=stream-groups-container]');
     streamConsumersContainer = Selector('[data-testid=stream-consumers-container]');
@@ -266,7 +265,6 @@ export class BrowserPage extends InstancePage {
     keyListItem = Selector('[role=rowgroup] [role=row]');
     // Dialog
     noReadySearchDialogTitle = Selector('[data-testid=welcome-page-title]');
-    closeDialogButton = Selector('[class*=euiModal__closeIcon]');
 
     //Get Hash key field ttl value
     //for Redis databases 7.4 and higher

tests/e2e/pageObjects/components/common/modal.ts

@@ -0,0 +1,5 @@
+import { Selector } from 'testcafe';
+
+export class Modal {
+    closeModalButton = Selector('[class*=euiModal__closeIcon]');
+}

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

@@ -6,7 +6,6 @@ import { ExploreTab } from './explore-tab';
 export class InsightsPanel {
     // CONTAINERS
     sidePanel = Selector('[data-testid=side-panels-insights]');
-    explorePanelButton = Selector('[data-testid=insights-trigger]');
     closeButton = Selector('[data-testid=close-insights-btn]');
     activeTab = Selector('[class*=euiTab-isSelected]');
 
@@ -18,24 +17,13 @@ export class InsightsPanel {
 
     activeTabMask = '[class*=euiTab-isSelected]';
 
-    /**
-     * Open/Close  Panel
-     * @param state State of panel
-     */
-    async togglePanel(state: boolean): Promise<void> {
-        const isPanelExists = await this.sidePanel.exists;
-
-        if (state !== isPanelExists) {
-            await t.click(this.explorePanelButton);
-        }
-    }
-
     /**
      * get active tab
      */
     async getActiveTabName(): Promise<string> {
         return (this.sidePanel.find(this.activeTabMask)).textContent;
     }
+
     /**
      * Click on Panel tab
      * @param type of the tab
@@ -64,5 +52,4 @@ export class InsightsPanel {
     getInsightsPanel(): Selector {
         return Selector('[class=euiButton__text]').withExactText(ExploreTabs.Tips);
     }
-
 }

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

@@ -0,0 +1,19 @@
+import { t, Selector } from 'testcafe';
+import { InsightsPanel } from '../insights-panel';
+
+export class NavigationHeader {
+    insightsTriggerButton = Selector('[data-testid=insights-trigger]');
+    cloudSignInButton = Selector('[data-testid=cloud-sign-in-btn]');
+
+    /**
+     * Open/Close  Panel
+     * @param state State of panel
+     */
+    async togglePanel(state: boolean): Promise<void> {
+        const isPanelExists = await (new InsightsPanel()).sidePanel.exists;
+
+        if (state !== isPanelExists) {
+            await t.click(this.insightsTriggerButton);
+        }
+    }
+}

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

@@ -17,8 +17,6 @@ export class RdiHeader {
     importInput = Selector('[data-testid=import-file-modal-filepicker]');
     confirmUploadingPipelineBatton = Selector('[data-testid=submit-btn]');
 
-    cloudSignInButton = Selector('[data-testid=cloud-sign-in-btn]');
-
     /**
      * Import pipeline
      * @param filePath the name if the file

tests/e2e/pageObjects/dialogs/authorization-dialog.ts

@@ -0,0 +1,10 @@
+import { Selector } from 'testcafe';
+
+export class AuthorizationDialog {
+    //COMPONENTS
+    authDialog = Selector('[data-testid=social-oauth-dialog]');
+    //BUTTONS
+    googleAuth = Selector('[data-testid=google-oauth]');
+    gitHubAuth = Selector('[data-testid=github-oauth]');
+    ssoAuth = Selector('[data-testid=sso-oauth]');
+}

tests/e2e/pageObjects/dialogs/user-agreement-dialog.ts

@@ -30,7 +30,7 @@ export class UserAgreementDialog {
     /**
      * Get state of Recommended switcher
      */
-    async getRecommendedSwitcherValue(): Promise<string> {
+    async getRecommendedSwitcherValue(): Promise<string | null> {
         return await this.recommendedSwitcher.getAttribute('aria-checked');
     }
 }

tests/e2e/pageObjects/instance-page.ts

@@ -3,11 +3,13 @@ import { Profiler, Cli, CommandHelper } from './components/bottom-panel';
 import { OverviewPanel } from './components/overview-panel';
 import { InsightsPanel } from './components/insights-panel';
 import { MonacoEditor } from './components/monaco-editor';
+import { NavigationHeader } from './components/navigation/navigation-header';
 export class InstancePage extends BasePage {
     Profiler = new Profiler();
     Cli = new Cli();
     CommandHelper = new CommandHelper();
     OverviewPanel = new OverviewPanel();
     InsightsPanel = new InsightsPanel();
     MonacoEditor = new MonacoEditor();
+    NavigationHeader = new NavigationHeader();
 }