chore: setup playwright

WIP: will refactors tests one by one and rename the e2e-playwright folder to e2e after its done

Author: mahdikhashan

package-lock.json

@@ -41,6 +41,7 @@
     "test:coverage": "npm run test:only -- --coverage",
     "test:watch": "npm run test:coverage --watch",
     "test": "npm run test:coverage",
+    "test:playwright": "npx playwright test",
     "pretest": "npm run lint",
     "prepare": "husky && npm run build",
     "release": "standard-version"
@@ -86,6 +87,7 @@
     "@babel/runtime": "^7.22.5",
     "@commitlint/cli": "^19.0.3",
     "@commitlint/config-conventional": "^19.0.3",
+    "@playwright/test": "^1.42.0",
     "@types/compression": "^1.7.2",
     "@types/default-gateway": "^3.0.1",
     "@types/node": "^20.11.16",

package.json

@@ -0,0 +1,29 @@
+"use strict";
+
+const CI = false;
+
+module.exports = {
+  testDir: "./test/e2e-playwright",
+  // however this can have benefits, in tests I couldn't start a server on multiple ports
+  // for tests "stats-refactored.test.js" the port is read from "ports-map.js" file somehow
+  // I should manage to handle it if I want to run the tests in parallel mode
+  fullyParallel: false,
+  forbidOnly: !!CI,
+  retries: CI ? 2 : 0,
+  workers: 1,
+  reporter: "html",
+  use: {
+    trace: "on-first-retry",
+  },
+  projects: [
+    {
+      name: "chromium",
+      use: {
+        browserName: "chromium",
+        launchOptions: {
+          args: ["--ignore-certificate-errors"],
+        },
+      },
+    },
+  ],
+};