chore: migrate to chromatic for CI testing

Signed-off-by: Ulises Gascon <ulisesgascongonzalez@gmail.com>

Author: UlisesGascon

.github/workflows/playwright.yml

@@ -17,15 +17,18 @@ jobs:
 
     steps:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 #v5
+        with:
+          fetch-depth: 0
       - uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 #v5
         with:
           node-version: 22
 
       - name: Install dependencies
         run: |
           yarn install --frozen-lockfile
-          yarn add -D @playwright/test@latest
-          npx playwright install --with-deps
+          yarn add -D @playwright/test chromatic @chromatic-com/playwright
 
       - name: Run Playwright tests
-        run: npx playwright test
+        run: yarn chromatic --playwright --project-token="$CHROMATIC_PROJECT_TOKEN"
+        env:
+          CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

scorecards-site/README.md

@@ -37,8 +37,7 @@ To run tests locally, you must install Playwright manually and avoid committing
 ### Temporary local installation
 
 ```sh
-yarn add -D @playwright/test@latest
-yarn playwright install --with-deps
+yarn add -D @playwright/test chromatic @chromatic-com/playwright
 ```
 
 These changes are temporary and should not be committed.

scorecards-site/tests-e2e/home.spec.js

@@ -1,7 +1,7 @@
 // @ts-check
 import path from 'path'
 import fs from 'fs'
-import { test, expect } from '@playwright/test'
+import { test, expect } from '@chromatic-com/playwright'
 
 const mockRepoDataPath = path.resolve(
   __dirname,

scorecards-site/tests-e2e/viewer.spec.js

@@ -1,7 +1,7 @@
 // @ts-check
 import path from 'path'
 import fs from 'fs'
-import { test, expect } from '@playwright/test'
+import { test, expect } from '@chromatic-com/playwright'
 
 const mockScorecardDataPath = path.resolve(
   __dirname,