62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
|
/**
|
||
|
|
* @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 {ComponentHarnessConstructor, HarnessPredicate} from '@angular/cdk/testing';
|
||
|
|
import {MatChipHarness} from './chip-harness';
|
||
|
|
import {ChipOptionHarnessFilters} from './chip-harness-filters';
|
||
|
|
|
||
|
|
/** Harness for interacting with a mat-chip-option in tests. */
|
||
|
|
export class MatChipOptionHarness extends MatChipHarness {
|
||
|
|
static override hostSelector = '.mat-mdc-chip-option';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Gets a `HarnessPredicate` that can be used to search for a chip option with specific
|
||
|
|
* attributes.
|
||
|
|
* @param options Options for narrowing the search.
|
||
|
|
* @return a `HarnessPredicate` configured with the given options.
|
||
|
|
*/
|
||
|
|
static override with<T extends MatChipHarness>(
|
||
|
|
this: ComponentHarnessConstructor<T>,
|
||
|
|
options: ChipOptionHarnessFilters = {},
|
||
|
|
): HarnessPredicate<T> {
|
||
|
|
return new HarnessPredicate(MatChipOptionHarness, options)
|
||
|
|
.addOption('text', options.text, (harness, label) =>
|
||
|
|
HarnessPredicate.stringMatches(harness.getText(), label),
|
||
|
|
)
|
||
|
|
.addOption(
|
||
|
|
'selected',
|
||
|
|
options.selected,
|
||
|
|
async (harness, selected) => (await harness.isSelected()) === selected,
|
||
|
|
) as unknown as HarnessPredicate<T>;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Whether the chip is selected. */
|
||
|
|
async isSelected(): Promise<boolean> {
|
||
|
|
return (await this.host()).hasClass('mat-mdc-chip-selected');
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Selects the given chip. Only applies if it's selectable. */
|
||
|
|
async select(): Promise<void> {
|
||
|
|
if (!(await this.isSelected())) {
|
||
|
|
await this.toggle();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Deselects the given chip. Only applies if it's selectable. */
|
||
|
|
async deselect(): Promise<void> {
|
||
|
|
if (await this.isSelected()) {
|
||
|
|
await this.toggle();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Toggles the selected state of the given chip. */
|
||
|
|
async toggle(): Promise<void> {
|
||
|
|
return (await this._primaryAction()).click();
|
||
|
|
}
|
||
|
|
}
|