add playwright

Signed-off-by: Philippe Martin <[email protected]>

Author: feloy

.github/workflows/e2e-tests.yaml

@@ -89,6 +89,7 @@ jobs:
           curl -sL "https://github.com/podman-desktop/podman-desktop/releases/download/v${PD_VERSION}/podman-desktop-${PD_VERSION}.tar.gz" | tar xvz
           # Move the extracted folder to the podman-desktop folder
           mv podman-desktop-${PD_VERSION}/ podman-desktop/
+          echo "PODMAN_DESKTOP_BINARY_PATH=$(pwd)/podman-desktop/podman-desktop" >> $GITHUB_ENV
 
       - name: Execute pnpm in extension
         working-directory: ./kubernetes-dashboard
@@ -110,3 +111,9 @@ jobs:
         working-directory: ./kubernetes-dashboard
         run: |
           ls -laR tests/extension_sources/
+
+      - name: Execute e2e tests
+        working-directory: ./kubernetes-dashboard/tests/playwright
+        env:
+          PODMAN_DESKTOP_BINARY: ${{ env.PODMAN_DESKTOP_BINARY_PATH }}
+        run: pnpm test:e2e

build/Containerfile

@@ -21,7 +21,7 @@ WORKDIR /opt/app-root/extension-source
 
 # copy source code
 COPY --chown=1001:root *.ts /opt/app-root/extension-source/
-COPY --chown=1001:root pnpm-workspace.yaml /opt/app-root/extension-source/
+COPY --chown=1001:root pnpm-workspace-image-build.yaml /opt/app-root/extension-source/pnpm-workspace.yaml
 COPY --chown=1001:root pnpm-lock.yaml /opt/app-root/extension-source/
 COPY --chown=1001:root .gitignore /opt/app-root/extension-source/
 COPY --chown=1001:root package.json /opt/app-root/extension-source/

pnpm-lock.yaml

@@ -0,0 +1,7 @@
+packages:
+  - packages/*
+
+onlyBuiltDependencies:
+  - esbuild
+  - svelte-preprocess
+  - unrs-resolver

pnpm-workspace-image-build.yaml

@@ -1,5 +1,6 @@
 packages:
   - packages/*
+  - 'tests/*'
 
 onlyBuiltDependencies:
   - esbuild

pnpm-workspace.yaml

@@ -0,0 +1,19 @@
+{
+  "name": "kubernetes-dashboard-tests-playwright",
+  "version": "0.12.0-next",
+  "description": "Kubernetes Dashboard extension Playwright E2E tests",
+  "scripts": {
+    "test:e2e:setup": "xvfb-maybe --auto-servernum --server-args='-screen 0 1280x960x24' --",
+    "test:e2e": "npm run test:e2e:setup playwright test src/"
+  },
+  "publisher": "redhat",
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@playwright/test": "^1.51.1",
+    "@podman-desktop/tests-playwright": "^1.23.1",
+    "@types/node": "^22",
+    "typescript": "^5.9.2",
+    "xvfb-maybe": "^0.2.1"
+  },
+  "type": "module"
+}

tests/playwright/package.json

@@ -0,0 +1,40 @@
+/**********************************************************************
+ * Copyright (C) 2024 Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * SPDX-License-Identifier: Apache-2.0
+ ***********************************************************************/
+
+import { defineConfig, devices } from '@playwright/test';
+
+export default defineConfig({
+  outputDir: './output/',
+  workers: 1,
+
+  reporter: [
+    ['list'],
+    ['junit', { outputFile: './output/junit-results.xml' }],
+    ['json', { outputFile: './output/json-results.json' }],
+    ['html', { open: 'never', outputFolder: './output/html-results/' }],
+  ],
+
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+  ],
+});