webcomponents
diff --git a/‎libraries/__shared__/tests/playwright.config.js‎
Lines changed: 15 additions & 5 deletions b/‎libraries/__shared__/tests/playwright.config.js‎
Lines changed: 15 additions & 5 deletions
diff --git a/‎libraries/hybrids/index.html‎
Lines changed: 19 additions & 0 deletions b/‎libraries/hybrids/index.html‎
Lines changed: 19 additions & 0 deletions
diff --git a/‎libraries/hybrids/karma.conf.js‎
Lines changed: 0 additions & 84 deletions b/‎libraries/hybrids/karma.conf.js‎
Lines changed: 0 additions & 84 deletions
diff --git a/‎libraries/hybrids/package.json‎
Lines changed: 25 additions & 20 deletions b/‎libraries/hybrids/package.json‎
Lines changed: 25 additions & 20 deletions
diff --git a/‎libraries/hybrids/src/advanced-tests.js‎
Lines changed: 0 additions & 151 deletions b/‎libraries/hybrids/src/advanced-tests.js‎
Lines changed: 0 additions & 151 deletions
@@ -1,8 +1,18 @@
+import fs from 'node:fs'
 import {defineConfig, devices} from '@playwright/test';
 
+const ports = fs.readdirSync('../../', {withFileTypes: true})
+  .filter(d => d.isDirectory() && !d.name.startsWith('__'))
+  .reduce((acc, dir, idx) => {
+    acc[dir.name] = 8080 + idx;
+    return acc;
+  }, {})
+
+const workspace = process.env.CEE_WORKSPACE;
+
 export default defineConfig({
   use: {
-    baseURL: 'http://localhost:8080',
+    baseURL: `http://localhost:${ports[workspace]}`,
   },
   projects: [
     {
@@ -15,18 +25,18 @@ export default defineConfig({
     },
   ],
   webServer: {
-    command: `http-server ../../${process.env.CEE_WORKSPACE}/dist/`,
-    url: 'http://localhost:8080',
+    command: `http-server ../../${workspace}/dist/ -p ${ports[workspace]}`,
+    port: process.env.PORT,
     reuseExistingServer: !process.env.CI,
     stdout: 'ignore',
     stderr: 'pipe'
   },
   reporter: [
     ['list'],
     ['html', {
-      outputFolder: `../../${process.env.CEE_WORKSPACE}/results/`,
+      outputFolder: `../../${workspace}/results/`,
       open: 'never',
-      title: process.env.CEE_WORKSPACE
+      title: workspace
     }],
     ['./reporter.js']
   ]
 
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <meta charset="utf-8" />
+  </head>
+
+  <body>
+    <hybrids-without-children></hybrids-without-children>
+    <hybrids-with-children></hybrids-with-children>
+    <hybrids-with-children-rerender></hybrids-with-children-rerender>
+    <hybrids-with-different-views></hybrids-with-different-views>
+    <hybrids-with-properties></hybrids-with-properties>
+    <hybrids-with-declarative-event></hybrids-with-declarative-event>
+    <hybrids-with-imperative-event></hybrids-with-imperative-event>
+    <script type="module" src="./src/components.js"></script>
+  </body>
+</html>
@@ -1,40 +1,45 @@
 {
   "scripts": {
+    "compile": "wireit",
     "test": "wireit",
     "build": "wireit"
   },
+  "library_package": "hybrids",
   "library_repo": "hybridsjs/hybrids",
   "devDependencies": {
-    "babel-core": "6.26.3",
-    "babel-loader": "9.2.1",
-    "chai": "4.5.0",
-    "copy-webpack-plugin": "11.0.0",
-    "cross-env": "7.0.3",
-    "karma": "6.4.4",
-    "karma-chrome-launcher": "3.2.0",
-    "karma-firefox-launcher": "2.1.3",
-    "karma-sourcemap-loader": "0.4.0",
-    "karma-webpack": "5.0.1",
-    "webpack": "5.101.0"
+    "vite": "^7.2.2"
   },
   "dependencies": {
-    "hybrids": "4.3.4"
+    "hybrids": "9.1.20",
+    "wc": "workspace:*"
   },
   "wireit": {
-    "test": {
-      "dependencies": [
-        "../..:karma-plugins"
-      ],
+    "compile": {
       "files": [
-        "karma.conf.js",
-        "tests.webpack.js",
+        "index.html",
         "src",
-        "meta"
+        "vite.config.js"
+      ],
+      "output": [
+        "dist"
+      ],
+      "command": "vite build"
+    },
+    "test": {
+      "files": [
+        "dist"
+      ],
+      "dependencies": [
+        "compile",
+        "../__shared__/tests:test-files"
       ],
+      "command": "pnpm run --filter tests test",
       "output": [
         "results"
       ],
-      "command": "cross-env LIBRARY_NAME=hybrids karma start || echo ''"
+      "env": {
+        "CEE_WORKSPACE": "hybrids"
+      }
     },
     "build": {
       "dependencies": [