ci: E2E artifact collection was updated

Configured browser screenshots and traces to be written into artifacts/<workspace>.

Updated test workflow to upload Playwright/Vitest artifacts on failures for node 24 runs.

Removed JSON/JUNIT reporter output from e2e runs to keep logs cleaner.

Author: cmath10

.github/workflows/tests.yml

@@ -107,8 +107,8 @@ jobs:
       - name: Run merged coverage
         if: matrix.node-version == '24.x'
         run: |
-          rm -rf coverage .nyc_output
-          mkdir -p coverage/.parts .nyc_output
+          rm -rf coverage .nyc_output artifacts
+          mkdir -p coverage/.parts .nyc_output artifacts
           yarn test --coverage --coverage.provider=istanbul --coverage.reporter=json --coverage.reportsDirectory=coverage/unit
           yarn test:e2e:coverage
           cp coverage/unit/coverage-final.json coverage/.parts/unit.json
@@ -119,6 +119,14 @@ jobs:
           yarn nyc report --reporter=json-summary >/dev/null
           yarn node --experimental-strip-types scripts/show-total-coverage.ts
 
+      - name: Upload Playwright/Vitest artifacts on failure
+        if: failure() && matrix.node-version == '24.x'
+        uses: actions/upload-artifact@v4
+        with:
+          name: playwright-vitest-artifacts-node-24
+          path: artifacts
+          if-no-files-found: ignore
+
       - name: Upload merged coverage artifacts
         if: matrix.node-version == '24.x' && github.event_name == 'push' && github.ref == 'refs/heads/main'
         uses: actions/upload-artifact@v4

.gitignore

@@ -10,6 +10,7 @@
 
 coverage/
 .nyc_output/
+artifacts/
 dist/
 dist-storybook/
 node_modules/

Makefile

@@ -134,7 +134,7 @@ endif
 .PHONY: test-coverage
 test-coverage: node_modules ## Runs merged coverage for unit and Playwright e2e tests
 	$(TARGET_HEADER)
-	@rm -rf coverage $(NYC_OUTPUT_DIR)
+	@rm -rf coverage $(NYC_OUTPUT_DIR) artifacts
 	@mkdir -p $(COVERAGE_PARTS_DIR) $(NYC_OUTPUT_DIR)
 	$(YARN) test --coverage --coverage.provider=istanbul --coverage.reporter=json --coverage.reportsDirectory=$(COVERAGE_UNIT_DIR)
 	$(YARN_PLAYWRIGHT) test:e2e:coverage

m3-react/vitest.config.e2e.ts

@@ -3,22 +3,19 @@ import {
   mergeConfig,
 } from 'vitest/config'
 
+import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
 import { playwright } from '@vitest/browser-playwright'
 
 import viteConfig from './vite.config'
 
-const workspaceRoot = fileURLToPath(new URL('./', import.meta.url))
-const browserProvider = playwright({
-  launchOptions: {
-    // Avoid headless_shell instability in Linux containers.
-    channel: 'chromium',
-  },
-})
+const __parent = fileURLToPath(new URL('../', import.meta.url))
+const __workspace = fileURLToPath(new URL('./', import.meta.url))
+const __artifacts = join(__parent, 'artifacts', 'm3-react')
 
 export default mergeConfig(viteConfig, defineConfig({
-  root: workspaceRoot,
+  root: __workspace,
   test: {
     name: 'm3-react-e2e',
     globals: true,
@@ -27,8 +24,19 @@ export default mergeConfig(viteConfig, defineConfig({
     ],
     browser: {
       enabled: true,
-      provider: browserProvider,
+      provider: playwright({
+        launchOptions: {
+          // Avoid headless_shell instability in Linux containers.
+          channel: 'chromium',
+        },
+      }),
       headless: true,
+      trace: {
+        mode: 'retain-on-failure',
+        tracesDir: join(__artifacts, 'playwright', 'traces'),
+      },
+      screenshotFailures: true,
+      screenshotDirectory: join(__artifacts, 'playwright', 'screenshots'),
       instances: [
         {
           browser: 'chromium',

m3-vue/vitest.config.e2e.ts

@@ -1,24 +1,21 @@
 import {
-  defineProject,
+  defineConfig,
   mergeConfig,
 } from 'vitest/config'
 
+import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
 import { playwright } from '@vitest/browser-playwright'
 
 import viteConfig from './vite.config'
 
-const workspaceRoot = fileURLToPath(new URL('./', import.meta.url))
-const browserProvider = playwright({
-  launchOptions: {
-    // Avoid headless_shell instability in Linux containers.
-    channel: 'chromium',
-  },
-})
+const __parent = fileURLToPath(new URL('../', import.meta.url))
+const __workspace = fileURLToPath(new URL('./', import.meta.url))
+const __artifacts = join(__parent, 'artifacts', 'm3-vue')
 
-export default mergeConfig(viteConfig, defineProject({
-  root: workspaceRoot,
+export default mergeConfig(viteConfig, defineConfig({
+  root: __workspace,
   test: {
     name: 'm3-vue-e2e',
     globals: true,
@@ -27,8 +24,19 @@ export default mergeConfig(viteConfig, defineProject({
     ],
     browser: {
       enabled: true,
-      provider: browserProvider,
+      provider: playwright({
+        launchOptions: {
+          // Avoid headless_shell instability in Linux containers.
+          channel: 'chromium',
+        },
+      }),
       headless: true,
+      trace: {
+        mode: 'retain-on-failure',
+        tracesDir: join(__artifacts, 'playwright', 'traces'),
+      },
+      screenshotFailures: true,
+      screenshotDirectory: join(__artifacts, 'playwright', 'screenshots'),
       instances: [
         {
           browser: 'chromium',