[6a3a178] | 1 | import { __awaiter } from 'tslib';
|
---|
| 2 | import { HarnessPredicate, ComponentHarness, parallel, TestKey } from '@angular/cdk/testing';
|
---|
| 3 | import { MatFormFieldControlHarness } from '@angular/material/form-field/testing/control';
|
---|
| 4 | import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
---|
| 5 |
|
---|
| 6 | /**
|
---|
| 7 | * @license
|
---|
| 8 | * Copyright Google LLC All Rights Reserved.
|
---|
| 9 | *
|
---|
| 10 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 11 | * found in the LICENSE file at https://angular.io/license
|
---|
| 12 | */
|
---|
| 13 |
|
---|
| 14 | /**
|
---|
| 15 | * @license
|
---|
| 16 | * Copyright Google LLC All Rights Reserved.
|
---|
| 17 | *
|
---|
| 18 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 19 | * found in the LICENSE file at https://angular.io/license
|
---|
| 20 | */
|
---|
| 21 | /** Sets up the filter predicates for a datepicker input harness. */
|
---|
| 22 | function getInputPredicate(type, options) {
|
---|
| 23 | return new HarnessPredicate(type, options)
|
---|
| 24 | .addOption('value', options.value, (harness, value) => {
|
---|
| 25 | return HarnessPredicate.stringMatches(harness.getValue(), value);
|
---|
| 26 | })
|
---|
| 27 | .addOption('placeholder', options.placeholder, (harness, placeholder) => {
|
---|
| 28 | return HarnessPredicate.stringMatches(harness.getPlaceholder(), placeholder);
|
---|
| 29 | });
|
---|
| 30 | }
|
---|
| 31 | /** Base class for datepicker input harnesses. */
|
---|
| 32 | class MatDatepickerInputHarnessBase extends MatFormFieldControlHarness {
|
---|
| 33 | /** Whether the input is disabled. */
|
---|
| 34 | isDisabled() {
|
---|
| 35 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 36 | return (yield this.host()).getProperty('disabled');
|
---|
| 37 | });
|
---|
| 38 | }
|
---|
| 39 | /** Whether the input is required. */
|
---|
| 40 | isRequired() {
|
---|
| 41 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 42 | return (yield this.host()).getProperty('required');
|
---|
| 43 | });
|
---|
| 44 | }
|
---|
| 45 | /** Gets the value of the input. */
|
---|
| 46 | getValue() {
|
---|
| 47 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 48 | // The "value" property of the native input is always defined.
|
---|
| 49 | return (yield (yield this.host()).getProperty('value'));
|
---|
| 50 | });
|
---|
| 51 | }
|
---|
| 52 | /**
|
---|
| 53 | * Sets the value of the input. The value will be set by simulating
|
---|
| 54 | * keypresses that correspond to the given value.
|
---|
| 55 | */
|
---|
| 56 | setValue(newValue) {
|
---|
| 57 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 58 | const inputEl = yield this.host();
|
---|
| 59 | yield inputEl.clear();
|
---|
| 60 | // We don't want to send keys for the value if the value is an empty
|
---|
| 61 | // string in order to clear the value. Sending keys with an empty string
|
---|
| 62 | // still results in unnecessary focus events.
|
---|
| 63 | if (newValue) {
|
---|
| 64 | yield inputEl.sendKeys(newValue);
|
---|
| 65 | }
|
---|
| 66 | yield inputEl.dispatchEvent('change');
|
---|
| 67 | });
|
---|
| 68 | }
|
---|
| 69 | /** Gets the placeholder of the input. */
|
---|
| 70 | getPlaceholder() {
|
---|
| 71 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 72 | return (yield (yield this.host()).getProperty('placeholder'));
|
---|
| 73 | });
|
---|
| 74 | }
|
---|
| 75 | /**
|
---|
| 76 | * Focuses the input and returns a promise that indicates when the
|
---|
| 77 | * action is complete.
|
---|
| 78 | */
|
---|
| 79 | focus() {
|
---|
| 80 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 81 | return (yield this.host()).focus();
|
---|
| 82 | });
|
---|
| 83 | }
|
---|
| 84 | /**
|
---|
| 85 | * Blurs the input and returns a promise that indicates when the
|
---|
| 86 | * action is complete.
|
---|
| 87 | */
|
---|
| 88 | blur() {
|
---|
| 89 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 90 | return (yield this.host()).blur();
|
---|
| 91 | });
|
---|
| 92 | }
|
---|
| 93 | /** Whether the input is focused. */
|
---|
| 94 | isFocused() {
|
---|
| 95 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 96 | return (yield this.host()).isFocused();
|
---|
| 97 | });
|
---|
| 98 | }
|
---|
| 99 | /** Gets the formatted minimum date for the input's value. */
|
---|
| 100 | getMin() {
|
---|
| 101 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 102 | return (yield this.host()).getAttribute('min');
|
---|
| 103 | });
|
---|
| 104 | }
|
---|
| 105 | /** Gets the formatted maximum date for the input's value. */
|
---|
| 106 | getMax() {
|
---|
| 107 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 108 | return (yield this.host()).getAttribute('max');
|
---|
| 109 | });
|
---|
| 110 | }
|
---|
| 111 | }
|
---|
| 112 |
|
---|
| 113 | /**
|
---|
| 114 | * @license
|
---|
| 115 | * Copyright Google LLC All Rights Reserved.
|
---|
| 116 | *
|
---|
| 117 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 118 | * found in the LICENSE file at https://angular.io/license
|
---|
| 119 | */
|
---|
| 120 | /** Harness for interacting with a standard Material calendar cell in tests. */
|
---|
| 121 | class MatCalendarCellHarness extends ComponentHarness {
|
---|
| 122 | constructor() {
|
---|
| 123 | super(...arguments);
|
---|
| 124 | /** Reference to the inner content element inside the cell. */
|
---|
| 125 | this._content = this.locatorFor('.mat-calendar-body-cell-content');
|
---|
| 126 | }
|
---|
| 127 | /**
|
---|
| 128 | * Gets a `HarnessPredicate` that can be used to search for a `MatCalendarCellHarness`
|
---|
| 129 | * that meets certain criteria.
|
---|
| 130 | * @param options Options for filtering which cell instances are considered a match.
|
---|
| 131 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 132 | */
|
---|
| 133 | static with(options = {}) {
|
---|
| 134 | return new HarnessPredicate(MatCalendarCellHarness, options)
|
---|
| 135 | .addOption('text', options.text, (harness, text) => {
|
---|
| 136 | return HarnessPredicate.stringMatches(harness.getText(), text);
|
---|
| 137 | })
|
---|
| 138 | .addOption('selected', options.selected, (harness, selected) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 139 | return (yield harness.isSelected()) === selected;
|
---|
| 140 | }))
|
---|
| 141 | .addOption('active', options.active, (harness, active) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 142 | return (yield harness.isActive()) === active;
|
---|
| 143 | }))
|
---|
| 144 | .addOption('disabled', options.disabled, (harness, disabled) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 145 | return (yield harness.isDisabled()) === disabled;
|
---|
| 146 | }))
|
---|
| 147 | .addOption('today', options.today, (harness, today) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 148 | return (yield harness.isToday()) === today;
|
---|
| 149 | }))
|
---|
| 150 | .addOption('inRange', options.inRange, (harness, inRange) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 151 | return (yield harness.isInRange()) === inRange;
|
---|
| 152 | }))
|
---|
| 153 | .addOption('inComparisonRange', options.inComparisonRange, (harness, inComparisonRange) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 154 | return (yield harness.isInComparisonRange()) === inComparisonRange;
|
---|
| 155 | }))
|
---|
| 156 | .addOption('inPreviewRange', options.inPreviewRange, (harness, inPreviewRange) => __awaiter(this, void 0, void 0, function* () {
|
---|
| 157 | return (yield harness.isInPreviewRange()) === inPreviewRange;
|
---|
| 158 | }));
|
---|
| 159 | }
|
---|
| 160 | /** Gets the text of the calendar cell. */
|
---|
| 161 | getText() {
|
---|
| 162 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 163 | return (yield this._content()).text();
|
---|
| 164 | });
|
---|
| 165 | }
|
---|
| 166 | /** Gets the aria-label of the calendar cell. */
|
---|
| 167 | getAriaLabel() {
|
---|
| 168 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 169 | // We're guaranteed for the `aria-label` to be defined
|
---|
| 170 | // since this is a private element that we control.
|
---|
| 171 | return (yield this.host()).getAttribute('aria-label');
|
---|
| 172 | });
|
---|
| 173 | }
|
---|
| 174 | /** Whether the cell is selected. */
|
---|
| 175 | isSelected() {
|
---|
| 176 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 177 | const host = yield this.host();
|
---|
| 178 | return (yield host.getAttribute('aria-selected')) === 'true';
|
---|
| 179 | });
|
---|
| 180 | }
|
---|
| 181 | /** Whether the cell is disabled. */
|
---|
| 182 | isDisabled() {
|
---|
| 183 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 184 | return this._hasState('disabled');
|
---|
| 185 | });
|
---|
| 186 | }
|
---|
| 187 | /** Whether the cell is currently activated using keyboard navigation. */
|
---|
| 188 | isActive() {
|
---|
| 189 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 190 | return this._hasState('active');
|
---|
| 191 | });
|
---|
| 192 | }
|
---|
| 193 | /** Whether the cell represents today's date. */
|
---|
| 194 | isToday() {
|
---|
| 195 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 196 | return (yield this._content()).hasClass('mat-calendar-body-today');
|
---|
| 197 | });
|
---|
| 198 | }
|
---|
| 199 | /** Selects the calendar cell. Won't do anything if the cell is disabled. */
|
---|
| 200 | select() {
|
---|
| 201 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 202 | return (yield this.host()).click();
|
---|
| 203 | });
|
---|
| 204 | }
|
---|
| 205 | /** Hovers over the calendar cell. */
|
---|
| 206 | hover() {
|
---|
| 207 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 208 | return (yield this.host()).hover();
|
---|
| 209 | });
|
---|
| 210 | }
|
---|
| 211 | /** Moves the mouse away from the calendar cell. */
|
---|
| 212 | mouseAway() {
|
---|
| 213 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 214 | return (yield this.host()).mouseAway();
|
---|
| 215 | });
|
---|
| 216 | }
|
---|
| 217 | /** Focuses the calendar cell. */
|
---|
| 218 | focus() {
|
---|
| 219 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 220 | return (yield this.host()).focus();
|
---|
| 221 | });
|
---|
| 222 | }
|
---|
| 223 | /** Removes focus from the calendar cell. */
|
---|
| 224 | blur() {
|
---|
| 225 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 226 | return (yield this.host()).blur();
|
---|
| 227 | });
|
---|
| 228 | }
|
---|
| 229 | /** Whether the cell is the start of the main range. */
|
---|
| 230 | isRangeStart() {
|
---|
| 231 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 232 | return this._hasState('range-start');
|
---|
| 233 | });
|
---|
| 234 | }
|
---|
| 235 | /** Whether the cell is the end of the main range. */
|
---|
| 236 | isRangeEnd() {
|
---|
| 237 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 238 | return this._hasState('range-end');
|
---|
| 239 | });
|
---|
| 240 | }
|
---|
| 241 | /** Whether the cell is part of the main range. */
|
---|
| 242 | isInRange() {
|
---|
| 243 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 244 | return this._hasState('in-range');
|
---|
| 245 | });
|
---|
| 246 | }
|
---|
| 247 | /** Whether the cell is the start of the comparison range. */
|
---|
| 248 | isComparisonRangeStart() {
|
---|
| 249 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 250 | return this._hasState('comparison-start');
|
---|
| 251 | });
|
---|
| 252 | }
|
---|
| 253 | /** Whether the cell is the end of the comparison range. */
|
---|
| 254 | isComparisonRangeEnd() {
|
---|
| 255 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 256 | return this._hasState('comparison-end');
|
---|
| 257 | });
|
---|
| 258 | }
|
---|
| 259 | /** Whether the cell is inside of the comparison range. */
|
---|
| 260 | isInComparisonRange() {
|
---|
| 261 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 262 | return this._hasState('in-comparison-range');
|
---|
| 263 | });
|
---|
| 264 | }
|
---|
| 265 | /** Whether the cell is the start of the preview range. */
|
---|
| 266 | isPreviewRangeStart() {
|
---|
| 267 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 268 | return this._hasState('preview-start');
|
---|
| 269 | });
|
---|
| 270 | }
|
---|
| 271 | /** Whether the cell is the end of the preview range. */
|
---|
| 272 | isPreviewRangeEnd() {
|
---|
| 273 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 274 | return this._hasState('preview-end');
|
---|
| 275 | });
|
---|
| 276 | }
|
---|
| 277 | /** Whether the cell is inside of the preview range. */
|
---|
| 278 | isInPreviewRange() {
|
---|
| 279 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 280 | return this._hasState('in-preview');
|
---|
| 281 | });
|
---|
| 282 | }
|
---|
| 283 | /** Returns whether the cell has a particular CSS class-based state. */
|
---|
| 284 | _hasState(name) {
|
---|
| 285 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 286 | return (yield this.host()).hasClass(`mat-calendar-body-${name}`);
|
---|
| 287 | });
|
---|
| 288 | }
|
---|
| 289 | }
|
---|
| 290 | MatCalendarCellHarness.hostSelector = '.mat-calendar-body-cell';
|
---|
| 291 |
|
---|
| 292 | /**
|
---|
| 293 | * @license
|
---|
| 294 | * Copyright Google LLC All Rights Reserved.
|
---|
| 295 | *
|
---|
| 296 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 297 | * found in the LICENSE file at https://angular.io/license
|
---|
| 298 | */
|
---|
| 299 | /** Harness for interacting with a standard Material calendar in tests. */
|
---|
| 300 | class MatCalendarHarness extends ComponentHarness {
|
---|
| 301 | constructor() {
|
---|
| 302 | super(...arguments);
|
---|
| 303 | /** Queries for the calendar's period toggle button. */
|
---|
| 304 | this._periodButton = this.locatorFor('.mat-calendar-period-button');
|
---|
| 305 | }
|
---|
| 306 | /**
|
---|
| 307 | * Gets a `HarnessPredicate` that can be used to search for a `MatCalendarHarness`
|
---|
| 308 | * that meets certain criteria.
|
---|
| 309 | * @param options Options for filtering which calendar instances are considered a match.
|
---|
| 310 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 311 | */
|
---|
| 312 | static with(options = {}) {
|
---|
| 313 | return new HarnessPredicate(MatCalendarHarness, options);
|
---|
| 314 | }
|
---|
| 315 | /**
|
---|
| 316 | * Gets a list of cells inside the calendar.
|
---|
| 317 | * @param filter Optionally filters which cells are included.
|
---|
| 318 | */
|
---|
| 319 | getCells(filter = {}) {
|
---|
| 320 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 321 | return this.locatorForAll(MatCalendarCellHarness.with(filter))();
|
---|
| 322 | });
|
---|
| 323 | }
|
---|
| 324 | /** Gets the current view that is being shown inside the calendar. */
|
---|
| 325 | getCurrentView() {
|
---|
| 326 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 327 | if (yield this.locatorForOptional('mat-multi-year-view')()) {
|
---|
| 328 | return 2 /* MULTI_YEAR */;
|
---|
| 329 | }
|
---|
| 330 | if (yield this.locatorForOptional('mat-year-view')()) {
|
---|
| 331 | return 1 /* YEAR */;
|
---|
| 332 | }
|
---|
| 333 | return 0 /* MONTH */;
|
---|
| 334 | });
|
---|
| 335 | }
|
---|
| 336 | /** Gets the label of the current calendar view. */
|
---|
| 337 | getCurrentViewLabel() {
|
---|
| 338 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 339 | return (yield this._periodButton()).text();
|
---|
| 340 | });
|
---|
| 341 | }
|
---|
| 342 | /** Changes the calendar view by clicking on the view toggle button. */
|
---|
| 343 | changeView() {
|
---|
| 344 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 345 | return (yield this._periodButton()).click();
|
---|
| 346 | });
|
---|
| 347 | }
|
---|
| 348 | /** Goes to the next page of the current view (e.g. next month when inside the month view). */
|
---|
| 349 | next() {
|
---|
| 350 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 351 | return (yield this.locatorFor('.mat-calendar-next-button')()).click();
|
---|
| 352 | });
|
---|
| 353 | }
|
---|
| 354 | /**
|
---|
| 355 | * Goes to the previous page of the current view
|
---|
| 356 | * (e.g. previous month when inside the month view).
|
---|
| 357 | */
|
---|
| 358 | previous() {
|
---|
| 359 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 360 | return (yield this.locatorFor('.mat-calendar-previous-button')()).click();
|
---|
| 361 | });
|
---|
| 362 | }
|
---|
| 363 | /**
|
---|
| 364 | * Selects a cell in the current calendar view.
|
---|
| 365 | * @param filter An optional filter to apply to the cells. The first cell matching the filter
|
---|
| 366 | * will be selected.
|
---|
| 367 | */
|
---|
| 368 | selectCell(filter = {}) {
|
---|
| 369 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 370 | const cells = yield this.getCells(filter);
|
---|
| 371 | if (!cells.length) {
|
---|
| 372 | throw Error(`Cannot find calendar cell matching filter ${JSON.stringify(filter)}`);
|
---|
| 373 | }
|
---|
| 374 | yield cells[0].select();
|
---|
| 375 | });
|
---|
| 376 | }
|
---|
| 377 | }
|
---|
| 378 | MatCalendarHarness.hostSelector = '.mat-calendar';
|
---|
| 379 |
|
---|
| 380 | /**
|
---|
| 381 | * @license
|
---|
| 382 | * Copyright Google LLC All Rights Reserved.
|
---|
| 383 | *
|
---|
| 384 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 385 | * found in the LICENSE file at https://angular.io/license
|
---|
| 386 | */
|
---|
| 387 | /** Base class for harnesses that can trigger a calendar. */
|
---|
| 388 | class DatepickerTriggerHarnessBase extends ComponentHarness {
|
---|
| 389 | /** Opens the calendar if the trigger is enabled and it has a calendar. */
|
---|
| 390 | openCalendar() {
|
---|
| 391 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 392 | const [isDisabled, hasCalendar] = yield parallel(() => [this.isDisabled(), this.hasCalendar()]);
|
---|
| 393 | if (!isDisabled && hasCalendar) {
|
---|
| 394 | return this._openCalendar();
|
---|
| 395 | }
|
---|
| 396 | });
|
---|
| 397 | }
|
---|
| 398 | /** Closes the calendar if it is open. */
|
---|
| 399 | closeCalendar() {
|
---|
| 400 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 401 | if (yield this.isCalendarOpen()) {
|
---|
| 402 | yield closeCalendar(getCalendarId(this.host()), this.documentRootLocatorFactory());
|
---|
| 403 | // This is necessary so that we wait for the closing animation to finish in touch UI mode.
|
---|
| 404 | yield this.forceStabilize();
|
---|
| 405 | }
|
---|
| 406 | });
|
---|
| 407 | }
|
---|
| 408 | /** Gets whether there is a calendar associated with the trigger. */
|
---|
| 409 | hasCalendar() {
|
---|
| 410 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 411 | return (yield getCalendarId(this.host())) != null;
|
---|
| 412 | });
|
---|
| 413 | }
|
---|
| 414 | /**
|
---|
| 415 | * Gets the `MatCalendarHarness` that is associated with the trigger.
|
---|
| 416 | * @param filter Optionally filters which calendar is included.
|
---|
| 417 | */
|
---|
| 418 | getCalendar(filter = {}) {
|
---|
| 419 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 420 | return getCalendar(filter, this.host(), this.documentRootLocatorFactory());
|
---|
| 421 | });
|
---|
| 422 | }
|
---|
| 423 | }
|
---|
| 424 | /** Gets the ID of the calendar that a particular test element can trigger. */
|
---|
| 425 | function getCalendarId(host) {
|
---|
| 426 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 427 | return (yield host).getAttribute('data-mat-calendar');
|
---|
| 428 | });
|
---|
| 429 | }
|
---|
| 430 | /** Closes the calendar with a specific ID. */
|
---|
| 431 | function closeCalendar(calendarId, documentLocator) {
|
---|
| 432 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 433 | // We close the calendar by clicking on the backdrop, even though all datepicker variants
|
---|
| 434 | // have the ability to close by pressing escape. The backdrop is preferrable, because the
|
---|
| 435 | // escape key has multiple functions inside a range picker (either cancel the current range
|
---|
| 436 | // or close the calendar). Since we don't have access to set the ID on the backdrop in all
|
---|
| 437 | // cases, we set a unique class instead which is the same as the calendar's ID and suffixed
|
---|
| 438 | // with `-backdrop`.
|
---|
| 439 | const backdropSelector = `.${yield calendarId}-backdrop`;
|
---|
| 440 | return (yield documentLocator.locatorFor(backdropSelector)()).click();
|
---|
| 441 | });
|
---|
| 442 | }
|
---|
| 443 | /** Gets the test harness for a calendar associated with a particular host. */
|
---|
| 444 | function getCalendar(filter, host, documentLocator) {
|
---|
| 445 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 446 | const calendarId = yield getCalendarId(host);
|
---|
| 447 | if (!calendarId) {
|
---|
| 448 | throw Error(`Element is not associated with a calendar`);
|
---|
| 449 | }
|
---|
| 450 | return documentLocator.locatorFor(MatCalendarHarness.with(Object.assign(Object.assign({}, filter), { selector: `#${calendarId}` })))();
|
---|
| 451 | });
|
---|
| 452 | }
|
---|
| 453 |
|
---|
| 454 | /**
|
---|
| 455 | * @license
|
---|
| 456 | * Copyright Google LLC All Rights Reserved.
|
---|
| 457 | *
|
---|
| 458 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 459 | * found in the LICENSE file at https://angular.io/license
|
---|
| 460 | */
|
---|
| 461 | /** Harness for interacting with a standard Material datepicker inputs in tests. */
|
---|
| 462 | class MatDatepickerInputHarness extends MatDatepickerInputHarnessBase {
|
---|
| 463 | /**
|
---|
| 464 | * Gets a `HarnessPredicate` that can be used to search for a `MatDatepickerInputHarness`
|
---|
| 465 | * that meets certain criteria.
|
---|
| 466 | * @param options Options for filtering which input instances are considered a match.
|
---|
| 467 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 468 | */
|
---|
| 469 | static with(options = {}) {
|
---|
| 470 | return getInputPredicate(MatDatepickerInputHarness, options);
|
---|
| 471 | }
|
---|
| 472 | /** Gets whether the calendar associated with the input is open. */
|
---|
| 473 | isCalendarOpen() {
|
---|
| 474 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 475 | // `aria-owns` is set only if there's an open datepicker so we can use it as an indicator.
|
---|
| 476 | const host = yield this.host();
|
---|
| 477 | return (yield host.getAttribute('aria-owns')) != null;
|
---|
| 478 | });
|
---|
| 479 | }
|
---|
| 480 | /** Opens the calendar associated with the input. */
|
---|
| 481 | openCalendar() {
|
---|
| 482 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 483 | const [isDisabled, hasCalendar] = yield parallel(() => [this.isDisabled(), this.hasCalendar()]);
|
---|
| 484 | if (!isDisabled && hasCalendar) {
|
---|
| 485 | // Alt + down arrow is the combination for opening the calendar with the keyboard.
|
---|
| 486 | const host = yield this.host();
|
---|
| 487 | return host.sendKeys({ alt: true }, TestKey.DOWN_ARROW);
|
---|
| 488 | }
|
---|
| 489 | });
|
---|
| 490 | }
|
---|
| 491 | /** Closes the calendar associated with the input. */
|
---|
| 492 | closeCalendar() {
|
---|
| 493 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 494 | if (yield this.isCalendarOpen()) {
|
---|
| 495 | yield closeCalendar(getCalendarId(this.host()), this.documentRootLocatorFactory());
|
---|
| 496 | // This is necessary so that we wait for the closing animation to finish in touch UI mode.
|
---|
| 497 | yield this.forceStabilize();
|
---|
| 498 | }
|
---|
| 499 | });
|
---|
| 500 | }
|
---|
| 501 | /** Whether a calendar is associated with the input. */
|
---|
| 502 | hasCalendar() {
|
---|
| 503 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 504 | return (yield getCalendarId(this.host())) != null;
|
---|
| 505 | });
|
---|
| 506 | }
|
---|
| 507 | /**
|
---|
| 508 | * Gets the `MatCalendarHarness` that is associated with the trigger.
|
---|
| 509 | * @param filter Optionally filters which calendar is included.
|
---|
| 510 | */
|
---|
| 511 | getCalendar(filter = {}) {
|
---|
| 512 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 513 | return getCalendar(filter, this.host(), this.documentRootLocatorFactory());
|
---|
| 514 | });
|
---|
| 515 | }
|
---|
| 516 | }
|
---|
| 517 | MatDatepickerInputHarness.hostSelector = '.mat-datepicker-input';
|
---|
| 518 |
|
---|
| 519 | /**
|
---|
| 520 | * @license
|
---|
| 521 | * Copyright Google LLC All Rights Reserved.
|
---|
| 522 | *
|
---|
| 523 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 524 | * found in the LICENSE file at https://angular.io/license
|
---|
| 525 | */
|
---|
| 526 | /** Harness for interacting with a standard Material datepicker toggle in tests. */
|
---|
| 527 | class MatDatepickerToggleHarness extends DatepickerTriggerHarnessBase {
|
---|
| 528 | constructor() {
|
---|
| 529 | super(...arguments);
|
---|
| 530 | /** The clickable button inside the toggle. */
|
---|
| 531 | this._button = this.locatorFor('button');
|
---|
| 532 | }
|
---|
| 533 | /**
|
---|
| 534 | * Gets a `HarnessPredicate` that can be used to search for a `MatDatepickerToggleHarness` that
|
---|
| 535 | * meets certain criteria.
|
---|
| 536 | * @param options Options for filtering which datepicker toggle instances are considered a match.
|
---|
| 537 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 538 | */
|
---|
| 539 | static with(options = {}) {
|
---|
| 540 | return new HarnessPredicate(MatDatepickerToggleHarness, options);
|
---|
| 541 | }
|
---|
| 542 | /** Gets whether the calendar associated with the toggle is open. */
|
---|
| 543 | isCalendarOpen() {
|
---|
| 544 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 545 | return (yield this.host()).hasClass('mat-datepicker-toggle-active');
|
---|
| 546 | });
|
---|
| 547 | }
|
---|
| 548 | /** Whether the toggle is disabled. */
|
---|
| 549 | isDisabled() {
|
---|
| 550 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 551 | const button = yield this._button();
|
---|
| 552 | return coerceBooleanProperty(yield button.getAttribute('disabled'));
|
---|
| 553 | });
|
---|
| 554 | }
|
---|
| 555 | _openCalendar() {
|
---|
| 556 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 557 | return (yield this._button()).click();
|
---|
| 558 | });
|
---|
| 559 | }
|
---|
| 560 | }
|
---|
| 561 | MatDatepickerToggleHarness.hostSelector = '.mat-datepicker-toggle';
|
---|
| 562 |
|
---|
| 563 | /**
|
---|
| 564 | * @license
|
---|
| 565 | * Copyright Google LLC All Rights Reserved.
|
---|
| 566 | *
|
---|
| 567 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 568 | * found in the LICENSE file at https://angular.io/license
|
---|
| 569 | */
|
---|
| 570 | /** Harness for interacting with a standard Material date range start input in tests. */
|
---|
| 571 | class MatStartDateHarness extends MatDatepickerInputHarnessBase {
|
---|
| 572 | /**
|
---|
| 573 | * Gets a `HarnessPredicate` that can be used to search for a `MatStartDateHarness`
|
---|
| 574 | * that meets certain criteria.
|
---|
| 575 | * @param options Options for filtering which input instances are considered a match.
|
---|
| 576 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 577 | */
|
---|
| 578 | static with(options = {}) {
|
---|
| 579 | return getInputPredicate(MatStartDateHarness, options);
|
---|
| 580 | }
|
---|
| 581 | }
|
---|
| 582 | MatStartDateHarness.hostSelector = '.mat-start-date';
|
---|
| 583 | /** Harness for interacting with a standard Material date range end input in tests. */
|
---|
| 584 | class MatEndDateHarness extends MatDatepickerInputHarnessBase {
|
---|
| 585 | /**
|
---|
| 586 | * Gets a `HarnessPredicate` that can be used to search for a `MatEndDateHarness`
|
---|
| 587 | * that meets certain criteria.
|
---|
| 588 | * @param options Options for filtering which input instances are considered a match.
|
---|
| 589 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 590 | */
|
---|
| 591 | static with(options = {}) {
|
---|
| 592 | return getInputPredicate(MatEndDateHarness, options);
|
---|
| 593 | }
|
---|
| 594 | }
|
---|
| 595 | MatEndDateHarness.hostSelector = '.mat-end-date';
|
---|
| 596 | /** Harness for interacting with a standard Material date range input in tests. */
|
---|
| 597 | class MatDateRangeInputHarness extends DatepickerTriggerHarnessBase {
|
---|
| 598 | /**
|
---|
| 599 | * Gets a `HarnessPredicate` that can be used to search for a `MatDateRangeInputHarness`
|
---|
| 600 | * that meets certain criteria.
|
---|
| 601 | * @param options Options for filtering which input instances are considered a match.
|
---|
| 602 | * @return a `HarnessPredicate` configured with the given options.
|
---|
| 603 | */
|
---|
| 604 | static with(options = {}) {
|
---|
| 605 | return new HarnessPredicate(MatDateRangeInputHarness, options)
|
---|
| 606 | .addOption('value', options.value, (harness, value) => HarnessPredicate.stringMatches(harness.getValue(), value));
|
---|
| 607 | }
|
---|
| 608 | /** Gets the combined value of the start and end inputs, including the separator. */
|
---|
| 609 | getValue() {
|
---|
| 610 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 611 | const [start, end, separator] = yield parallel(() => [
|
---|
| 612 | this.getStartInput().then(input => input.getValue()),
|
---|
| 613 | this.getEndInput().then(input => input.getValue()),
|
---|
| 614 | this.getSeparator()
|
---|
| 615 | ]);
|
---|
| 616 | return start + `${end ? ` ${separator} ${end}` : ''}`;
|
---|
| 617 | });
|
---|
| 618 | }
|
---|
| 619 | /** Gets the inner start date input inside the range input. */
|
---|
| 620 | getStartInput() {
|
---|
| 621 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 622 | // Don't pass in filters here since the start input is required and there can only be one.
|
---|
| 623 | return this.locatorFor(MatStartDateHarness)();
|
---|
| 624 | });
|
---|
| 625 | }
|
---|
| 626 | /** Gets the inner start date input inside the range input. */
|
---|
| 627 | getEndInput() {
|
---|
| 628 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 629 | // Don't pass in filters here since the end input is required and there can only be one.
|
---|
| 630 | return this.locatorFor(MatEndDateHarness)();
|
---|
| 631 | });
|
---|
| 632 | }
|
---|
| 633 | /** Gets the separator text between the values of the two inputs. */
|
---|
| 634 | getSeparator() {
|
---|
| 635 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 636 | return (yield this.locatorFor('.mat-date-range-input-separator')()).text();
|
---|
| 637 | });
|
---|
| 638 | }
|
---|
| 639 | /** Gets whether the range input is disabled. */
|
---|
| 640 | isDisabled() {
|
---|
| 641 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 642 | // We consider the input as disabled if both of the sub-inputs are disabled.
|
---|
| 643 | const [startDisabled, endDisabled] = yield parallel(() => [
|
---|
| 644 | this.getStartInput().then(input => input.isDisabled()),
|
---|
| 645 | this.getEndInput().then(input => input.isDisabled())
|
---|
| 646 | ]);
|
---|
| 647 | return startDisabled && endDisabled;
|
---|
| 648 | });
|
---|
| 649 | }
|
---|
| 650 | /** Gets whether the range input is required. */
|
---|
| 651 | isRequired() {
|
---|
| 652 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 653 | return (yield this.host()).hasClass('mat-date-range-input-required');
|
---|
| 654 | });
|
---|
| 655 | }
|
---|
| 656 | /** Opens the calendar associated with the input. */
|
---|
| 657 | isCalendarOpen() {
|
---|
| 658 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 659 | // `aria-owns` is set on both inputs only if there's an
|
---|
| 660 | // open range picker so we can use it as an indicator.
|
---|
| 661 | const startHost = yield (yield this.getStartInput()).host();
|
---|
| 662 | return (yield startHost.getAttribute('aria-owns')) != null;
|
---|
| 663 | });
|
---|
| 664 | }
|
---|
| 665 | _openCalendar() {
|
---|
| 666 | return __awaiter(this, void 0, void 0, function* () {
|
---|
| 667 | // Alt + down arrow is the combination for opening the calendar with the keyboard.
|
---|
| 668 | const startHost = yield (yield this.getStartInput()).host();
|
---|
| 669 | return startHost.sendKeys({ alt: true }, TestKey.DOWN_ARROW);
|
---|
| 670 | });
|
---|
| 671 | }
|
---|
| 672 | }
|
---|
| 673 | MatDateRangeInputHarness.hostSelector = '.mat-date-range-input';
|
---|
| 674 |
|
---|
| 675 | /**
|
---|
| 676 | * @license
|
---|
| 677 | * Copyright Google LLC All Rights Reserved.
|
---|
| 678 | *
|
---|
| 679 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 680 | * found in the LICENSE file at https://angular.io/license
|
---|
| 681 | */
|
---|
| 682 |
|
---|
| 683 | /**
|
---|
| 684 | * @license
|
---|
| 685 | * Copyright Google LLC All Rights Reserved.
|
---|
| 686 | *
|
---|
| 687 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 688 | * found in the LICENSE file at https://angular.io/license
|
---|
| 689 | */
|
---|
| 690 |
|
---|
| 691 | export { MatCalendarCellHarness, MatCalendarHarness, MatDateRangeInputHarness, MatDatepickerInputHarness, MatDatepickerToggleHarness, MatEndDateHarness, MatStartDateHarness };
|
---|
| 692 | //# sourceMappingURL=testing.js.map
|
---|