build: add ng_benchmark macro to run perf benchmarks (#33389)

this makes running and profiling tests much easier. Example usage:

```
yarn bazel run --define=compile=aot //packages/core/test/render3/perf:noop_change_detection
```

See README.md update for more info.

PS: I considered moving the ng_rollup bundle into the macro but I didn't want to make
  too many changes in this PR. If we find running benchmarks in this way useful, we
  should refactor the build file more, and move the ng_rollup_bundle targets into the
  macro.

PR Close #33389

packages/core/test/render3/perf/BUILD.bazel

@@ -1,6 +1,6 @@
 package(default_visibility = ["//visibility:private"])
 
-load("//tools:defaults.bzl", "jasmine_node_test", "ng_rollup_bundle", "ts_library")
+load("//tools:defaults.bzl", "jasmine_node_test", "ng_benchmark", "ng_rollup_bundle", "ts_library")
 
 ts_library(
     name = "perf_lib",
@@ -22,89 +22,144 @@ jasmine_node_test(
 )
 
 ng_rollup_bundle(
-    name = "class_binding",
+    name = "class_binding_lib",
     entry_point = ":class_binding/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "class_binding",
+    bundle = ":class_binding_lib",
+)
+
 ng_rollup_bundle(
-    name = "directive_instantiate",
+    name = "directive_instantiate_lib",
     entry_point = ":directive_instantiate/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "directive_instantiate",
+    bundle = ":directive_instantiate_lib",
+)
+
 ng_rollup_bundle(
-    name = "element_text_create",
+    name = "element_text_create_lib",
     entry_point = ":element_text_create/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "element_text_create",
+    bundle = ":element_text_create_lib",
+)
+
 ng_rollup_bundle(
-    name = "interpolation",
+    name = "interpolation_lib",
     entry_point = ":interpolation/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "interpolation",
+    bundle = ":interpolation_lib",
+)
+
 ng_rollup_bundle(
-    name = "listeners",
+    name = "listeners_lib",
     entry_point = ":listeners/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "listeners",
+    bundle = ":listeners_lib",
+)
+
 ng_rollup_bundle(
-    name = "noop_change_detection",
+    name = "noop_change_detection_lib",
     entry_point = ":noop_change_detection/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "noop_change_detection",
+    bundle = ":noop_change_detection_lib",
+)
+
 ng_rollup_bundle(
-    name = "property_binding",
+    name = "property_binding_lib",
     entry_point = ":property_binding/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "property_binding",
+    bundle = ":property_binding_lib",
+)
+
 ng_rollup_bundle(
-    name = "property_binding_update",
+    name = "property_binding_update_lib",
     entry_point = ":property_binding_update/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "property_binding_update",
+    bundle = ":property_binding_update_lib",
+)
+
 ng_rollup_bundle(
-    name = "style_binding",
+    name = "style_binding_lib",
     entry_point = ":style_binding/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "style_binding",
+    bundle = ":style_binding_lib",
+)
+
 ng_rollup_bundle(
-    name = "style_and_class_bindings",
+    name = "style_and_class_bindings_lib",
     entry_point = ":style_and_class_bindings/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
 
+ng_benchmark(
+    name = "style_and_class_bindings",
+    bundle = ":style_and_class_bindings_lib",
+)
+
 ng_rollup_bundle(
-    name = "map_based_style_and_class_bindings",
+    name = "map_based_style_and_class_bindings_lib",
     entry_point = ":map_based_style_and_class_bindings/index.ts",
     deps = [
         ":perf_lib",
     ],
 )
+
+ng_benchmark(
+    name = "map_based_style_and_class_bindings",
+    bundle = ":map_based_style_and_class_bindings_lib",
+)

packages/core/test/render3/perf/README.md

@@ -71,8 +71,10 @@ The resulting output should look something like this:
 
 ### Notes
 
-In all the above commands `${BENCHMARK}` should be replaced with the actual benchmark (folder) name, ex.:
-- build: `yarn bazel build //packages/core/test/render3/perf:noop_change_detection.min_debug.es2015.js --define=compile=aot`
-- run: `time node dist/bin/packages/core/test/render3/perf/noop_change_detection.min_debug.es2015.js`
-- profile: `node --no-turbo-inlining --inspect-brk dist/bin/packages/core/test/render3/perf/noop_change_detection.min_debug.es2015.js profile`
-- experimenting `BENCHMARK=noop_change_detection; yarn bazel build //packages/core/test/render3/perf:${BENCHMARK}.min_debug.es2015.js --define=compile=aot && node dist/bin/packages/core/test/render3/perf/${BENCHMARK}.min_debug.es2015.js`
+To run the benchmark use `bazel run <benchmark_target>`, example:
+- `yarn bazel run --define=compile=aot //packages/core/test/render3/perf:noop_change_detection`
+
+To profile, append `_profile` to the target name and attach a debugger via chrome://inspect, example:
+- `yarn bazel run --define=compile=aot //packages/core/test/render3/perf:noop_change_detection_profile`
+
+To interactively edit/rerun benchmarks use `ibazel` instead of `bazel`.