Port perf tests to 0.84-stable (#15994)

iamAbhi-916 · acoates-ms · azure-pipelines[bot] · web-flow · commit 815420a6ff51 · 2026-04-15T17:10:02.000+05:30
* [Fabric]: Performance Tests for React Native Windows (#15666) * perf testing v1( view , text , textinput) * Fixed spike testing by using median and other issues * chore: gitignore perf-testing build output * remove scripts/ as separate folder * add component perf tests for Button, Image, ScrollView, Switch, Modal, ActivityIndicator, Pressable, TouchableOpacity, TouchableHighlight, FlatList, and SectionList * Cleanup * Change files * lint fix and format * cleanup * fix pipeline issues with cachedAct! * Save PR number to artifact for future report workflow * remove tsconfig from tracking * review comments * update baselines * lint:fix * add statistical stability gates (Mann-Whitney U, CV, gate/track mode) * add maxCV and mode to defaultConfig threshold * Add 100x stress-gate scenarios to all 13 perf suites * lint fix and format * update yarn lock * Bump version to 0.0.0-canary.1033 * fix: include hidden files in perf artifact upload to restore PR comments (#15893) * fix: resolve artifact path mismatch in perf-comment workflow * fix: include hidden files in perf artifact upload * fix: auto-discover native perf results in compare report * Do not create m_childrenContainer when using a custom visual to mount children into (#15877) * Do not create m_childrenContainer when using a custom visual to mount children into * Change files * fix * RELEASE: Releasing 10 package(s) (main) (#15885) Co-authored-by: React-Native-Windows Bot <53619745+rnbot@users.noreply.github.com> * Implement onClick (#15889) * Implement onClick * Change files * RELEASE: Releasing 10 package(s) (main) (#15891) Co-authored-by: React-Native-Windows Bot <53619745+rnbot@users.noreply.github.com> * Fork ubroken module (#15892) * fix: auto-discover native perf results in compare report * Change files * fix: capture live run metrics in PerfJsonReporter instead of re-reading baselines * Change files * fix: use temp files for cross-process live metrics * lint fix * make touchableOpacity less noisy * Change files * codegen build fix * revert: undo codegen changes (schema version mismatch) --------- Co-authored-by: Andrew Coates <30809111+acoates-ms@users.noreply.github.com> Co-authored-by: azure-pipelines[bot] <36771401+azure-pipelines[bot]@users.noreply.github.com> Co-authored-by: React-Native-Windows Bot <53619745+rnbot@users.noreply.github.com> Co-authored-by: Vladimir Morozov <vmorozov@microsoft.com> * fix: respect track mode in compare-results to avoid false regression (#15933) * fix: respect track mode in compare-results to avoid false regression failures * Change files * fix: update TouchableOpacity multiple-100 baseline to match CI environment --------- Co-authored-by: Andrew Coates <30809111+acoates-ms@users.noreply.github.com> Co-authored-by: azure-pipelines[bot] <36771401+azure-pipelines[bot]@users.noreply.github.com> Co-authored-by: React-Native-Windows Bot <53619745+rnbot@users.noreply.github.com> Co-authored-by: Vladimir Morozov <vmorozov@microsoft.com>
diff --git a/.github/workflows/perf-tests.yml b/.github/workflows/perf-tests.yml
@@ -105,6 +105,7 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: perf-results
+          include-hidden-files: true
           path: |
             packages/e2e-test-app-fabric/.perf-results/
             packages/e2e-test-app-fabric/.native-perf-results/
diff --git a/change/@react-native-windows-automation-78164800-9ca8-4247-80db-488d96ee93bf.json b/change/@react-native-windows-automation-78164800-9ca8-4247-80db-488d96ee93bf.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: auto-discover native perf results in compare report",
+  "packageName": "@react-native-windows/automation",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@react-native-windows-automation-channel-66589478-9bd2-42e2-ab34-98bbf1e1af38.json b/change/@react-native-windows-automation-channel-66589478-9bd2-42e2-ab34-98bbf1e1af38.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: auto-discover native perf results in compare report",
+  "packageName": "@react-native-windows/automation-channel",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@react-native-windows-automation-commands-f8e5375a-d777-4ae0-a076-d79c397c6d13.json b/change/@react-native-windows-automation-commands-f8e5375a-d777-4ae0-a076-d79c397c6d13.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: auto-discover native perf results in compare report",
+  "packageName": "@react-native-windows/automation-commands",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@react-native-windows-codegen-60591a59-c0f3-421d-93ab-c50b80733ce4.json b/change/@react-native-windows-codegen-60591a59-c0f3-421d-93ab-c50b80733ce4.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: capture live run metrics in PerfJsonReporter instead of re-reading baselines",
+  "packageName": "@react-native-windows/codegen",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@react-native-windows-perf-testing-220b4fd8-6fce-4f20-bbc0-ba50f2f89d15.json b/change/@react-native-windows-perf-testing-220b4fd8-6fce-4f20-bbc0-ba50f2f89d15.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: capture live run metrics in PerfJsonReporter instead of re-reading baselines",
+  "packageName": "@react-native-windows/perf-testing",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@react-native-windows-perf-testing-f0fab0f1-4984-4664-b8af-b24ff2f15cd7.json b/change/@react-native-windows-perf-testing-f0fab0f1-4984-4664-b8af-b24ff2f15cd7.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Performance tests for react native windows(Fabric)",
+  "packageName": "@react-native-windows/perf-testing",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/react-native-windows-1f753cb4-5264-49b2-a35d-47fd9d986207.json b/change/react-native-windows-1f753cb4-5264-49b2-a35d-47fd9d986207.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Performance tests for react native windows(Fabric)",
+  "packageName": "react-native-windows",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/react-native-windows-3a2f7870-03db-4287-b76f-b81c75d05ee8.json b/change/react-native-windows-3a2f7870-03db-4287-b76f-b81c75d05ee8.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: respect track mode in compare-results to avoid false regression failures",
+  "packageName": "react-native-windows",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/react-native-windows-995b7359-8f60-46fd-9939-5497cea09515.json b/change/react-native-windows-995b7359-8f60-46fd-9939-5497cea09515.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: auto-discover native perf results in compare report",
+  "packageName": "react-native-windows",
+  "email": "74712637+iamAbhi-916@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/@react-native-windows/perf-testing/src/ci/PerfJsonReporter.ts b/packages/@react-native-windows/perf-testing/src/ci/PerfJsonReporter.ts
@@ -78,11 +78,11 @@ export class PerfJsonReporter {
     const suites: SuiteResult[] = [];
 
     for (const suite of results.testResults) {
-      // Load the snapshot file for this test suite (written by toMatchPerfSnapshot)
+      // Use live run metrics captured during the test run
       const {file: snapshotFilePath} = SnapshotManager.getSnapshotPath(
         suite.testFilePath,
       );
-      const snapshots = SnapshotManager.load(snapshotFilePath);
+      const snapshots = SnapshotManager.getRunMetrics(snapshotFilePath) ?? {};
 
       const passed = suite.testResults.filter(
         t => t.status === 'passed',
diff --git a/packages/@react-native-windows/perf-testing/src/matchers/snapshotManager.ts b/packages/@react-native-windows/perf-testing/src/matchers/snapshotManager.ts
@@ -7,6 +7,7 @@
 
 import fs from '@react-native-windows/fs';
 import * as path from 'path';
+import * as os from 'os';
 import type {PerfMetrics} from '../interfaces/PerfMetrics';
 import type {PerfThreshold} from '../interfaces/PerfThreshold';
 
@@ -26,8 +27,63 @@ export type SnapshotFile = Record<string, SnapshotEntry>;
 
 /**
  * Manages reading and writing of perf snapshot files.
+ * Also writes live run metrics to a temp directory so the CI reporter
+ * (which runs in the Jest main process) can access fresh results
+ * from the worker process.
  */
 export class SnapshotManager {
+  /** Directory for live run metrics (cross-process via temp files). */
+  private static readonly _runMetricsDir =
+    process.env.PERF_RUN_METRICS_DIR ||
+    path.join(os.tmpdir(), 'rnw-perf-run-metrics');
+
+  /** Record a live metric entry for the current run (written to temp file). */
+  static recordRunMetric(
+    snapshotFilePath: string,
+    key: string,
+    entry: SnapshotEntry,
+  ): void {
+    const metricsFile = path.join(
+      SnapshotManager._runMetricsDir,
+      Buffer.from(snapshotFilePath).toString('base64url') + '.json',
+    );
+    let existing: SnapshotFile = {};
+    if (fs.existsSync(metricsFile)) {
+      existing = JSON.parse(
+        fs.readFileSync(metricsFile, 'utf-8'),
+      ) as SnapshotFile;
+    } else if (!fs.existsSync(SnapshotManager._runMetricsDir)) {
+      fs.mkdirSync(SnapshotManager._runMetricsDir, {recursive: true});
+    }
+    existing[key] = entry;
+    fs.writeFileSync(
+      metricsFile,
+      JSON.stringify(existing, null, 2) + '\n',
+      'utf-8',
+    );
+  }
+
+  /** Get live run metrics for a snapshot file, or null if none were recorded. */
+  static getRunMetrics(snapshotFilePath: string): SnapshotFile | null {
+    const metricsFile = path.join(
+      SnapshotManager._runMetricsDir,
+      Buffer.from(snapshotFilePath).toString('base64url') + '.json',
+    );
+    if (fs.existsSync(metricsFile)) {
+      return JSON.parse(fs.readFileSync(metricsFile, 'utf-8')) as SnapshotFile;
+    }
+    return null;
+  }
+
+  /** Clean up temp run metrics directory. */
+  static clearRunMetrics(): void {
+    if (fs.existsSync(SnapshotManager._runMetricsDir)) {
+      for (const f of fs.readdirSync(SnapshotManager._runMetricsDir)) {
+        fs.unlinkSync(path.join(SnapshotManager._runMetricsDir, f));
+      }
+    }
+  }
+
   static getSnapshotPath(testFilePath: string): {
     dir: string;
     file: string;
diff --git a/packages/@react-native-windows/perf-testing/src/matchers/toMatchPerfSnapshot.ts b/packages/@react-native-windows/perf-testing/src/matchers/toMatchPerfSnapshot.ts
@@ -168,6 +168,13 @@ expect.extend({
 
     const threshold: PerfThreshold = {...DEFAULT_THRESHOLD, ...customThreshold};
 
+    // Always record the live metrics for the CI reporter
+    SnapshotManager.recordRunMetric(snapshotFile, snapshotKey, {
+      metrics: received,
+      threshold,
+      capturedAt: new Date().toISOString(),
+    });
+
     // UPDATE MODE or FIRST RUN: write new baseline
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (isUpdateMode || !baseline) {
diff --git a/packages/@react-native-windows/tester/src/js/examples-win/HitTest/HitTestExample.js b/packages/@react-native-windows/tester/src/js/examples-win/HitTest/HitTestExample.js
@@ -7,21 +7,21 @@
 'use strict';
 
 import React from 'react';
-import { View, Text, Pressable } from 'react-native';
+import {View, Text, Pressable} from 'react-native';
 
 function HitTestWithOverflowVisibile() {
   const [bgColor, setBgColor] = React.useState('red');
 
   return (
     <View>
       <Text>
-        Clicking the pressable should work even if it is outside the bounds
-        of its parent.
+        Clicking the pressable should work even if it is outside the bounds of
+        its parent.
       </Text>
       <View
         accessible={true}
-        accessibilityValue={{ text: bgColor }}
-        style={{ width: 150, height: 150 }}
+        accessibilityValue={{text: bgColor}}
+        style={{width: 150, height: 150}}
         testID="visible-overflow-element">
         <View
           style={{
@@ -52,15 +52,14 @@ function HitTestWithOverflowHidden() {
   return (
     <View>
       <Text>
-        Clicking within the visible view will trigger the pressable.
-        Clicking outside the bounds, where the pressable extends but is
-        clipped by its parent overflow:hidden, should not trigger the
-        pressable.
+        Clicking within the visible view will trigger the pressable. Clicking
+        outside the bounds, where the pressable extends but is clipped by its
+        parent overflow:hidden, should not trigger the pressable.
       </Text>
       <View
         accessible={true}
-        accessibilityValue={{ text: bgColor }}
-        style={{ width: 150, height: 150 }}
+        accessibilityValue={{text: bgColor}}
+        style={{width: 150, height: 150}}
         testID="hidden-overflow-element">
         <View
           style={{
diff --git a/packages/@react-native-windows/tester/src/js/examples-win/Pointer/PointerButtonExample.windows.js b/packages/@react-native-windows/tester/src/js/examples-win/Pointer/PointerButtonExample.windows.js
@@ -36,7 +36,9 @@ function PointerDownButtonExample(): React.Node {
   );
   return (
     <View>
-      <Text accessible={true} testID="pointer-button-state">{text}</Text>
+      <Text accessible={true} testID="pointer-button-state">
+        {text}
+      </Text>
       <View
         accessible={true}
         testID="pointer-button-target"
@@ -58,7 +60,9 @@ function PointerUpButtonExample(): React.Node {
   );
   return (
     <View>
-      <Text accessible={true} testID="pointer-up-button-state">{text}</Text>
+      <Text accessible={true} testID="pointer-up-button-state">
+        {text}
+      </Text>
       <View
         accessible={true}
         testID="pointer-up-button-target"
diff --git a/packages/@rnw-scripts/just-task/nuget-restore-task.js b/packages/@rnw-scripts/just-task/nuget-restore-task.js
@@ -118,7 +118,7 @@ function findVsDevCmd() {
   let installationRoot = '';
   try {
     installationRoot = execSync(
-      `${quote(vsWherePath)} -latest -products * -requires Microsoft.Component.MSBuild -property installationPath -format value`,
+      `${quote(vsWherePath)} -latest -prerelease -products * -requires Microsoft.Component.MSBuild -property installationPath -format value`,
       {encoding: 'utf8'},
     )
       .split(/\r?\n/)
diff --git a/packages/@rnw-scripts/unbroken/src/checker.ts b/packages/@rnw-scripts/unbroken/src/checker.ts
@@ -60,12 +60,11 @@ export class Checker {
       this.options.exclusions ||
       path.join(this.options.dir, '.unbroken_exclusions');
     try {
-      const contents =
-        fs
-          .readFileSync(exclusionsFileName)
-          .toString()
-          .split(/\r?\n/)
-          .filter(x => x.trim() !== '');
+      const contents = fs
+        .readFileSync(exclusionsFileName)
+        .toString()
+        .split(/\r?\n/)
+        .filter(x => x.trim() !== '');
       this.suppressions = contents
         .filter(x => !x.startsWith('!'))
         .map(x => Checker.normalizeSlashes(x));
@@ -84,7 +83,6 @@ export class Checker {
   exclusions: string[];
   urlCache: Record<string, number>;
 
-
   private async recurseFindMarkdownFiles(
     dirPath: string,
     callback: {(path: string): Promise<void>},
@@ -136,9 +134,7 @@ export class Checker {
     }
 
     if (this.options['parse-ids']) {
-      await this.recurseFindMarkdownFiles(dirPath, x =>
-        this.getAndStoreId(x),
-      );
+      await this.recurseFindMarkdownFiles(dirPath, x => this.getAndStoreId(x));
     }
     await this.recurseFindMarkdownFiles(dirPath, x =>
       this.verifyMarkDownFile(x),
@@ -249,9 +245,7 @@ export class Checker {
 
     const anchors = this.getAnchors(contents.toLowerCase());
     if (!anchors.includes(sectionAnchor.toLowerCase())) {
-      if (
-        !anchors.includes(sectionAnchor.replace(/\./g, '').toLowerCase())
-      ) {
+      if (!anchors.includes(sectionAnchor.replace(/\./g, '').toLowerCase())) {
         if (
           !(
             this.options['allow-local-line-sections'] &&
@@ -387,7 +381,7 @@ export class Checker {
   }
 
   private static isWebLink(url: string) {
-    return url.startsWith("https://") || url.startsWith('https://');
+    return url.startsWith('https://') || url.startsWith('https://');
   }
 
   async verifyMarkDownFile(filePath: string) {
diff --git a/packages/@rnw-scripts/unbroken/src/unbroken.ts b/packages/@rnw-scripts/unbroken/src/unbroken.ts
@@ -55,7 +55,11 @@ async function run() {
       exclusions: {type: 'string', short: 'e'},
       'local-only': {type: 'boolean', short: 'l', default: false},
       init: {type: 'boolean', short: 'i', default: false},
-      'allow-local-line-sections': {type: 'boolean', short: 'a', default: false},
+      'allow-local-line-sections': {
+        type: 'boolean',
+        short: 'a',
+        default: false,
+      },
       quiet: {type: 'boolean', short: 'q', default: false},
       superquiet: {type: 'boolean', short: 's', default: false},
       'parse-ids': {type: 'boolean', default: false},
diff --git a/packages/e2e-test-app-fabric/.native-perf-results/results.json b/packages/e2e-test-app-fabric/.native-perf-results/results.json
diff --git a/packages/e2e-test-app-fabric/PR_DESCRIPTION.md b/packages/e2e-test-app-fabric/PR_DESCRIPTION.md
diff --git a/packages/e2e-test-app-fabric/test/PointerButtonComponentTest.test.ts b/packages/e2e-test-app-fabric/test/PointerButtonComponentTest.test.ts
diff --git a/packages/e2e-test-app-fabric/test/__perf__/interactive/TouchableOpacity.perf-test.tsx b/packages/e2e-test-app-fabric/test/__perf__/interactive/TouchableOpacity.perf-test.tsx
diff --git a/packages/e2e-test-app-fabric/test/__perf__/interactive/__perf_snapshots__/TouchableOpacity.perf-test.tsx.perf-baseline.json b/packages/e2e-test-app-fabric/test/__perf__/interactive/__perf_snapshots__/TouchableOpacity.perf-test.tsx.perf-baseline.json
diff --git a/vnext/Scripts/perf/compare-results.js b/vnext/Scripts/perf/compare-results.js
