test(material/toolbar): combine shared tests

Since we only have one module, we don't need separate shared tests anymore.

Author: crisbeto

src/material/toolbar/testing/BUILD.bazel

@@ -19,8 +19,8 @@ filegroup(
 )
 
 ng_test_library(
-    name = "harness_tests_lib",
-    srcs = ["shared.spec.ts"],
+    name = "unit_tests_lib",
+    srcs = glob(["**/*.spec.ts"]),
     deps = [
         ":testing",
         "//src/cdk/testing",
@@ -30,21 +30,6 @@ ng_test_library(
     ],
 )
 
-ng_test_library(
-    name = "unit_tests_lib",
-    srcs = glob(
-        ["**/*.spec.ts"],
-        exclude = [
-            "shared.spec.ts",
-        ],
-    ),
-    deps = [
-        ":harness_tests_lib",
-        ":testing",
-        "//src/material/toolbar",
-    ],
-)
-
 ng_web_test_suite(
     name = "unit_tests",
     deps = [":unit_tests_lib"],

src/material/toolbar/testing/shared.spec.ts

@@ -1,7 +1,83 @@
-import {runHarnessTests} from '@angular/material/toolbar/testing/shared.spec';
+import {Component} from '@angular/core';
+import {ComponentHarness, HarnessLoader} from '@angular/cdk/testing';
 import {MatToolbarModule} from '@angular/material/toolbar';
-import {MatToolbarHarness} from '@angular/material/toolbar/testing';
+import {MatToolbarHarness, MatToolbarSection} from '@angular/material/toolbar/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
 
-describe('Non-MDC-based MatToolbarHarness', () => {
-  runHarnessTests(MatToolbarModule, MatToolbarHarness);
+describe('MatToolbarHarness', () => {
+  let fixture: ComponentFixture<ToolbarHarnessTest>;
+  let loader: HarnessLoader;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MatToolbarModule],
+      declarations: [ToolbarHarnessTest],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ToolbarHarnessTest);
+    fixture.detectChanges();
+    loader = TestbedHarnessEnvironment.loader(fixture);
+  });
+
+  it('should find all toolbars', async () => {
+    const toolbars = await loader.getAllHarnesses(MatToolbarHarness);
+
+    expect(toolbars.length).toBe(2);
+  });
+
+  it('should find toolbar with text', async () => {
+    const toolbars = await loader.getAllHarnesses(MatToolbarHarness.with({text: 'My App'}));
+
+    expect(toolbars.length).toBe(1);
+    expect(await toolbars[0].hasMultipleRows()).toBeFalse();
+  });
+
+  it('should find toolbar with regex', async () => {
+    const toolbars = await loader.getAllHarnesses(MatToolbarHarness.with({text: /Row/}));
+
+    expect(toolbars.length).toBe(1);
+    expect(await toolbars[0].hasMultipleRows()).toBeTrue();
+  });
+
+  it('should get toolbar text', async () => {
+    const toolbars = await loader.getAllHarnesses(MatToolbarHarness);
+
+    expect(await toolbars[0].getRowsAsText()).toEqual(['My App']);
+    expect(await toolbars[1].getRowsAsText()).toEqual(['Row 1', 'Row 2 Button 1  Button 2']);
+  });
+
+  it('should get harness loaders for toolbar row', async () => {
+    const toolbar = await loader.getHarness(MatToolbarHarness.with({text: /Button/}));
+    const rowLoaders = await toolbar.getAllChildLoaders(MatToolbarSection.ROW);
+    const row1 = rowLoaders[0] as HarnessLoader;
+    const row1Subcomponents = await row1.getAllHarnesses(DummyHarness);
+    const row2 = rowLoaders[1] as HarnessLoader;
+    const row2Subcomponents = await row2.getAllHarnesses(DummyHarness);
+
+    expect(row1Subcomponents.length).toBe(1);
+    expect(row2Subcomponents.length).toBe(3);
+  });
 });
+
+@Component({
+  template: `
+    <mat-toolbar><span>My App</span></mat-toolbar>
+    <mat-toolbar>
+      <mat-toolbar-row><span>Row 1</span></mat-toolbar-row>
+      <mat-toolbar-row><span>Row 2</span>
+        <button mat-button>
+          Button 1
+        </button>
+        <button mat-button>
+          Button 2
+        </button>
+      </mat-toolbar-row>
+    </mat-toolbar>
+  `,
+})
+class ToolbarHarnessTest {}
+
+class DummyHarness extends ComponentHarness {
+  static hostSelector = 'span, button';
+}