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

Author: wagnermaciel

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

@@ -68,10 +68,10 @@ ng_test_library(
     deps = [
         ":constants",
         ":testbed-benchmark-utilities",
-        "//src/material/button/testing",
         "//src/cdk/testing",
         "//src/cdk/testing/testbed",
         "//src/material/button",
+        "//src/material/button/testing",
         "@npm//@angular/dev-infra-private",
     ],
 )

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

@@ -11,7 +11,7 @@ import {BrowserModule} from '@angular/platform-browser';
 import {MatButtonModule} from '@angular/material/button';
 import {NUM_BUTTONS} from './constants';
 
-/** component: mat-raised-button-harness-test */
+/** component: mat-button-harness-test */
 
 @Component({
   selector: 'app-root',

test/benchmarks/material/button-harness/protractor-benchmark-utilities.ts

@@ -30,13 +30,13 @@ export async function benchmark(id: string, callback: Function) {
  * @param callback
  */
 async function benchmarkWithBenchpress(id: string, callback: Function) {
-	await runBenchmark({
-		id,
-		url: '',
-		ignoreBrowserSynchronization: true,
-		params: [],
-		work: async () => await callback(),
-	});
+  await runBenchmark({
+    id,
+    url: '',
+    ignoreBrowserSynchronization: true,
+    params: [],
+    work: async () => await callback(),
+  });
 }
 
 /**
@@ -46,7 +46,7 @@ async function benchmarkWithBenchpress(id: string, callback: Function) {
  * @param callback
  */
 async function benchmarkWithConsoleAPI(id: string, callback: Function) {
-	console.time(id);
-	await callback();
-	console.timeEnd(id);
+  console.time(id);
+  await callback();
+  console.timeEnd(id);
 }

test/benchmarks/material/button-harness/protractor.perf-spec.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {HarnessLoader, HarnessPredicate} from '@angular/cdk/testing';
+import {HarnessLoader} from '@angular/cdk/testing';
 import {MatButtonHarness} from '@angular/material/button/testing/button-harness';
 import {ProtractorHarnessEnvironment} from '@angular/cdk/testing/protractor';
 import {$$, element, by, browser} from 'protractor';

test/benchmarks/material/button-harness/testbed-benchmark-utilities.ts

@@ -6,14 +6,14 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
- /**
+/**
  * Records the performance of the given function.
  *
  * @param id A unique identifier.
  * @param callback A function whose performance will be recorded.
  */
 export async function benchmark(id: string, callback: Function) {
-	const t0 = performance.now();
+  const t0 = performance.now();
   await callback();
   const t1 = performance.now();
   console.warn(`${id}: ${t1 - t0}`);

test/benchmarks/material/button-harness/testbed.perf-spec.ts

@@ -44,14 +44,14 @@ describe('performance baseline for the testbed harness', () => {
   it('(baseline) should click the middle button', async () => {
     await benchmark('(baseline) click middle button', async () => {
       const button = getButtonWithText(MIDDLE_BUTTON);
-      await button.click();
+      button.click();
     });
   });
 
   it('(baseline) should click the last button', async () => {
     await benchmark('(baseline) click last button', async () => {
       const button = getButtonWithText(LAST_BUTTON);
-      await button.click();
+      button.click();
     });
   });
 
@@ -60,7 +60,7 @@ describe('performance baseline for the testbed harness', () => {
       const buttons = document.getElementsByTagName('button');
       for (let i = 0; i < buttons.length; i++) {
         const button = buttons[i];
-        await button.click();
+        button.click();
       }
     });
   });
@@ -128,8 +128,8 @@ describe('performance tests for the testbed harness', () => {
 @Component({
   template: `
     <button *ngFor="let val of vals" mat-button> {{ val }} </button>
-	`,
+  `,
 })
 export class ButtonHarnessTest {
-	vals = Array.from({ length: NUM_BUTTONS }, (_, i) => i);
+  vals = Array.from({ length: NUM_BUTTONS }, (_, i) => i);
 }