[test-only] extract zip test

.drone.star

@@ -19,6 +19,7 @@ APPS = [
 
 E2E_COVERED_APPS = [
     "draw-io",
+    "unzip",
 ]
 
 OCIS_URL = "https://ocis:9200"
@@ -341,6 +342,7 @@ def ocisService():
                 "pnpm build",
                 "mkdir -p /apps",
                 "mv packages/web-app-draw-io/dist /apps/draw-io",
+                "mv packages/web-app-unzip/dist /apps/unzip",
             ],
             "volumes": [
                 {

packages/web-app-unzip/tests/e2e/extractZip.spec.ts

@@ -0,0 +1,29 @@
+import { test, Page, expect } from '@playwright/test'
+import { FilesAppBar } from '../../../../support/pages/filesAppBarActions'
+import { FilesPage } from '../../../../support/pages/filesPage'
+import { loginAsUser, logout } from '../../../../support/helpers/authHelper'
+
+let adminPage: Page
+
+test.beforeEach(async ({ browser }) => {
+  const admin = await loginAsUser(browser, 'admin', 'admin')
+  adminPage = admin.page
+})
+
+test.afterEach(async () => {
+  const file = new FilesPage(adminPage)
+  await file.deleteAllFromPersonal()
+  await logout(adminPage)
+})
+
+test('extract zip file', async () => {
+  const uploadFile = new FilesAppBar(adminPage)
+  await uploadFile.uploadFile('data.zip')
+
+  const file = new FilesPage(adminPage)
+  await file.extractZip('data.zip')
+
+  await file.openFolder('data')
+  await expect(adminPage.getByRole('button', { name: 'logo-wide .png' })).toBeVisible()
+  await expect(adminPage.getByRole('link', { name: 'lorem .txt' })).toBeVisible()
+})

packages/web-app-unzip/vite.config.ts

@@ -11,5 +11,8 @@ export default defineConfig({
         entryFileNames: 'unzip.js'
       }
     }
+  },
+  test: {
+    exclude: ['**/e2e/**']
   }
 })

playwright.config.ts

@@ -48,21 +48,21 @@ export default defineConfig({
       testDir: './packages/web-app-draw-io/tests/e2e',
       use: { ...devices['Desktop Safari'], browserName: 'webkit', ignoreHTTPSErrors: true },
     },
-    // {
-    //   name: 'unzip-chromium',
-    //   testDir: './packages/web-app-unzip/tests/e2e',
-    //   use: { ...devices['Desktop Chrome'], browserName: 'chromium', ignoreHTTPSErrors: true },
-    // },
-    // {
-    //   name: 'unzip-firefox',
-    //   testDir: './packages/web-app-unzip/tests/e2e',
-    //   use: { ...devices['Desktop Firefox'], browserName: 'firefox', ignoreHTTPSErrors: true },
-    // },
-    // {
-    //   name: 'unzip-webkit',
-    //   testDir: './packages/web-app-unzip/tests/e2e',
-    //   use: { ...devices['Desktop Safari'], browserName: 'webkit', ignoreHTTPSErrors: true },
-    // },
+    {
+      name: 'unzip-chromium',
+      testDir: './packages/web-app-unzip/tests/e2e',
+      use: { ...devices['Desktop Chrome'], browserName: 'chromium', ignoreHTTPSErrors: true },
+    },
+    {
+      name: 'unzip-firefox',
+      testDir: './packages/web-app-unzip/tests/e2e',
+      use: { ...devices['Desktop Firefox'], browserName: 'firefox', ignoreHTTPSErrors: true },
+    },
+    {
+      name: 'unzip-webkit',
+      testDir: './packages/web-app-unzip/tests/e2e',
+      use: { ...devices['Desktop Safari'], browserName: 'webkit', ignoreHTTPSErrors: true },
+    },
 
     /* Test against mobile viewports. */
     // {

support/pages/appSwitcher.ts

@@ -1,4 +1,4 @@
-import { Locator, Page, expect } from '@playwright/test'
+import { Locator, Page } from '@playwright/test'
 
 export class AppSwitcher {
   readonly page: Page

support/pages/filesAppBarActions.ts

@@ -0,0 +1,32 @@
+import { Locator, Page } from '@playwright/test'
+import path from 'path'
+
+export class FilesAppBar {
+  readonly page: Page
+  readonly uploadBtn: Locator
+  readonly uploadFileBtn: Locator
+
+  constructor(page: Page) {
+    this.page = page
+    this.uploadBtn = this.page.locator('#upload-menu-btn')
+    this.uploadFileBtn = this.page.locator('#files-file-upload-input')
+  }
+
+  async uploadFile(file: string) {
+    await this.uploadBtn.click()
+    const realPath = path.join('./support/filesForUpload', file)
+
+    let uploadAction: Promise<void> = this.uploadFileBtn.setInputFiles(path.resolve(realPath))
+
+    await Promise.all([
+      this.page.waitForResponse(
+        (resp) =>
+          [201, 204].includes(resp.status()) &&
+          ['POST', 'PUT', 'PATCH'].includes(resp.request().method())
+      ),
+      uploadAction
+    ])
+    // close upload menu. Sometimes it hangs
+    await this.page.keyboard.press('Escape')
+  }
+}

support/pages/filesPage.ts

@@ -0,0 +1,44 @@
+import { Locator, Page } from '@playwright/test'
+
+export class FilesPage {
+  readonly page: Page
+  readonly uploadBtn: Locator
+  readonly extractHereBtnBtn: Locator
+  readonly selectAllCheckbox: Locator
+
+
+  constructor(page: Page) {
+    this.page = page
+    this.extractHereBtnBtn = this.page.locator('.context-menu .oc-files-actions-unzip-archive')
+    this.selectAllCheckbox = this.page.getByLabel('Select all')
+  }
+
+  getResourceNameSelector(resource: string): Locator {
+    return this.page.locator(`#files-space-table [data-test-resource-name="${resource}"]`);
+  }
+
+  async extractZip(file: string) {
+    const fileLocator = this.getResourceNameSelector(file)
+    await fileLocator.click({ button: 'right' })
+
+    await Promise.all([
+      this.page.waitForResponse(
+        (resp) =>
+          resp.status() === 201 &&
+          resp.request().method() === 'MKCOL'
+      ),
+      this.extractHereBtnBtn.click()
+    ])
+  }
+
+  async deleteAllFromPersonal() {
+    await this.page.getByRole('link', { name: 'Navigate to personal files' }).click();
+    await this.selectAllCheckbox.check();
+    await this.page.getByRole('button', { name: 'Delete' }).click()
+  }
+
+  async openFolder(folder: string) {
+    const folderLocator = this.getResourceNameSelector(folder)
+    await folderLocator.click()
+  }
+}