86 lines
2.6 KiB
TypeScript
86 lines
2.6 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 {ComponentHarness, HarnessPredicate} from '@angular/cdk/testing';
|
|
import {MatBadgePosition, MatBadgeSize} from '@angular/material/badge';
|
|
import {BadgeHarnessFilters} from './badge-harness-filters';
|
|
|
|
/** Harness for interacting with a standard Material badge in tests. */
|
|
export class MatBadgeHarness extends ComponentHarness {
|
|
static hostSelector = '.mat-badge';
|
|
|
|
/**
|
|
* Gets a `HarnessPredicate` that can be used to search for a badge with specific attributes.
|
|
* @param options Options for narrowing the search:
|
|
* - `text` finds a badge host with a particular text.
|
|
* @return a `HarnessPredicate` configured with the given options.
|
|
*/
|
|
static with(options: BadgeHarnessFilters = {}): HarnessPredicate<MatBadgeHarness> {
|
|
return new HarnessPredicate(MatBadgeHarness, options).addOption(
|
|
'text',
|
|
options.text,
|
|
(harness, text) => HarnessPredicate.stringMatches(harness.getText(), text),
|
|
);
|
|
}
|
|
|
|
private _badgeElement = this.locatorFor('.mat-badge-content');
|
|
|
|
/** Gets a promise for the badge text. */
|
|
async getText(): Promise<string> {
|
|
return (await this._badgeElement()).text();
|
|
}
|
|
|
|
/** Gets whether the badge is overlapping the content. */
|
|
async isOverlapping(): Promise<boolean> {
|
|
return (await this.host()).hasClass('mat-badge-overlap');
|
|
}
|
|
|
|
/** Gets the position of the badge. */
|
|
async getPosition(): Promise<MatBadgePosition> {
|
|
const host = await this.host();
|
|
let result = '';
|
|
|
|
if (await host.hasClass('mat-badge-above')) {
|
|
result += 'above';
|
|
} else if (await host.hasClass('mat-badge-below')) {
|
|
result += 'below';
|
|
}
|
|
|
|
if (await host.hasClass('mat-badge-before')) {
|
|
result += ' before';
|
|
} else if (await host.hasClass('mat-badge-after')) {
|
|
result += ' after';
|
|
}
|
|
|
|
return result.trim() as MatBadgePosition;
|
|
}
|
|
|
|
/** Gets the size of the badge. */
|
|
async getSize(): Promise<MatBadgeSize> {
|
|
const host = await this.host();
|
|
|
|
if (await host.hasClass('mat-badge-small')) {
|
|
return 'small';
|
|
} else if (await host.hasClass('mat-badge-large')) {
|
|
return 'large';
|
|
}
|
|
|
|
return 'medium';
|
|
}
|
|
|
|
/** Gets whether the badge is hidden. */
|
|
async isHidden(): Promise<boolean> {
|
|
return (await this.host()).hasClass('mat-badge-hidden');
|
|
}
|
|
|
|
/** Gets whether the badge is disabled. */
|
|
async isDisabled(): Promise<boolean> {
|
|
return (await this.host()).hasClass('mat-badge-disabled');
|
|
}
|
|
}
|