Add tests for removal functionality

Author: MatteoVH

src/material-experimental/mdc-chips/testing/chip-harness.spec.ts

@@ -10,10 +10,12 @@ let loader: HarnessLoader;
 
 describe('MatChipHarness', () => {
   beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [MatChipsModule],
-      declarations: [ChipHarnessTest],
-    }).compileComponents();
+    await TestBed
+        .configureTestingModule({
+          imports: [MatChipsModule],
+          declarations: [ChipHarnessTest],
+        })
+        .compileComponents();
 
     fixture = TestBed.createComponent(ChipHarnessTest);
     fixture.detectChanges();
@@ -32,6 +34,25 @@ describe('MatChipHarness', () => {
     expect(await harnesses[2].getText()).toBe('Chip with avatar');
     expect(await harnesses[3].getText()).toBe('Disabled Chip');
   });
+
+  it('correctly identifies chips without matChipRemove elements as irremovable', async () => {
+    const harnesses = await loader.getAllHarnesses(MatChipHarness);
+
+    expect(await harnesses[0].isRemovable()).toBeTrue();
+  });
+
+  it('correctly identifies chips with matChipRemove elements as removable', async () => {
+    const harnesses = await loader.getAllHarnesses(MatChipHarness);
+
+    expect(await harnesses[3].isRemovable()).toBeTrue();
+  });
+
+  it('should be able to remove a chip', async () => {
+    const harnesses = await loader.getAllHarnesses(MatChipHarness);
+    await harnesses[3].remove();
+
+    expect(harnesses.length).toBe(3);
+  });
 });
 
 @Component({
@@ -42,5 +63,5 @@ describe('MatChipHarness', () => {
     <mat-chip disabled>Disabled Chip <span matChipRemove>remove_icon</span></mat-chip>
   `
 })
-class ChipHarnessTest {}
-
+class ChipHarnessTest {
+}

src/material-experimental/mdc-chips/testing/chip-remove-harness.spec.ts

@@ -0,0 +1,38 @@
+import {HarnessLoader} from '@angular/cdk/testing';
+import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
+import {Component} from '@angular/core';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+import {MatChipsModule} from '../index';
+import {MatChipRemoveHarness} from './chip-remove-harness';
+
+let fixture: ComponentFixture<ChipRemoveHarnessTest>;
+let loader: HarnessLoader;
+
+describe('MatChipRemoveHarness', () => {
+  beforeEach(async () => {
+    await TestBed
+        .configureTestingModule({
+          imports: [MatChipsModule],
+          declarations: [ChipRemoveHarnessTest],
+        })
+        .compileComponents();
+
+    fixture = TestBed.createComponent(ChipRemoveHarnessTest);
+    fixture.detectChanges();
+    loader = TestbedHarnessEnvironment.loader(fixture);
+  });
+
+  it('should get correct number of chip remove harnesses', async () => {
+    const harnesses = await loader.getAllHarnesses(MatChipRemoveHarness);
+    expect(harnesses.length).toBe(1);
+  });
+});
+
+@Component({
+  template: `
+    <mat-basic-chip>Basic Chip w/ Remove <span matChipRemove>remove_icon</span></mat-basic-chip>
+    <mat-chip>Chip w/o Remove</mat-chip>
+  `
+})
+class ChipRemoveHarnessTest {
+}