import { __awaiter } from 'tslib'; import { ContentContainerComponentHarness, HarnessPredicate, ComponentHarness } from '@angular/cdk/testing'; /** * @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.io/license */ /** Harness for interacting with a standard Angular Material step in tests. */ class MatStepHarness extends ContentContainerComponentHarness { /** * Gets a `HarnessPredicate` that can be used to search for a `MatStepHarness` that meets * certain criteria. * @param options Options for filtering which steps are considered a match. * @return a `HarnessPredicate` configured with the given options. */ static with(options = {}) { return new HarnessPredicate(MatStepHarness, options) .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label)) .addOption('selected', options.selected, (harness, selected) => __awaiter(this, void 0, void 0, function* () { return (yield harness.isSelected()) === selected; })) .addOption('completed', options.completed, (harness, completed) => __awaiter(this, void 0, void 0, function* () { return (yield harness.isCompleted()) === completed; })) .addOption('invalid', options.invalid, (harness, invalid) => __awaiter(this, void 0, void 0, function* () { return (yield harness.hasErrors()) === invalid; })); } /** Gets the label of the step. */ getLabel() { return __awaiter(this, void 0, void 0, function* () { return (yield this.locatorFor('.mat-step-text-label')()).text(); }); } /** Gets the `aria-label` of the step. */ getAriaLabel() { return __awaiter(this, void 0, void 0, function* () { return (yield this.host()).getAttribute('aria-label'); }); } /** Gets the value of the `aria-labelledby` attribute. */ getAriaLabelledby() { return __awaiter(this, void 0, void 0, function* () { return (yield this.host()).getAttribute('aria-labelledby'); }); } /** Whether the step is selected. */ isSelected() { return __awaiter(this, void 0, void 0, function* () { const host = yield this.host(); return (yield host.getAttribute('aria-selected')) === 'true'; }); } /** Whether the step has been filled out. */ isCompleted() { return __awaiter(this, void 0, void 0, function* () { const state = yield this._getIconState(); return state === 'done' || (state === 'edit' && !(yield this.isSelected())); }); } /** * Whether the step is currently showing its error state. Note that this doesn't mean that there * are or aren't any invalid form controls inside the step, but that the step is showing its * error-specific styling which depends on there being invalid controls, as well as the * `ErrorStateMatcher` determining that an error should be shown and that the `showErrors` * option was enabled through the `STEPPER_GLOBAL_OPTIONS` injection token. */ hasErrors() { return __awaiter(this, void 0, void 0, function* () { return (yield this._getIconState()) === 'error'; }); } /** Whether the step is optional. */ isOptional() { return __awaiter(this, void 0, void 0, function* () { // If the node with the optional text is present, it means that the step is optional. const optionalNode = yield this.locatorForOptional('.mat-step-optional')(); return !!optionalNode; }); } /** * Selects the given step by clicking on the label. The step may not be selected * if the stepper doesn't allow it (e.g. if there are validation errors). */ select() { return __awaiter(this, void 0, void 0, function* () { yield (yield this.host()).click(); }); } getRootHarnessLoader() { return __awaiter(this, void 0, void 0, function* () { const contentId = yield (yield this.host()).getAttribute('aria-controls'); return this.documentRootLocatorFactory().harnessLoaderFor(`#${contentId}`); }); } /** * Gets the state of the step. Note that we have a `StepState` which we could use to type the * return value, but it's basically the same as `string`, because the type has `| string`. */ _getIconState() { return __awaiter(this, void 0, void 0, function* () { // The state is exposed on the icon with a class that looks like `mat-step-icon-state-{{state}}` const icon = yield this.locatorFor('.mat-step-icon')(); const classes = (yield icon.getAttribute('class')); const match = classes.match(/mat-step-icon-state-([a-z]+)/); if (!match) { throw Error(`Could not determine step state from "${classes}".`); } return match[1]; }); } } /** The selector for the host element of a `MatStep` instance. */ MatStepHarness.hostSelector = '.mat-step-header'; /** * @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.io/license */ /** Harness for interacting with a standard Material stepper in tests. */ class MatStepperHarness extends ComponentHarness { /** * Gets a `HarnessPredicate` that can be used to search for a `MatStepperHarness` that meets * certain criteria. * @param options Options for filtering which stepper instances are considered a match. * @return a `HarnessPredicate` configured with the given options. */ static with(options = {}) { return new HarnessPredicate(MatStepperHarness, options) .addOption('orientation', options.orientation, (harness, orientation) => __awaiter(this, void 0, void 0, function* () { return (yield harness.getOrientation()) === orientation; })); } /** * Gets the list of steps in the stepper. * @param filter Optionally filters which steps are included. */ getSteps(filter = {}) { return __awaiter(this, void 0, void 0, function* () { return this.locatorForAll(MatStepHarness.with(filter))(); }); } /** Gets the orientation of the stepper. */ getOrientation() { return __awaiter(this, void 0, void 0, function* () { const host = yield this.host(); return (yield host.hasClass('mat-stepper-horizontal')) ? 0 /* HORIZONTAL */ : 1 /* VERTICAL */; }); } /** * Selects a step in this stepper. * @param filter An optional filter to apply to the child steps. The first step matching the * filter will be selected. */ selectStep(filter = {}) { return __awaiter(this, void 0, void 0, function* () { const steps = yield this.getSteps(filter); if (!steps.length) { throw Error(`Cannot find mat-step matching filter ${JSON.stringify(filter)}`); } yield steps[0].select(); }); } } /** The selector for the host element of a `MatStepper` instance. */ MatStepperHarness.hostSelector = '.mat-stepper-horizontal, .mat-stepper-vertical'; /** * @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.io/license */ /** Base class for stepper button harnesses. */ class StepperButtonHarness extends ComponentHarness { /** Gets the text of the button. */ getText() { return __awaiter(this, void 0, void 0, function* () { return (yield this.host()).text(); }); } /** Clicks the button. */ click() { return __awaiter(this, void 0, void 0, function* () { return (yield this.host()).click(); }); } } /** Harness for interacting with a standard Angular Material stepper next button in tests. */ class MatStepperNextHarness extends StepperButtonHarness { /** * Gets a `HarnessPredicate` that can be used to search for a `MatStepperNextHarness` that meets * certain criteria. * @param options Options for filtering which steps are considered a match. * @return a `HarnessPredicate` configured with the given options. */ static with(options = {}) { return new HarnessPredicate(MatStepperNextHarness, options) .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text)); } } /** The selector for the host element of a `MatStep` instance. */ MatStepperNextHarness.hostSelector = '.mat-stepper-next'; /** Harness for interacting with a standard Angular Material stepper previous button in tests. */ class MatStepperPreviousHarness extends StepperButtonHarness { /** * Gets a `HarnessPredicate` that can be used to search for a `MatStepperPreviousHarness` * that meets certain criteria. * @param options Options for filtering which steps are considered a match. * @return a `HarnessPredicate` configured with the given options. */ static with(options = {}) { return new HarnessPredicate(MatStepperPreviousHarness, options) .addOption('text', options.text, (harness, text) => HarnessPredicate.stringMatches(harness.getText(), text)); } } /** The selector for the host element of a `MatStep` instance. */ MatStepperPreviousHarness.hostSelector = '.mat-stepper-previous'; /** * @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.io/license */ /** * @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.io/license */ export { MatStepHarness, MatStepperHarness, MatStepperNextHarness, MatStepperPreviousHarness }; //# sourceMappingURL=testing.js.map