Install Playwright

Signed-off-by: Hank <hank@mullvad.net>

2 files changed, 97 insertions, 0 deletions

diff --git a/gui/package-lock.json b/gui/package-lock.json
index bda9bbaab7..3a7c6bb2a3 100644
--- a/gui/package-lock.json
+++ b/gui/package-lock.json
@@ -27,6 +27,7 @@
         "styled-components": "^5.1.1"
       },
       "devDependencies": {
+        "@playwright/test": "^1.25.1",
         "@types/chai": "^4.1.7",
         "@types/chai-as-promised": "^7.1.0",
         "@types/chai-spies": "^1.0.0",
@@ -59,6 +60,7 @@
         "electron-devtools-installer": "^3.2.0",
         "electron-mocha": "^11.0.2",
         "electron-notarize": "^0.1.1",
+        "electron-playwright-helpers": "^1.2.0",
         "eslint": "^7.27.0",
         "eslint-plugin-prettier": "^3.4.0",
         "eslint-plugin-react": "^7.23.2",
@@ -69,6 +71,8 @@
         "gulp-inject-string": "^1.1.2",
         "gulp-sourcemaps": "^2.6.5",
         "gulp-typescript": "^5.0.1",
+        "playwright": "^1.25.1",
+        "playwright-core": "^1.25.1",
         "prettier": "^2.2.1",
         "semver": "^7.3.2",
         "sinon": "^7.1.1",
@@ -1055,6 +1059,22 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@playwright/test": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.25.1.tgz",
+      "integrity": "sha512-IJ4X0yOakXtwkhbnNzKkaIgXe6df7u3H3FnuhI9Jqh+CdO0e/lYQlDLYiyI9cnXK8E7UAppAWP+VqAv6VX7HQg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "playwright-core": "1.25.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@protobufjs/aspromise": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
@@ -5346,6 +5366,15 @@
         "node": ">=0.6.0"
       }
     },
+    "node_modules/electron-playwright-helpers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/electron-playwright-helpers/-/electron-playwright-helpers-1.2.0.tgz",
+      "integrity": "sha512-4xBbfsrmv+OWo9aWY+jGD6xGIbgcoaGvzsBHyWCotA3sRs0MhU8E/QdrC120kyiuEu2IY/lYSb/Uf5NefFfiwg==",
+      "dev": true,
+      "dependencies": {
+        "asar": "^3.1.0"
+      }
+    },
     "node_modules/electron-publish": {
       "version": "23.3.0",
       "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-23.3.0.tgz",
@@ -10807,6 +10836,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.25.1.tgz",
+      "integrity": "sha512-kOlW7mllnQ70ALTwAor73q/FhdH9EEXLUqjdzqioYLcSVC4n4NBfDqeCikGuayFZrLECLkU6Hcbziy/szqTXSA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "playwright-core": "1.25.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.25.1.tgz",
+      "integrity": "sha512-lSvPCmA2n7LawD2Hw7gSCLScZ+vYRkhU8xH0AapMyzwN+ojoDqhkH/KIEUxwNu2PjPoE/fcE0wLAksdOhJ2O5g==",
+      "dev": true,
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/plist": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/plist/-/plist-3.0.6.tgz",
@@ -15017,6 +15074,16 @@
         "fastq": "^1.6.0"
       }
     },
+    "@playwright/test": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.25.1.tgz",
+      "integrity": "sha512-IJ4X0yOakXtwkhbnNzKkaIgXe6df7u3H3FnuhI9Jqh+CdO0e/lYQlDLYiyI9cnXK8E7UAppAWP+VqAv6VX7HQg==",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "playwright-core": "1.25.1"
+      }
+    },
     "@protobufjs/aspromise": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
@@ -18574,6 +18641,15 @@
         }
       }
     },
+    "electron-playwright-helpers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/electron-playwright-helpers/-/electron-playwright-helpers-1.2.0.tgz",
+      "integrity": "sha512-4xBbfsrmv+OWo9aWY+jGD6xGIbgcoaGvzsBHyWCotA3sRs0MhU8E/QdrC120kyiuEu2IY/lYSb/Uf5NefFfiwg==",
+      "dev": true,
+      "requires": {
+        "asar": "^3.1.0"
+      }
+    },
     "electron-publish": {
       "version": "23.3.0",
       "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-23.3.0.tgz",
@@ -22854,6 +22930,21 @@
         "pinkie": "^2.0.0"
       }
     },
+    "playwright": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.25.1.tgz",
+      "integrity": "sha512-kOlW7mllnQ70ALTwAor73q/FhdH9EEXLUqjdzqioYLcSVC4n4NBfDqeCikGuayFZrLECLkU6Hcbziy/szqTXSA==",
+      "dev": true,
+      "requires": {
+        "playwright-core": "1.25.1"
+      }
+    },
+    "playwright-core": {
+      "version": "1.25.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.25.1.tgz",
+      "integrity": "sha512-lSvPCmA2n7LawD2Hw7gSCLScZ+vYRkhU8xH0AapMyzwN+ojoDqhkH/KIEUxwNu2PjPoE/fcE0wLAksdOhJ2O5g==",
+      "dev": true
+    },
     "plist": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/plist/-/plist-3.0.6.tgz",
diff --git a/gui/package.json b/gui/package.json
index cf2efa49de..c185985378 100644
--- a/gui/package.json
+++ b/gui/package.json
@@ -33,6 +33,7 @@
     "nseventmonitor": "^1.0.2"
   },
   "devDependencies": {
+    "@playwright/test": "^1.25.1",
     "@types/chai": "^4.1.7",
     "@types/chai-as-promised": "^7.1.0",
     "@types/chai-spies": "^1.0.0",
@@ -65,6 +66,7 @@
     "electron-devtools-installer": "^3.2.0",
     "electron-mocha": "^11.0.2",
     "electron-notarize": "^0.1.1",
+    "electron-playwright-helpers": "^1.2.0",
     "eslint": "^7.27.0",
     "eslint-plugin-prettier": "^3.4.0",
     "eslint-plugin-react": "^7.23.2",
@@ -75,6 +77,8 @@
     "gulp-inject-string": "^1.1.2",
     "gulp-sourcemaps": "^2.6.5",
     "gulp-typescript": "^5.0.1",
+    "playwright": "^1.25.1",
+    "playwright-core": "^1.25.1",
     "prettier": "^2.2.1",
     "semver": "^7.3.2",
     "sinon": "^7.1.1",
@@ -90,6 +94,8 @@
     "build-proto": "gulp build-proto",
     "lint": "eslint --ext tsx,ts .",
     "format": "prettier \"**/*.{js,css,ts,tsx}\" --write",
+    "tsc": "tsc -p . --noEmit",
+    "e2e": "playwright test --workers=1",
     "develop": "gulp develop",
     "test": "cross-env NODE_ENV=test electron-mocha --renderer --reporter spec --require ts-node/register --require \"test/setup/renderer.ts\" \"test/**/*.{ts,tsx}\"",
     "update-translations": "node scripts/extract-translations",