ci: replace protractor with playwright

Author: barmac

.github/workflows/CI.yml

@@ -28,5 +28,7 @@ jobs:
           ${{ runner.OS }}-
     - name: Install dependencies
       run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
     - name: Build
       run: npm run all

bpmn-js-app/.gitignore

@@ -42,3 +42,7 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

bpmn-js-app/angular.json

@@ -109,44 +109,6 @@
           }
         }
       }
-    },
-    "bpmn-js-angular-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "bpmn-js-angular:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "bpmn-js-angular:serve:production"
-            }
-          }
-        }
-      }
-    },
-    "bpmn-js-angular-e2e-ci": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor-ci.conf.js",
-            "devServerTarget": "bpmn-js-angular:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "bpmn-js-angular:serve:production"
-            }
-          }
-        }
-      }
     }
   },
   "cli": {

bpmn-js-app/e2e/app.spec.ts

@@ -0,0 +1,16 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('workspace-project App', () => {
+
+  test('should display diagram', async ({ page }) => {
+
+    // when
+    await page.goto('/');
+
+    // then
+    const element = await page.$('app-root .diagram-container');
+
+    expect(element).not.toBeNull();
+  })
+
+});