@@ -12,11 +12,16 @@ import {Component} from '@angular/core';
1212import { ComponentFixture , TestBed } from '@angular/core/testing' ;
1313import { MatButtonModule } from '@angular/material/button' ;
1414import { MatButtonHarness } from '@angular/material/button/testing/button-harness' ;
15- import { benchmark , getButtonWithText } from './testbed-benchmark-utilities ' ;
16- import { FIRST_BUTTON , MIDDLE_BUTTON , NUM_BUTTONS , LAST_BUTTON } from './constants ' ;
15+ import { MIDDLE_BUTTON , NUM_BUTTONS } from './constants ' ;
16+ import { benchmark } from './testbed-benchmark-utilities ' ;
1717
18- describe ( 'performance baseline for the testbed harness' , ( ) => {
18+ describe ( 'performance for the testbed harness environment ' , ( ) => {
1919 let fixture : ComponentFixture < ButtonHarnessTest > ;
20+ let loader : HarnessLoader ;
21+
22+ beforeAll ( ( ) => {
23+ jasmine . DEFAULT_TIMEOUT_INTERVAL = 36000000 ;
24+ } ) ;
2025
2126 beforeEach ( async ( ) => {
2227 await TestBed . configureTestingModule ( {
@@ -26,103 +31,81 @@ describe('performance baseline for the testbed harness', () => {
2631
2732 fixture = TestBed . createComponent ( ButtonHarnessTest ) ;
2833 fixture . detectChanges ( ) ;
34+ loader = TestbedHarnessEnvironment . loader ( fixture ) ;
2935 } ) ;
3036
31- it ( '(baseline) should retrieve all of the buttons' , async ( ) => {
32- await benchmark ( '(baseline) get every button' , async ( ) => {
33- document . querySelectorAll ( 'button' ) ;
34- } ) ;
35- } ) ;
36-
37- it ( '(baseline) should click the first button' , async ( ) => {
38- await benchmark ( '(baseline) click first button' , async ( ) => {
39- const button = getButtonWithText ( FIRST_BUTTON ) ;
40- button . click ( ) ;
37+ describe ( '(baseline)' , ( ) => {
38+ it ( 'should find a button' , async ( ) => {
39+ await benchmark ( '(baseline) find a button' , async ( ) => {
40+ document . querySelector ( 'button' ) ;
41+ } ) ;
4142 } ) ;
42- } ) ;
4343
44- it ( '(baseline) should click the middle button ' , async ( ) => {
45- await benchmark ( '(baseline) click middle button ' , async ( ) => {
46- const button = getButtonWithText ( MIDDLE_BUTTON ) ;
47- button . click ( ) ;
44+ it ( 'should find all buttons ' , async ( ) => {
45+ await benchmark ( '(baseline) find all buttons ' , async ( ) => {
46+ document . querySelectorAll ( 'button' ) ;
47+ } ) ;
4848 } ) ;
49- } ) ;
5049
51- it ( '(baseline) should click the last button' , async ( ) => {
52- await benchmark ( '(baseline) click last button' , async ( ) => {
53- const button = getButtonWithText ( LAST_BUTTON ) ;
54- button . click ( ) ;
50+ it ( 'should find a button via text filter' , async ( ) => {
51+ await benchmark ( '(baseline) find a button via text filter' , async ( ) => {
52+ return Array . from ( document . querySelectorAll ( 'button' ) )
53+ . filter ( b => b . innerText === MIDDLE_BUTTON ) ;
54+ } ) ;
5555 } ) ;
56- } ) ;
5756
58- it ( '(baseline) should click all of the buttons' , async ( ) => {
59- await benchmark ( '(baseline) click every button' , async ( ) => {
60- const buttons = document . getElementsByTagName ( 'button' ) ;
61- for ( let i = 0 ; i < buttons . length ; i ++ ) {
62- const button = buttons [ i ] ;
57+ it ( 'should click a button' , async ( ) => {
58+ const button = document . querySelector ( 'button' ) ! ;
59+ await benchmark ( '(baseline) click a button' , async ( ) => {
6360 button . click ( ) ;
64- }
61+ fixture . detectChanges ( ) ;
62+ } ) ;
6563 } ) ;
66- } ) ;
67- } ) ;
6864
69- describe ( 'performance tests for the testbed harness' , ( ) => {
70- let fixture : ComponentFixture < ButtonHarnessTest > ;
71- let loader : HarnessLoader ;
72-
73- beforeEach ( async ( ) => {
74- await TestBed . configureTestingModule ( {
75- imports : [ MatButtonModule ] ,
76- declarations : [ ButtonHarnessTest ] ,
77- } ) . compileComponents ( ) ;
78-
79- fixture = TestBed . createComponent ( ButtonHarnessTest ) ;
80- fixture . detectChanges ( ) ;
81- loader = TestbedHarnessEnvironment . loader ( fixture ) ;
65+ it ( 'should click all buttons' , async ( ) => {
66+ const buttons = Array . prototype . slice . call ( document . querySelectorAll ( 'button' ) ) ;
67+ await benchmark ( '(baseline) click all buttons' , async ( ) => {
68+ buttons . forEach ( button => button . click ( ) ) ;
69+ fixture . detectChanges ( ) ;
70+ } ) ;
71+ } ) ;
8272 } ) ;
8373
84- it ( 'should retrieve all of the buttons' , async ( ) => {
85- await benchmark ( 'get every button' , async ( ) => {
86- await loader . getAllHarnesses ( MatButtonHarness ) ;
74+ describe ( '(with harness)' , ( ) => {
75+ it ( 'should find a button' , async ( ) => {
76+ await benchmark ( '(with harness) find a button' , async ( ) => {
77+ await loader . getHarness ( MatButtonHarness ) ;
78+ } ) ;
8779 } ) ;
88- } ) ;
8980
90- it ( 'should click the first button ' , async ( ) => {
91- await benchmark ( 'click first button ' , async ( ) => {
92- const button = await loader . getHarness ( MatButtonHarness . with ( { text : FIRST_BUTTON } ) ) ;
93- await button . click ( ) ;
81+ it ( 'should find all buttons ' , async ( ) => {
82+ await benchmark ( '(with harness) find all buttons ' , async ( ) => {
83+ await loader . getAllHarnesses ( MatButtonHarness ) ;
84+ } ) ;
9485 } ) ;
95- } ) ;
9686
97- it ( 'should click the middle button' , async ( ) => {
98- await benchmark ( 'click middle button' , async ( ) => {
99- const button = await loader . getHarness ( MatButtonHarness . with ( { text : MIDDLE_BUTTON } ) ) ;
100- await button . click ( ) ;
87+ it ( 'should find a button via text filter ' , async ( ) => {
88+ await benchmark ( '(with harness) find a button via text filter ' , async ( ) => {
89+ await loader . getAllHarnesses ( MatButtonHarness . with ( { text : MIDDLE_BUTTON } ) ) ;
90+ } ) ;
10191 } ) ;
102- } ) ;
10392
104- it ( 'should click the last button' , async ( ) => {
105- await benchmark ( 'click last button' , async ( ) => {
106- const button = await loader . getHarness ( MatButtonHarness . with ( { text : LAST_BUTTON } ) ) ;
107- await button . click ( ) ;
93+ it ( 'should click a button' , async ( ) => {
94+ const button = await loader . getHarness ( MatButtonHarness ) ;
95+ await benchmark ( '(with harness) click a button' , async ( ) => {
96+ await button . click ( ) ;
97+ } ) ;
10898 } ) ;
109- } ) ;
11099
111- it ( 'should click all of the buttons' , async ( ) => {
112- await benchmark ( 'click every button' , async ( ) => {
100+ it ( 'should click all buttons' , async ( ) => {
113101 const buttons = await loader . getAllHarnesses ( MatButtonHarness ) ;
114- for ( let i = 0 ; i < buttons . length ; i ++ ) {
115- const button = buttons [ i ] ;
116- await button . click ( ) ;
117- }
102+ await benchmark ( '(with harness) click all buttons' , async ( ) => {
103+ await Promise . all ( buttons . map ( button => button . click ( ) ) ) ;
104+ } ) ;
118105 } ) ;
119106 } ) ;
120107
121- // To see the benchmarks for this test, uncomment the it test below.
122- //
123- // I don't know how to force karma_web_test to show logs in the console so we are using this as
124- // a solution for now.
125- // it('should fail intentionally', () => expect(1).toBe(2));
108+ it ( 'should fail intentionally so performance numbers are logged' , fail ) ;
126109} ) ;
127110
128111@Component ( {
0 commit comments