test(material/bottom-sheet): combine shared tests

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

Author: crisbeto

src/material/bottom-sheet/testing/BUILD.bazel

@@ -20,8 +20,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/overlay",
@@ -32,19 +32,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/bottom-sheet",
-    ],
-)
-
 ng_web_test_suite(
     name = "unit_tests",
     deps = [":unit_tests_lib"],

src/material/bottom-sheet/testing/bottom-sheet-harness.spec.ts

@@ -1,7 +1,67 @@
-import {MatBottomSheetModule} from '@angular/material/bottom-sheet';
-import {runHarnessTests} from '@angular/material/bottom-sheet/testing/shared.spec';
+import {Component, TemplateRef, ViewChild} from '@angular/core';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {HarnessLoader} from '@angular/cdk/testing';
+import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
+import {
+  MatBottomSheet,
+  MatBottomSheetConfig,
+  MatBottomSheetModule,
+} from '@angular/material/bottom-sheet';
+import {NoopAnimationsModule} from '@angular/platform-browser/animations';
 import {MatBottomSheetHarness} from './bottom-sheet-harness';
 
-describe('Non-MDC-based MatBottomSheetHarness', () => {
-  runHarnessTests(MatBottomSheetModule, MatBottomSheetHarness);
+describe('MatBottomSheetHarness', () => {
+  let fixture: ComponentFixture<BottomSheetHarnessTest>;
+  let loader: HarnessLoader;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [MatBottomSheetModule, NoopAnimationsModule],
+      declarations: [BottomSheetHarnessTest],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(BottomSheetHarnessTest);
+    fixture.detectChanges();
+    loader = TestbedHarnessEnvironment.documentRootLoader(fixture);
+  });
+
+  it('should load harness for a bottom sheet', async () => {
+    fixture.componentInstance.open();
+    const bottomSheets = await loader.getAllHarnesses(MatBottomSheetHarness);
+    expect(bottomSheets.length).toBe(1);
+  });
+
+  it('should be able to get aria-label of the bottom sheet', async () => {
+    fixture.componentInstance.open({ariaLabel: 'Confirm purchase.'});
+    const bottomSheet = await loader.getHarness(MatBottomSheetHarness);
+    expect(await bottomSheet.getAriaLabel()).toBe('Confirm purchase.');
+  });
+
+  it('should be able to dismiss the bottom sheet', async () => {
+    fixture.componentInstance.open();
+    let bottomSheets = await loader.getAllHarnesses(MatBottomSheetHarness);
+
+    expect(bottomSheets.length).toBe(1);
+    await bottomSheets[0].dismiss();
+
+    bottomSheets = await loader.getAllHarnesses(MatBottomSheetHarness);
+    expect(bottomSheets.length).toBe(0);
+  });
 });
+
+@Component({
+  template: `
+    <ng-template>
+      Hello from the bottom sheet!
+    </ng-template>
+  `,
+})
+class BottomSheetHarnessTest {
+  @ViewChild(TemplateRef) template: TemplateRef<any>;
+
+  constructor(readonly bottomSheet: MatBottomSheet) {}
+
+  open(config?: MatBottomSheetConfig) {
+    return this.bottomSheet.open(this.template, config);
+  }
+}