add edit harness

Author: adolgachev

src/material/chips/testing/chip-edit-harness.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
+import {
+  ComponentHarness,
+  ComponentHarnessConstructor,
+  HarnessPredicate,
+} from '@angular/cdk/testing';
+import {ChipEditHarnessFilters} from './chip-harness-filters';
+
+/** Harness for interacting with a standard Material chip edit button in tests. */
+export class MatChipEditHarness extends ComponentHarness {
+  static hostSelector = '.mat-mdc-chip-edit';
+
+  /**
+   * Gets a `HarnessPredicate` that can be used to search for a chip edit with specific
+   * attributes.
+   * @param options Options for filtering which input instances are considered a match.
+   * @return a `HarnessPredicate` configured with the given options.
+   */
+  static with<T extends MatChipEditHarness>(
+    this: ComponentHarnessConstructor<T>,
+    options: ChipEditHarnessFilters = {},
+  ): HarnessPredicate<T> {
+    return new HarnessPredicate(this, options);
+  }
+
+  /** Clicks the edit button. */
+  async click(): Promise<void> {
+    return (await this.host()).click();
+  }
+}

src/material/chips/testing/chip-harness-filters.ts

@@ -43,6 +43,8 @@ export interface ChipRowHarnessFilters extends ChipHarnessFilters {}
 
 export interface ChipSetHarnessFilters extends BaseHarnessFilters {}
 
+export interface ChipEditHarnessFilters extends BaseHarnessFilters {}
+
 export interface ChipRemoveHarnessFilters extends BaseHarnessFilters {}
 
 export interface ChipAvatarHarnessFilters extends BaseHarnessFilters {}

src/material/chips/testing/chip-harness.ts

@@ -15,9 +15,11 @@ import {
 import {MatChipAvatarHarness} from './chip-avatar-harness';
 import {
   ChipAvatarHarnessFilters,
+  ChipEditHarnessFilters,
   ChipHarnessFilters,
   ChipRemoveHarnessFilters,
 } from './chip-harness-filters';
+import {MatChipEditHarness} from './chip-edit-harness';
 import {MatChipRemoveHarness} from './chip-remove-harness';
 
 /** Harness for interacting with a mat-chip in tests. */
@@ -62,6 +64,14 @@ export class MatChipHarness extends ContentContainerComponentHarness {
     await hostEl.sendKeys(TestKey.DELETE);
   }
 
+  /**
+   * Gets the edit button inside of a chip.
+   * @param filter Optionally filters which chips are included.
+   */
+  async geEditButton(filter: ChipEditHarnessFilters = {}): Promise<MatChipEditHarness> {
+    return this.locatorFor(MatChipEditHarness.with(filter))();
+  }
+
   /**
    * Gets the remove button inside of a chip.
    * @param filter Optionally filters which chips are included.