@angular/material
Version:
Angular Material
147 lines (139 loc) • 6.45 kB
JavaScript
import { HarnessPredicate, ContentContainerComponentHarness } from '@angular/cdk/testing';
/**
* Base class for the drawer harness functionality.
* @docs-private
*/
class MatDrawerHarnessBase extends ContentContainerComponentHarness {
/** Whether the drawer is open. */
async isOpen() {
return (await this.host()).hasClass('mat-drawer-opened');
}
/** Gets the position of the drawer inside its container. */
async getPosition() {
const host = await this.host();
return (await host.hasClass('mat-drawer-end')) ? 'end' : 'start';
}
/** Gets the mode that the drawer is in. */
async getMode() {
const host = await this.host();
if (await host.hasClass('mat-drawer-push')) {
return 'push';
}
if (await host.hasClass('mat-drawer-side')) {
return 'side';
}
return 'over';
}
}
/** Harness for interacting with a standard mat-drawer in tests. */
class MatDrawerHarness extends MatDrawerHarnessBase {
/** The selector for the host element of a `MatDrawer` instance. */
static hostSelector = '.mat-drawer';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatDrawerHarness` that meets
* certain criteria.
* @param options Options for filtering which drawer instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatDrawerHarness, options).addOption('position', options.position, async (harness, position) => (await harness.getPosition()) === position);
}
}
/** Harness for interacting with a standard mat-drawer-content in tests. */
class MatDrawerContentHarness extends ContentContainerComponentHarness {
/** The selector for the host element of a `MatDrawerContent` instance. */
static hostSelector = '.mat-drawer-content';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContentHarness` that
* meets certain criteria.
* @param options Options for filtering which drawer content instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatDrawerContentHarness, options);
}
}
/** Harness for interacting with a standard mat-drawer-container in tests. */
class MatDrawerContainerHarness extends ContentContainerComponentHarness {
/** The selector for the host element of a `MatDrawerContainer` instance. */
static hostSelector = '.mat-drawer-container';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatDrawerContainerHarness` that
* meets certain criteria.
* @param options Options for filtering which container instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatDrawerContainerHarness, options);
}
/**
* Gets drawers that match particular criteria within the container.
* @param filter Optionally filters which chips are included.
*/
async getDrawers(filter = {}) {
return this.locatorForAll(MatDrawerHarness.with(filter))();
}
/** Gets the element that has the container's content. */
async getContent() {
return this.locatorFor(MatDrawerContentHarness)();
}
}
/** Harness for interacting with a standard mat-sidenav-content in tests. */
class MatSidenavContentHarness extends ContentContainerComponentHarness {
/** The selector for the host element of a `MatSidenavContent` instance. */
static hostSelector = '.mat-sidenav-content';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContentHarness` that
* meets certain criteria.
* @param options Options for filtering which sidenav content instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatSidenavContentHarness, options);
}
}
/** Harness for interacting with a standard mat-sidenav in tests. */
class MatSidenavHarness extends MatDrawerHarnessBase {
/** The selector for the host element of a `MatSidenav` instance. */
static hostSelector = '.mat-sidenav';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatSidenavHarness` that meets
* certain criteria.
* @param options Options for filtering which sidenav instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatSidenavHarness, options).addOption('position', options.position, async (harness, position) => (await harness.getPosition()) === position);
}
/** Whether the sidenav is fixed in the viewport. */
async isFixedInViewport() {
return (await this.host()).hasClass('mat-sidenav-fixed');
}
}
/** Harness for interacting with a standard mat-sidenav-container in tests. */
class MatSidenavContainerHarness extends ContentContainerComponentHarness {
/** The selector for the host element of a `MatSidenavContainer` instance. */
static hostSelector = '.mat-sidenav-container';
/**
* Gets a `HarnessPredicate` that can be used to search for a `MatSidenavContainerHarness` that
* meets certain criteria.
* @param options Options for filtering which container instances are considered a match.
* @return a `HarnessPredicate` configured with the given options.
*/
static with(options = {}) {
return new HarnessPredicate(MatSidenavContainerHarness, options);
}
/**
* Gets sidenavs that match particular criteria within the container.
* @param filter Optionally filters which chips are included.
*/
async getSidenavs(filter = {}) {
return this.locatorForAll(MatSidenavHarness.with(filter))();
}
/** Gets the element that has the container's content. */
async getContent() {
return this.locatorFor(MatSidenavContentHarness)();
}
}
export { MatDrawerContainerHarness, MatDrawerContentHarness, MatDrawerHarness, MatSidenavContainerHarness, MatSidenavContentHarness, MatSidenavHarness };
//# sourceMappingURL=testing.mjs.map