[test][material-ui] Add render benchmarks (@Janpot)

.circleci/config.yml

@@ -214,6 +214,47 @@ jobs:
           command: pnpm test:browser --no-isolate --no-file-parallelism
       - store_test_results:
           path: test-results
+  test_benchmark:
+    <<: *default-job
+    # 2 vCPUs starve V8's background compilers, which makes the same code's speed vary from sample to
+    # sample; see the @mui/internal-benchmark README.
+    resource_class: medium+.gen2
+    executor:
+      name: code-infra/mui-node-browser
+      playwright-img-version: v1.63.0-noble
+    steps:
+      - checkout
+      - code-infra/install-deps
+      - run:
+          name: Build packages
+          command: pnpm release:build
+      - run:
+          name: Resolve the baseline commit
+          command: |
+            set -e
+            BASE_SHA=$(pnpm code-infra baseline --base-branch master)
+            echo "Baseline commit: $BASE_SHA"
+            echo "$BASE_SHA" > .benchmark-baseline-sha
+      - restore_cache:
+          name: Restore the packed-baseline cache
+          keys:
+            - benchmark-cache-v1-{{ checksum ".benchmark-baseline-sha" }}
+      - run:
+          name: Run the benchmarks
+          no_output_timeout: 30m
+          # Only the smoke benchmarks, to keep a pull request's check short; the other benchmark files
+          # are left to manual runs.
+          command: pnpm test:benchmark smoke --baseline "$(cat .benchmark-baseline-sha)"
+      - run:
+          name: Upload the benchmark report
+          # Also after a failed run, so the comment says what happened.
+          when: always
+          command: pnpm test:benchmark upload
+      - save_cache:
+          name: Save the packed-baseline cache
+          key: benchmark-cache-v1-{{ checksum ".benchmark-baseline-sha" }}
+          paths:
+            - test/benchmark/.benchmark/packed
   test_e2e:
     <<: *default-job
     resource_class: medium
@@ -474,6 +515,8 @@ workflows:
           <<: *default-context
       - test_browser:
           <<: *default-context
+      - test_benchmark:
+          <<: *default-context
       - test_browser_legacy:
           <<: *default-context
       - test_regressions:

.gitignore

@@ -48,6 +48,9 @@ docs/public/static/blog/feed/*
 screenshots/
 packed
 test-results/
+# `benchmark` CLI output and generated pages
+.benchmark/
+test/benchmark/src/__bench__/
 .env
 .claude/worktrees/
 

package.json

@@ -54,6 +54,7 @@
     "test:coverage": "pnpm test:unit run --coverage",
     "vitest": "vitest",
     "test:coverage:html": "pnpm test:unit run --coverage --coverage.reporter html",
+    "test:benchmark": "pnpm -F ./test/benchmark benchmark",
     "test:e2e": "pnpm -F ./test/e2e start",
     "test:e2e:dev": "pnpm -F ./test/e2e dev",
     "test:e2e-website": "playwright test test/e2e-website --config test/e2e-website/playwright.config.ts",