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

Author: wagnermaciel

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

@@ -21,7 +21,7 @@ import {MatButtonModule} from '@angular/material/button';
   styleUrls: ['//src/material/core/theming/prebuilt/indigo-pink.css'],
 })
 export class ButtonHarnessTest {
-	vals = Array.from({ length: 100 }, (_, i) => i);
+	vals = Array.from({ length: 25 }, (_, i) => i);
 }
 
 @NgModule({

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

@@ -10,10 +10,70 @@ import {HarnessLoader} from '@angular/cdk/testing';
 import {MatButtonHarness} from '@angular/material/button/testing/button-harness';
 import {runBenchmark} from '@angular/dev-infra-private/benchmark/driver-utilities';
 import {ProtractorHarnessEnvironment} from '@angular/cdk/testing/protractor';
+import {$$, element, by} from 'protractor';
+
+describe('performance baseline for the protractor harness', () => {
+	it('should retrieve all of the buttons', async () => {
+		await runBenchmark({
+			id: 'get-all-buttons',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			work: async () => $$('.mat-button'),
+		});
+	});
+
+	it('should click the first button', async () => {
+		await runBenchmark({
+			id: 'click-first-button',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
+			work: async () => await element(by.buttonText('0')).click(),
+		});
+	});
+
+	it('should click the middle button', async () => {
+		await runBenchmark({
+			id: 'click-middle-button',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
+			work: async () => await element(by.buttonText('12')).click(),
+		});
+	});
+
+	it('should click the last button', async () => {
+		await runBenchmark({
+			id: 'click-last-button',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
+			work: async () => await element(by.buttonText('24')).click(),
+		});
+	});
+
+	it('should click all of the buttons', async () => {
+		await runBenchmark({
+			id: 'click-every-button',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
+			work: async () => {
+				const buttons = $$('.mat-button');
+				await buttons.each(async (button) => await button!.click());
+			}
+		});
+	});
+});
 
 let loader: HarnessLoader;
 
-describe('perf test for basic protractor harness', () => {
+describe('performance overhead of the protractor harness', () => {
 	it('should load the protractor harness environment', async () => {
 		await runBenchmark({
 			id: 'initial-harness-load',
@@ -26,7 +86,7 @@ describe('perf test for basic protractor harness', () => {
 
 	it('should retrieve all of the buttons', async () => {
 		await runBenchmark({
-			id: 'get-first-button',
+			id: 'get-all-buttons',
 			url: '',
 			ignoreBrowserSynchronization: true,
 			params: [],
@@ -35,9 +95,9 @@ describe('perf test for basic protractor harness', () => {
 		});
 	});
 
-	it('should retrieve the first button', async () => {
+	it('should click the first button', async () => {
 		await runBenchmark({
-			id: 'get-first-button',
+			id: 'click-first-button',
 			url: '',
 			ignoreBrowserSynchronization: true,
 			params: [],
@@ -46,25 +106,39 @@ describe('perf test for basic protractor harness', () => {
 		});
 	});
 
-	it('should retrieve the middle button', async () => {
+	it('should click the middle button', async () => {
+		await runBenchmark({
+			id: 'click-middle-button',
+			url: '',
+			ignoreBrowserSynchronization: true,
+			params: [],
+			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
+			work: async () => await (await loader.getHarness(MatButtonHarness.with({text: '12'}))).click(),
+		});
+	});
+
+	it('should click the last button', async () => {
 		await runBenchmark({
-			id: 'get-middle-button',
+			id: 'click-last-button',
 			url: '',
 			ignoreBrowserSynchronization: true,
 			params: [],
 			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
-			work: async () => await (await loader.getHarness(MatButtonHarness.with({text: '49'}))).click(),
+			work: async () => await (await loader.getHarness(MatButtonHarness.with({text: '24'}))).click(),
 		});
 	});
 
-	it('should retrieve the last button', async () => {
+	it('should click all of the buttons', async () => {
 		await runBenchmark({
-			id: 'get-last-button',
+			id: 'click-every-button',
 			url: '',
 			ignoreBrowserSynchronization: true,
 			params: [],
 			setup: () => { loader = ProtractorHarnessEnvironment.loader(); },
-			work: async () => await (await loader.getHarness(MatButtonHarness.with({text: '99'}))).click(),
+			work: async () => {
+				const buttons = await loader.getAllHarnesses(MatButtonHarness);
+				buttons.forEach(async (button) => await button.click());
+			}
 		});
 	});
 });