test: add .test directory for the snapshots

.github/workflows/playwright.yml

@@ -21,4 +21,4 @@ jobs:
       - name: Install Playwright Browsers
         run: pnpm exec playwright install --with-deps
       - name: Run Playwright tests
-        run: pnpm exec playwright test
+        run: pnpm exec playwright test --ignore-snapshots

.gitignore

@@ -26,3 +26,4 @@ yarn-error.log*
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+.test/

playwright.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig, devices } from "@playwright/test";
-
+const isCI = !!process.env.CI;
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
@@ -14,7 +14,19 @@ export default defineConfig({
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: "html",
+  outputDir: ".test/spec/output",
+  snapshotPathTemplate:
+    ".test/spec/snaps/{projectName}/{testFilePath}/{arg}{ext}",
+  reporter: [
+    [
+      "html",
+      {
+        outputFolder: ".test/spec/results",
+        open: "never"
+      }
+    ],
+    isCI ? ["github"] : ["line"]
+  ],
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */