feat: adds playwright test suite

Author: justin-schroeder

package.json

@@ -27,7 +27,12 @@
     "publish": "node ./build/build.mjs --publish",
     "nuxt:dev": "nuxi dev build/nuxt-playground",
     "cypress:open": "cypress open",
-    "cypress:server": "cd docs && npx vite --config=./vite.config.ts --port=5555"
+    "cypress:server": "cd docs && npx vite --config=./vite.config.ts --port=5555",
+    "playwright:install": "pnpm exec playwright install",
+    "test:e2e": "playwright test",
+    "test:e2e:headed": "playwright test --headed --project=chromium",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:leak": "LEAK_STRICT=1 playwright test -g memory --project=chromium"
   },
   "exports": {
     "./vue": {
@@ -84,6 +89,7 @@
     "chalk": "^5.3.0",
     "consola": "^3.2.3",
     "cypress": "^9.7.0",
+    "@playwright/test": "^1.47.2",
     "execa": "^6.1.0",
     "jiti": "^1.21.6",
     "mlly": "^1.7.1",
@@ -105,5 +111,6 @@
     "vue": "^3.4.38",
     "vue-github-button": "^3.1.3",
     "vue-router": "^4.4.3"
-  }
+  },
+  "packageManager": "[email protected]+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748"
 }

playwright-report/index.html

@@ -0,0 +1,40 @@
+import { defineConfig, devices } from '@playwright/test'
+
+export default defineConfig({
+  testDir: './tests/e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 2 : undefined,
+  reporter: [['list'], ['html', { open: 'never' }]],
+  use: {
+    baseURL: 'http://localhost:5173',
+    trace: 'retain-on-failure',
+    video: 'retain-on-failure',
+    screenshot: 'only-on-failure',
+  },
+  webServer: {
+    command: 'cd docs && vite --config=./vite.config.ts --port=5173',
+    port: 5173,
+    stdout: 'pipe',
+    stderr: 'pipe',
+    reuseExistingServer: !process.env.CI,
+    timeout: 60 * 1000,
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+})
+
+