Upload test failure artifacts in CI (#3998)

* Upload test failure screenshots and traces in CI

* make a test fail for demo

* remove demo

* run tests until I find that flaky test

* disable timeout

* cleanup

* upload `.vitest-attachments`, test it

* run upload action after visual tests

* revert diff test change

Author: nstepien

.github/workflows/ci.yml

@@ -44,6 +44,17 @@ jobs:
       - name: Visual regression test
         run: node --run visual
 
+      - name: Upload test failure artifacts
+        if: failure()
+        uses: actions/upload-artifact@v7
+        with:
+          name: test-artifacts
+          path: |
+            test/browser/**/__screenshots__/**
+            test/browser/**/__traces__/**
+            .vitest-attachments/test/**/*
+          if-no-files-found: ignore
+
       - name: Upload coverage
         uses: codecov/codecov-action@v5
         with:

vite.config.ts

@@ -127,8 +127,7 @@ export default defineConfig(
               commands: { resizeColumn, dragFill },
               viewport,
               headless: true,
-              ui: false,
-              screenshotFailures: !isCI
+              ui: false
             },
             setupFiles: ['test/browser/styles.css', 'test/setupBrowser.ts', 'test/failOnConsole.ts']
           }