Remove Playwright and Puppeteer dependencies from extractor package and update Playwright configuration for improved test management

Author: 1aron

packages/extractor.vite/package.json

@@ -60,8 +60,6 @@
         "@master/css-extractor": "workspace:^"
     },
     "devDependencies": {
-        "@playwright/test": "^1.49.1",
-        "puppeteer-core": "^23.10.3",
         "shared": "workspace:^"
     }
 }

packages/vue/e2e/playwright-ct.config.ts

@@ -1,15 +1,34 @@
 import { defineConfig, devices } from '@playwright/experimental-ct-vue'
 
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
 export default defineConfig({
     testDir: './',
-    timeout: 15000,
+    /* The base directory, relative to the config file, for snapshot files created with toMatchSnapshot and toHaveScreenshot. */
+    snapshotDir: './__snapshots__',
+    /* Maximum time one test can run for. */
+    timeout: 10 * 1000,
+    /* Run tests in files in parallel */
     fullyParallel: true,
+    /* Fail the build on CI if you accidentally left test.only in the source code. */
     forbidOnly: !!process.env.CI,
+    /* Retry on CI only */
+    retries: process.env.CI ? 2 : 0,
+    /* Opt out of parallel tests on CI. */
     workers: process.env.CI ? 1 : undefined,
-    reporter: 'list',
+    /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+    reporter: 'html',
+    /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
     use: {
+        /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+        trace: 'on-first-retry',
+
+        /* Port to use for Playwright component endpoint. */
         ctPort: 3100,
     },
+
+    /* Configure projects for major browsers */
     projects: [
         {
             name: 'chromium',
@@ -24,4 +43,4 @@ export default defineConfig({
             use: { ...devices['Desktop Safari'] },
         },
     ],
-})
+})