test(button-harness): add performance tests for buttons using the protractor harness env

* The main thing we are looking at here is not the button's performance. Instead we are looking at
  the performance overhead of using the protractor and testbed harness env.
* We are running tests with & without the ProtractorHarnessEnvironment and with & without the
  TestbedHarnessEnvironment.
* We are benchmarking 5 operations with a varying number of buttons:
  1. Get the first button
  2. Click the first button
  3. Click the middle button
  4. Click the last button
  5. Click every button

Author: wagnermaciel

test/benchmarks/material/button-harness/BUILD.bazel

@@ -1,4 +1,5 @@
 load("@npm_angular_dev_infra_private//benchmark/component_benchmark:component_benchmark.bzl", "component_benchmark")
+<<<<<<< HEAD
 load("//tools:defaults.bzl", "ng_test_library", "ng_web_test_suite", "ts_library")
 
 package(default_visibility = ["//visibility:public"])
@@ -38,14 +39,29 @@ component_benchmark(
     driver_deps = [
         ":constants",
         ":protractor-benchmark-utilities",
+=======
+load("//tools:defaults.bzl", "ng_e2e_test_library", "ng_test_library", "ng_web_test_suite", "ts_library")
+
+# TODO(wagnermaciel): Update this target to provide indigo-pink in a way that doesn't require having to import it with
+# stylesUrls inside the components once `component_benchmark` supports asset injection.
+
+component_benchmark(
+    name = "benchmark",
+    driver = ":protractor.perf-spec.ts",
+    driver_deps = [
+        "@npm//@angular/dev-infra-private",
+>>>>>>> e2db57750 (test(button-harness): add performance tests for buttons using the protractor harness env)
         "@npm//protractor",
         "@npm//@types/jasmine",
         "//src/cdk/testing",
         "//src/material/button/testing",
         "//src/cdk/testing/protractor",
     ],
     ng_deps = [
+<<<<<<< HEAD
         ":constants",
+=======
+>>>>>>> e2db57750 (test(button-harness): add performance tests for buttons using the protractor harness env)
         "@npm//@angular/core",
         "@npm//@angular/platform-browser",
         "//src/material/button",
@@ -54,6 +70,7 @@ component_benchmark(
     prefix = "",
     styles = ["//src/material/prebuilt-themes:indigo-pink"],
 )
+<<<<<<< HEAD
 
 # TestbedHarnessEnvironment
 
@@ -75,3 +92,5 @@ ng_web_test_suite(
     name = "unit_benchmark_tests",
     deps = [":unit_tests_lib"],
 )
+=======
+>>>>>>> e2db57750 (test(button-harness): add performance tests for buttons using the protractor harness env)

test/benchmarks/material/button-harness/app.module.ts

@@ -9,6 +9,7 @@
 import {Component, NgModule, ViewEncapsulation} from '@angular/core';
 import {BrowserModule} from '@angular/platform-browser';
 import {MatButtonModule} from '@angular/material/button';
+<<<<<<< HEAD
 import {NUM_BUTTONS} from './constants';
 
 /** component: mat-button-harness-test */
@@ -23,6 +24,21 @@ import {NUM_BUTTONS} from './constants';
 })
 export class ButtonHarnessTest {
   vals = Array.from({ length: NUM_BUTTONS }, (_, i) => i);
+=======
+
+/** component: mat-raised-button-harness-test */
+
+@Component({
+	selector: 'app-root',
+  template: `
+    <button *ngFor="let val of vals" mat-button> {{ val }} </button>
+	`,
+	encapsulation: ViewEncapsulation.None,
+  styleUrls: ['//src/material/core/theming/prebuilt/indigo-pink.css'],
+})
+export class ButtonHarnessTest {
+	vals = Array.from({ length: 100 }, (_, i) => i);
+>>>>>>> e2db57750 (test(button-harness): add performance tests for buttons using the protractor harness env)
 }
 
 @NgModule({