install playwright-msw to enable override of routes in tests

src/Umbraco.Web.UI.Client/package-lock.json

@@ -44,6 +44,7 @@
         "lit-html": "^2.2.7",
         "msw": "^0.44.2",
         "msw-storybook-addon": "^1.6.3",
+        "playwright-msw": "^1.0.0",
         "prettier": "2.7.1",
         "typescript": "^4.7.4",
         "vite": "^3.0.3"
@@ -18700,6 +18701,19 @@
         "node": ">=14"
       }
     },
+    "node_modules/playwright-msw": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/playwright-msw/-/playwright-msw-1.0.0.tgz",
+      "integrity": "sha512-7HBRcMHP2oqwrQZdYOUb6Pj9AWmPgXFqp1lrorNBHWe/E2MEXljBcDBvRCT/8WqRk4QvSIn6P0PRuXlnm8UYjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@playwright/test": ">=1.20.0",
+        "msw": ">=0.44.0"
+      }
+    },
     "node_modules/pnp-webpack-plugin": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",
@@ -39189,6 +39203,13 @@
       "integrity": "sha512-1RoSDe/oTQS1Ct7Pb8i+vcFKbKYpmVIBXk0IUiD8RvCUMnNl7EJF1OSQ9E8TZ5RYamWkW2Psir9e8Doyz1FnhQ==",
       "dev": true
     },
+    "playwright-msw": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/playwright-msw/-/playwright-msw-1.0.0.tgz",
+      "integrity": "sha512-7HBRcMHP2oqwrQZdYOUb6Pj9AWmPgXFqp1lrorNBHWe/E2MEXljBcDBvRCT/8WqRk4QvSIn6P0PRuXlnm8UYjA==",
+      "dev": true,
+      "requires": {}
+    },
     "pnp-webpack-plugin": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",

src/Umbraco.Web.UI.Client/package.json

@@ -69,6 +69,7 @@
     "lit-html": "^2.2.7",
     "msw": "^0.44.2",
     "msw-storybook-addon": "^1.6.3",
+    "playwright-msw": "^1.0.0",
     "prettier": "2.7.1",
     "typescript": "^4.7.4",
     "vite": "^3.0.3"

src/Umbraco.Web.UI.Client/test.ts

@@ -0,0 +1,13 @@
+import { expect, test as base } from '@playwright/test';
+import { createWorkerFixture } from 'playwright-msw';
+
+import { handlers } from './src/mocks/handlers';
+
+import type { MockServiceWorker } from 'playwright-msw';
+const test = base.extend<{
+	worker: MockServiceWorker;
+}>({
+	worker: createWorkerFixture(...handlers),
+});
+
+export { test, expect };