test: add e2e tests for re-opening file in presentation viewer (#11)

Author: anon-pradip

tests/e2e/config.js

@@ -10,7 +10,7 @@ const config = {
   minTimeout: parseInt(process.env.MIN_TIMEOUT) || 5,
   headless: process.env.HEADLESS === 'true',
   debug: process.env.DEBUG === 'true',
-  targetServer: process.env.TARGET_SERVER.toLowerCase() || 'ocis'
+  targetServer: (process.env.TARGET_SERVER || 'ocis').toLowerCase()
 }
 
 module.exports = config

tests/e2e/features/presentationViewer.feature

@@ -9,7 +9,7 @@ Feature: markdown presentation viewer
 
 
   Scenario: preview markdown file in presentation viewer
-    When user "admin" previews a markdown file "test-markdown.md" in presentation viewer
+    When user "admin" previews markdown file "test-markdown.md" in presentation viewer
     Then markdown file "test-markdown.md" should be opened in the presentation viewer
     And the content of the current slide should be "PRESENTATION VIEWER"
     # change slide with button in UI
@@ -21,4 +21,14 @@ Feature: markdown presentation viewer
     When user "admin" navigates to the next slide using keyboard
     Then the content of the current slide should be "An extension for OpenCloud & ownCloud Infinite Scale (oCIS) that allows users to create slide presentations directly from markdown files."
     When user "admin" navigates to the previous slide using keyboard
-    Then the content of the current slide should be "PRESENTATION VIEWER" 
+    Then the content of the current slide should be "PRESENTATION VIEWER"
+
+  Scenario: re-open markdown file in presentation viewer after opening in text editor
+  When user "admin" previews markdown file "test-markdown.md" in presentation viewer
+  Then markdown file "test-markdown.md" should be opened in the presentation viewer
+  And the content of the current slide should be "PRESENTATION VIEWER"
+  When user "admin" opens file "test-markdown.md" in text editor using sidebar panel
+  Then file "test-markdown.md" should be opened in the text editor
+  When user "admin" previews markdown file "test-markdown.md" in presentation viewer using sidebar panel
+  Then markdown file "test-markdown.md" should be opened in the presentation viewer
+  And the content of the current slide should be "PRESENTATION VIEWER"

tests/e2e/pageObjects/FilesPage.js

@@ -1,11 +1,13 @@
 const Ocis = require('./OcisPage')
 const config = require('../config')
+const { openActionFromSidebarPanel } = require('../utils/presentationViewer')
 
 class Files {
   constructor() {
     this.contextMenuBtnSelector = '[class*=-btn-action-dropdown]'
     this.openInPresentationViewerBtnSelector = '.oc-files-actions-presentation-viewer-trigger'
     this.openWithBtnSelector = 'button[id^="oc-files-context-actions-open-with-toggle"]'
+    this.openInTextEditorBtnSelector = '.oc-files-actions-text-editor-trigger'
   }
 
   async openMDFileInPresentationViewer() {
@@ -15,6 +17,16 @@ class Files {
     }
     await page.click(this.openInPresentationViewerBtnSelector)
   }
+
+  async openMDFileInTextEditorUsingSidebarPanel(fileName) {
+    await openActionFromSidebarPanel()
+    await page.click(this.openInTextEditorBtnSelector)
+  }
+
+  async openMDFileInPresentationViewerUsingSidebarPanel(fileName) {
+    await openActionFromSidebarPanel()
+    await page.click(this.openInPresentationViewerBtnSelector)
+  }
 }
 
 module.exports = Files

tests/e2e/pageObjects/PresentationViewerPage.js

@@ -5,6 +5,10 @@ class PresentationViewer {
     this.currentSlideSelector = '#presentation-viewer-main section.present'
     this.navigateNextSlideSelector = 'button[aria-label="next slide"]'
     this.navigatePreviousSlideSelector = 'button[aria-label="previous slide"]'
+    this.textEditorContainerSelector = '#text-editor-container'
+    this.sidebarPanelSelector = '#app-sidebar'
+    this.sidebarToggleBtnSelector = '#files-toggle-sidebar'
+    this.actionsMenuSelector = '#sidebar-panel-actions-select'
   }
 
   async getCurrentSlideContent() {

tests/e2e/stepDefinitions/presentationViewerContext.js

@@ -26,7 +26,7 @@ Given('user {string} has logged in', async function (user) {
 })
 
 When(
-  'user {string} previews a markdown file {string} in presentation viewer',
+  'user {string} previews markdown file {string} in presentation viewer',
   async function (user, fileName) {
     await files.openMDFileInPresentationViewer()
   }
@@ -59,3 +59,21 @@ Then('the content of the current slide should be {string}', async function (cont
   const currentSlideContent = await presentationViewer.getCurrentSlideContent()
   await expect(currentSlideContent).toBe(content)
 })
+
+When(
+  'user {string} opens file {string} in text editor using sidebar panel',
+  async function (user, fileName) {
+    await files.openMDFileInTextEditorUsingSidebarPanel(fileName)
+  }
+)
+
+When(
+  'user {string} previews markdown file {string} in presentation viewer using sidebar panel',
+  async function (user, fileName) {
+    await files.openMDFileInPresentationViewerUsingSidebarPanel(fileName)
+  }
+)
+
+Then('file {string} should be opened in the text editor', async function (fileName) {
+  await expect(page.locator(presentationViewer.textEditorContainerSelector)).toBeVisible()
+})

tests/e2e/utils/presentationViewer.js

@@ -0,0 +1,20 @@
+const PresentationViewer = require('../pageObjects/PresentationViewerPage')
+
+const presentationViewerPage = new PresentationViewer()
+
+const sidebarPanelOpen = async () => {
+  return await page.locator(presentationViewerPage.sidebarPanelSelector).isVisible()
+}
+
+const openSidebarPanel = async () => {
+  if (!(await sidebarPanelOpen())) {
+    await page.click(presentationViewerPage.sidebarToggleBtnSelector)
+  }
+}
+
+const openActionFromSidebarPanel = async () => {
+  await openSidebarPanel()
+  await page.click(presentationViewerPage.actionsMenuSelector)
+}
+
+module.exports = { sidebarPanelOpen, openSidebarPanel, openActionFromSidebarPanel }