Merge pull request #4116 from RedisInsight/e2e/feature/RI-6321_collapse-my-tutorials

e2e/feature/RI-6321_collapse-my-tutorials

Author: vlad-dargel

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

@@ -57,11 +57,11 @@ export class ExploreTab {
      * Run code
      * @param block Name of the block
      */
-    async   runBlockCode(block: string): Promise<void> {
+    async runBlockCode(block: string): Promise<void> {
         const runButton = Selector(this.runMask.replace(/\$name/g, block));
         await t.scrollIntoView(runButton);
         await t.click(runButton);
-        if(await this.tutorialPopoverConfirmRunButton.exists){
+        if (await this.tutorialPopoverConfirmRunButton.exists) {
             await t.click(this.tutorialPopoverConfirmRunButton);
         }
     }
@@ -149,4 +149,15 @@ export class ExploreTab {
     getTutorialByName(name: string): Selector {
         return Selector('div').withText(name);
     }
+
+    /**
+     * Expand/Collapse My tutorial Panel
+     * @param state State of panel
+     */
+    async toggleMyTutorialPanel(state: boolean = true): Promise<void> {
+        const currentState = await this.customTutorials.getAttribute('aria-expanded') === 'true';
+        if (currentState !== state) {
+            await t.click(this.customTutorials);
+        }
+    }
 }

tests/e2e/tests/web/regression/insights/import-tutorials.e2e.ts

@@ -73,6 +73,11 @@ test
         const tutorials = await browserPage.InsightsPanel.setActiveTab(ExploreTabs.Tutorials);
 
         await t.expect(tutorials.customTutorials.visible).ok('custom tutorials sections is not visible');
+        // Verify that user can see "My Tutorials" tab is collapsed by default in tutorials
+        await t.expect(tutorials.customTutorials.getAttribute('aria-expanded')).eql('false', 'My tutorials not closed by default');
+
+        // Expand My tutorials
+        await tutorials.toggleMyTutorialPanel();
         await t.click(tutorials.tutorialOpenUploadButton);
         await t.expect(tutorials.tutorialSubmitButton.hasAttribute('disabled')).ok('submit button is not disabled');
 
@@ -138,6 +143,7 @@ test
 
         await workbenchPage.NavigationHeader.togglePanel(true);
         const tutorials = await workbenchPage.InsightsPanel.setActiveTab(ExploreTabs.Tutorials);
+        await tutorials.toggleMyTutorialPanel();
         await t.click(tutorials.tutorialOpenUploadButton);
         // Verify that user can upload tutorials using a URL
         await t.typeText(tutorials.tutorialLinkField, link);
@@ -199,6 +205,7 @@ test
         // Upload custom tutorial
         await workbenchPage.NavigationHeader.togglePanel(true);
         const tutorials = await workbenchPage.InsightsPanel.setActiveTab(ExploreTabs.Tutorials);
+        await tutorials.toggleMyTutorialPanel();
         await t
             .click(tutorials.tutorialOpenUploadButton)
             .setFilesToUpload(tutorials.tutorialImport, [zipFilePath])
@@ -269,6 +276,7 @@ test
         // Upload custom tutorial
         await workbenchPage.NavigationHeader.togglePanel(true);
         const tutorials = await workbenchPage.InsightsPanel.setActiveTab(ExploreTabs.Tutorials);
+        await tutorials.toggleMyTutorialPanel();
         await t
             .click(tutorials.tutorialOpenUploadButton)
             .setFilesToUpload(tutorials.tutorialImport, [zipFilePath])