fix visual tests: use single snapshot set with higher tolerance

Drop platform-specific snapshot directories and the useless
--update-snapshots CI step. Use a single set of snapshots with
maxDiffPixelRatio of 0.15 to account for cross-platform canvas
rendering differences (Linux vs macOS use different graphics
stacks for sub-pixel antialiasing on rotated images).

Author: mosch

.github/workflows/test.yml

@@ -52,9 +52,5 @@ jobs:
       - name: Install Playwright browsers
         run: pnpm --filter react-avatar-editor exec playwright install --with-deps chromium
 
-      - name: Generate visual snapshots (if missing for this platform)
-        run: pnpm --filter react-avatar-editor exec playwright test --update-snapshots
-        continue-on-error: true
-
       - name: Visual regression tests
         run: pnpm --filter react-avatar-editor exec playwright test

packages/lib/playwright.config.ts

@@ -12,11 +12,10 @@ export default defineConfig({
   expect: {
     timeout: 10000,
     toMatchSnapshot: {
-      maxDiffPixelRatio: 0.05,
+      maxDiffPixelRatio: 0.15,
     },
   },
-  snapshotPathTemplate:
-    '{testDir}/__screenshots__/{testFilePath}/{platform}/{arg}{ext}',
+  snapshotPathTemplate: '{testDir}/__screenshots__/{testFilePath}/{arg}{ext}',
   projects: [
     {
       name: 'chromium',