sass-references/angular-material/material/tabs/testing/tab-link-harness.ts

57 lines
1.7 KiB
TypeScript
Raw Permalink Normal View History

2024-12-06 10:42:08 +08:00
/**
* @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 {TabLinkHarnessFilters} from './tab-harness-filters';
/** Harness for interacting with a Angular Material tab link in tests. */
export class MatTabLinkHarness extends ComponentHarness {
/** The selector for the host element of a `MatTabLink` instance. */
static hostSelector = '.mat-mdc-tab-link';
/**
* Gets a `HarnessPredicate` that can be used to search for a tab link with specific attributes.
* @param options Options for filtering which tab link instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with<T extends MatTabLinkHarness>(
this: ComponentHarnessConstructor<T>,
options: TabLinkHarnessFilters = {},
): HarnessPredicate<T> {
return new HarnessPredicate(this, options).addOption('label', options.label, (harness, label) =>
HarnessPredicate.stringMatches(harness.getLabel(), label),
);
}
/** Gets the label of the link. */
async getLabel(): Promise<string> {
return (await this.host()).text();
}
/** Whether the link is active. */
async isActive(): Promise<boolean> {
const host = await this.host();
return host.hasClass('mdc-tab--active');
}
/** Whether the link is disabled. */
async isDisabled(): Promise<boolean> {
const host = await this.host();
return host.hasClass('mat-mdc-tab-disabled');
}
/** Clicks on the link. */
async click(): Promise<void> {
await (await this.host()).click();
}
}