Merge pull request #41 from axonivy/playwright

Playwright

.gitignore

@@ -1,3 +1,4 @@
 dist/
 node_modules/
 target/
+/playwright-report/

.nvmrc

@@ -0,0 +1 @@
+18

build/Dockerfile

@@ -1,3 +1,9 @@
-FROM node:18.17.1-bookworm
+FROM mcr.microsoft.com/playwright:v1.40.1-jammy
+
+RUN apt-get update &&\
+  apt-get install software-properties-common -y &&\
+  apt-add-repository universe -y &&\
+  apt-get update &&\
+  apt-get install openjdk-17-jdk maven -y
 
 USER node

build/Jenkinsfile

@@ -23,6 +23,18 @@ pipeline {
         }
       }
     }
+    stage('NPM:test') {
+      steps {
+        script {
+          catchError(buildResult: 'UNSTABLE', stageResult: 'UNSTABLE') {
+            docker.build('node', '-f build/Dockerfile .').inside {
+              sh 'npm run test'
+            }
+          }
+          archiveArtifacts artifacts: 'playwright-report/**', allowEmptyArchive: false
+        }
+      }
+    }
     stage('Deploy') {
       when {
         expression { isReleaseOrMasterBranch() && currentBuild.changeSets.size() > 0 }

package.json

@@ -8,13 +8,16 @@
   "type": "module",
   "scripts": {
     "start": "vite",
-    "build": "vite build"
+    "build": "vite build",
+    "test": "npx playwright test"
   },
   "dependencies": {
     "swagger-ui": "^5.10.5",
     "vite": "^5.0.11"
   },
   "devDependencies": {
+    "@playwright/test": "^1.40.1",
+    "@types/node": "^20.10.8",
     "prettier": "^3.1.1"
   }
 }

playwright.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig, devices } from '@playwright/test';
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+export default defineConfig({
+  testDir: './tests',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://localhost:5173',
+    trace: 'on-first-retry',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+
+  webServer: {
+    command: 'npm run start',
+    url: 'http://localhost:5173',
+    stdout: 'pipe',
+    stderr: 'pipe',
+    reuseExistingServer: !process.env.CI,
+  },
+});

tests/swagger.spec.ts

@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('swagger ui renderer', async ({ page }) => {
+  await page.goto('/');
+
+  await expect(page).toHaveTitle(/API Browser/);
+  await expect(page.getByText('Authorize')).toBeVisible();
+});