JSX Fantom benchmark (#54336)

Summary:
Pull Request resolved: #54336

# Changelog: [Internal]

Adds a benchmark that is scoped to JSX scenario. React uses createTask() on JSX instances to preserve owner stacks relationship, and so users can see tree-like stacks in the debugger.

Since this only happens in DEV, I have to force dev mode in Fantom as well.

Differential Revision: D85860981

Author: hoxyq

packages/react-native/src/private/webapis/console/__tests__/consoleCreateTask-jsx-benchmark-itest.js

@@ -0,0 +1,79 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @fantom_mode dev
+ */
+
+/**
+ * We force the DEV mode, because React only uses console.createTask in DEV builds.
+ */
+
+import '@react-native/fantom/src/setUpDefaultReactNativeEnvironment';
+
+import * as Fantom from '@react-native/fantom';
+import {View} from 'react-native';
+
+let root;
+
+function Node(props: {depth: number}): React.Node {
+  if (props.depth === 500) {
+    return <View />;
+  }
+
+  return (
+    <View>
+      <Node depth={props.depth + 1} />
+    </View>
+  );
+}
+function Root(props: {prop: boolean}): React.Node {
+  return <Node depth={0} />;
+}
+
+Fantom.unstable_benchmark
+  .suite(
+    `console.createTask ${typeof console.createTask === 'function' ? 'installed' : 'removed'}`,
+    {
+      minIterations: 100,
+      disableOptimizedBuildCheck: true,
+    },
+  )
+  .test(
+    'Rendering 1000 views',
+    () => {
+      let recursiveViews: React.MixedElement;
+      for (let i = 0; i < 1000; ++i) {
+        recursiveViews = <View>{recursiveViews}</View>;
+      }
+
+      Fantom.runTask(() => root.render(recursiveViews));
+    },
+    {
+      beforeEach: () => {
+        root = Fantom.createRoot();
+      },
+      afterEach: () => {
+        root.destroy();
+      },
+    },
+  )
+  .test(
+    'Updating a subtree of 500 nodes',
+    () => {
+      Fantom.runTask(() => root.render(<Root prop={false} />));
+    },
+    {
+      beforeEach: () => {
+        root = Fantom.createRoot();
+        Fantom.runTask(() => root.render(<Root prop={true} />));
+      },
+      afterEach: () => {
+        root.destroy();
+      },
+    },
+  );

packages/react-native/src/private/webapis/console/__tests__/no-consoleCreateTask-jsx-benchmark-itest.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @fantom_mode dev
+ */
+
+/**
+ * We force the DEV mode, because React only uses console.createTask in DEV builds.
+ */
+
+//$FlowExpectedError[cannot-write]
+delete console.createTask;
+
+require('./consoleCreateTask-jsx-benchmark-itest.js');