make playwright as standalone workspace package

frontend/testing/playwright/README.md

@@ -0,0 +1 @@
+# TODO WRITE DOCS!

frontend/testing/playwright/auth.setup.ts → frontend/testing/playwright/integration/auth.setup.ts

@@ -1,5 +1,5 @@
 import { test as setup } from '@playwright/test';
-import { LoginPage } from "./Pages/LoginPage";
+import { LoginPage } from "../pages/LoginPage";
 
 
 setup('authenticate user', async ({page}) => {

frontend/testing/playwright/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "playwright-studio",
+  "private": true,
+  "version": "1.0.0",
+  "packageManager": "[email protected]",
+  "devDependencies": {
+    "@playwright/test": "^1.40.1"
+  },
+  "scripts": {
+    "test:all": "playwright test --config ./playwright.config.ts"
+  }
+}

frontend/testing/playwright/playwright.config.ts

@@ -15,16 +15,16 @@ export default defineConfig({
   },
 
   projects: [
-    { name: 'setup', testMatch: /.*\.setup\.ts/ },
+    { name: "setup", testMatch: /.*\.setup\.ts/ },
     {
       name: 'chromium',
+      dependencies: ['setup'],
       use: {
         ...devices['Desktop Chrome'],
         baseURL: process.env.PLAYWRIGHT_TEST_BASE_URL,
         storageState: '.playwright/auth/user.json',
         headless: false
       },
-      dependencies: ['setup']
     },
   ],
 });

frontend/testing/playwright/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

package.json

@@ -23,7 +23,6 @@
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
-    "@playwright/test": "^1.40.1",
     "@redux-saga/is": "1.1.3",
     "@redux-saga/symbols": "1.1.3",
     "@svgr/webpack": "8.1.0",
@@ -106,7 +105,7 @@
     "test": "jest --maxWorkers=50% --config=frontend/jest.config.js",
     "test:ci": "jest --ci --coverage --max-workers=2 --cacheDirectory=$(yarn config get cacheFolder) --config=frontend/jest.config.js",
     "typecheck": "yarn workspaces foreach -A run typecheck",
-    "playwright-e2e": "playwright test --config ./frontend/testing/playwright/playwright.config.ts"
+    "playwright:test:all": "yarn workspace playwright-studio test:all"
   },
   "syncpack": {
     "semverRange": ""
@@ -121,6 +120,7 @@
     "frontend/studio-root",
     "frontend/testing/mockend",
     "frontend/testing/cypress",
+    "frontend/testing/playwright",
     "frontend/packages/schema-editor",
     "frontend/packages/schema-model",
     "frontend/packages/shared",

yarn.lock

@@ -5579,7 +5579,6 @@ __metadata:
     "@microsoft/applicationinsights-web": "npm:3.0.3"
     "@microsoft/signalr": "npm:7.0.12"
     "@navikt/aksel-icons": "npm:5.9.2"
-    "@playwright/test": "npm:^1.40.1"
     "@redux-saga/is": "npm:1.1.3"
     "@redux-saga/symbols": "npm:1.1.3"
     "@svgr/webpack": "npm:8.1.0"
@@ -13642,6 +13641,14 @@ __metadata:
   languageName: node
   linkType: hard
 
+"playwright-studio@workspace:frontend/testing/playwright":
+  version: 0.0.0-use.local
+  resolution: "playwright-studio@workspace:frontend/testing/playwright"
+  dependencies:
+    "@playwright/test": "npm:^1.40.1"
+  languageName: unknown
+  linkType: soft
+
 "playwright@npm:1.40.1":
   version: 1.40.1
   resolution: "playwright@npm:1.40.1"