load chromatic e2e to new project

Author: pettinarip

.github/workflows/playwright.yml

@@ -77,7 +77,7 @@ jobs:
       - name: Run Chromatic
         uses: chromaui/action@latest
         with:
-          projectToken: fee8e66c9916
+          projectToken: chpt_7691c1ff8d1f07d
           playwright: true
           exitZeroOnChanges: true
           forceRebuild: true

chromatic.config.json

@@ -1,6 +1,7 @@
 {
+  "$schema": "https://www.chromatic.com/config-file.schema.json",
   "projectId": "Project:6629cd26b1440f2cc20b94c0",
   "zip": true,
   "buildScriptName": "build-storybook:chromatic",
   "onlyChanged": true
-}
+}

package.json

@@ -16,7 +16,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build-storybook:chromatic": "storybook build --test",
-    "chromatic": "CHROMATIC_ARCHIVE_LOCATION=tests/e2e/__results__ chromatic --project-token fee8e66c9916",
+    "chromatic": "chromatic --project-token fee8e66c9916",
     "crowdin-clean": "rm -rf .crowdin && mkdir .crowdin",
     "crowdin-import": "ts-node src/scripts/crowdin-import.ts",
     "markdown-checker": "ts-node -O '{ \"module\": \"commonjs\" }' src/scripts/markdownChecker.ts",
@@ -26,7 +26,8 @@
     "test:e2e": "playwright test",
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:debug": "playwright test --debug",
-    "test:e2e:report": "playwright show-report"
+    "test:e2e:report": "playwright show-report",
+    "test:e2e:chromatic": "chromatic --playwright --project-token chpt_7691c1ff8d1f07d"
   },
   "dependencies": {
     "@crowdin/crowdin-api-client": "^1.25.0",

tests/e2e/home.spec.ts

@@ -8,7 +8,7 @@ test.describe("Homepage", () => {
 
     await expect(page).toHaveTitle(/Ethereum.org/)
 
-    await takeSnapshot(page, "Page loaded", testInfo)
+    await takeSnapshot(page, "initial-load", testInfo)
   })
 
   test("search functionality", async ({ page }) => {
@@ -48,7 +48,7 @@ test.describe("Homepage", () => {
 
     await page.goto("/")
 
-    await takeSnapshot(page, "Mobile page loaded", testInfo)
+    await takeSnapshot(page, "mobile-initial-load", testInfo)
 
     const nav = page.getByRole("navigation", { name: "Primary" })
     const menuButton = nav.getByRole("button", {
@@ -59,7 +59,7 @@ test.describe("Homepage", () => {
     // Open the mobile menu
     await menuButton.click()
 
-    await takeSnapshot(page, "Mobile menu opened", testInfo)
+    await takeSnapshot(page, "mobile-menu-opened", testInfo)
 
     // Check that navigation links are visible in the mobile menu
     const sidebar = page.getByRole("dialog", { name: /ethereum.org/i })