63 lines
2.4 KiB
TypeScript
63 lines
2.4 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 {MatButtonToggleAppearance} from '@angular/material/button-toggle';
|
|
import {ButtonToggleGroupHarnessFilters} from './button-toggle-group-harness-filters';
|
|
import {ButtonToggleHarnessFilters} from './button-toggle-harness-filters';
|
|
import {MatButtonToggleHarness} from './button-toggle-harness';
|
|
|
|
/** Harness for interacting with a standard mat-button-toggle in tests. */
|
|
export class MatButtonToggleGroupHarness extends ComponentHarness {
|
|
/** The selector for the host element of a `MatButton` instance. */
|
|
static hostSelector = '.mat-button-toggle-group';
|
|
|
|
/**
|
|
* Gets a `HarnessPredicate` that can be used to search for a `MatButtonToggleGroupHarness`
|
|
* that meets certain criteria.
|
|
* @param options Options for filtering which button toggle instances are considered a match.
|
|
* @return a `HarnessPredicate` configured with the given options.
|
|
*/
|
|
static with(
|
|
options: ButtonToggleGroupHarnessFilters = {},
|
|
): HarnessPredicate<MatButtonToggleGroupHarness> {
|
|
return new HarnessPredicate(MatButtonToggleGroupHarness, options).addOption(
|
|
'disabled',
|
|
options.disabled,
|
|
async (harness, disabled) => {
|
|
return (await harness.isDisabled()) === disabled;
|
|
},
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Gets the button toggles that are inside the group.
|
|
* @param filter Optionally filters which toggles are included.
|
|
*/
|
|
async getToggles(filter: ButtonToggleHarnessFilters = {}): Promise<MatButtonToggleHarness[]> {
|
|
return this.locatorForAll(MatButtonToggleHarness.with(filter))();
|
|
}
|
|
|
|
/** Gets whether the button toggle group is disabled. */
|
|
async isDisabled(): Promise<boolean> {
|
|
return (await (await this.host()).getAttribute('aria-disabled')) === 'true';
|
|
}
|
|
|
|
/** Gets whether the button toggle group is laid out vertically. */
|
|
async isVertical(): Promise<boolean> {
|
|
return (await this.host()).hasClass('mat-button-toggle-vertical');
|
|
}
|
|
|
|
/** Gets the appearance that the group is using. */
|
|
async getAppearance(): Promise<MatButtonToggleAppearance> {
|
|
const host = await this.host();
|
|
const className = 'mat-button-toggle-group-appearance-standard';
|
|
return (await host.hasClass(className)) ? 'standard' : 'legacy';
|
|
}
|
|
}
|