build: attempt to de-flake harness integration test

Tries to de-flake the harness e2e integration test by swapping out `mat-select` with `mat-selection-list`. `mat-select` has been causing flakes in its own Firefox tests too so it's possible that it may be the reason for the integration test flakes as well.

The component being tested doesn't really matter since the integration test is primarily verifying our npm packages.

Author: crisbeto

integration/harness-e2e-cli/e2e/select-harness.spec.ts renamed to integration/harness-e2e-cli/e2e/list-harness.spec.ts

@@ -1,4 +1,4 @@
-import {MatSelectHarness} from '@angular/material/select/testing';
+import {MatSelectionListHarness} from '@angular/material/list/testing';
 import {SeleniumWebDriverHarnessEnvironment} from '@angular/cdk/testing/selenium-webdriver';
 import {HarnessLoader} from '@angular/cdk/testing';
 import {configureDriver} from './driver.js';
@@ -15,18 +15,13 @@ describe('app test', () => {
   });
 
   it('should work', async () => {
-    const select = await loader.getHarness(MatSelectHarness);
+    const list = await loader.getHarness(MatSelectionListHarness);
+    expect(list).toBeDefined();
 
-    expect(select).toBeDefined();
-    expect(await select.getValueText()).toBe('');
+    const items = await list.getItems();
+    expect(await items[1].isSelected()).toBe(false);
 
-    await select.open();
-
-    const options = await select.getOptions();
-
-    await options[0].click();
-    await select.close();
-
-    expect(await select.getValueText()).toBe('First');
+    await items[1].select();
+    expect(await items[1].isSelected()).toBe(true);
   });
 });

integration/harness-e2e-cli/src/app/app.component.html

@@ -1,7 +1,4 @@
-<mat-form-field>
-  <mat-label>Select</mat-label>
-  <mat-select>
-    <mat-option value="first">First</mat-option>
-    <mat-option value="second">Second</mat-option>
-  </mat-select>
-</mat-form-field>
+<mat-selection-list>
+  <mat-list-option value="first">First</mat-list-option>
+  <mat-list-option value="second">Second</mat-list-option>
+</mat-selection-list>

integration/harness-e2e-cli/src/app/app.module.ts

@@ -3,13 +3,11 @@ import {BrowserModule} from '@angular/platform-browser';
 import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 
 import {AppComponent} from './app.component';
-import {MatSelectModule} from '@angular/material/select';
-import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatListModule} from '@angular/material/list';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [MatSelectModule, MatFormFieldModule, NoopAnimationsModule, BrowserModule],
-  providers: [],
+  imports: [MatListModule, NoopAnimationsModule, BrowserModule],
   bootstrap: [AppComponent],
 })
 export class AppModule {}