@skyux/lookup 11.22.0 → 11.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +1965 -1846
- package/esm2022/lib/modules/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/modules/country-field/country-field.component.mjs +3 -3
- package/esm2022/lib/modules/lookup/lookup.component.mjs +2 -2
- package/esm2022/lib/modules/search/search.component.mjs +3 -3
- package/esm2022/testing/legacy/country-field/country-field-fixture.mjs +121 -0
- package/esm2022/testing/{country-field → legacy/country-field}/country-field-testing.module.mjs +1 -1
- package/esm2022/testing/legacy/search/search-fixture.mjs +60 -0
- package/esm2022/testing/{search → legacy/search}/search-testing.module.mjs +1 -1
- package/esm2022/testing/modules/autocomplete/autocomplete-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/autocomplete/autocomplete-harness.mjs +192 -0
- package/esm2022/testing/modules/autocomplete/autocomplete-input-harness.mjs +17 -0
- package/esm2022/testing/modules/autocomplete/autocomplete-search-result-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/autocomplete/autocomplete-search-result-harness.mjs +38 -0
- package/esm2022/testing/modules/country-field/country-field-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/country-field/country-field-harness.mjs +139 -0
- package/esm2022/testing/modules/country-field/country-field-search-result-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/country-field/country-field-search-result-harness.mjs +27 -0
- package/esm2022/testing/modules/lookup/lookup-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/lookup/lookup-harness.mjs +181 -0
- package/esm2022/testing/modules/lookup/lookup-search-result-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/lookup/lookup-search-result-harness.mjs +24 -0
- package/esm2022/testing/modules/lookup/lookup-selection-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/lookup/lookup-selection-harness.mjs +8 -0
- package/esm2022/testing/modules/lookup/lookup-selections-list-harness.mjs +26 -0
- package/esm2022/testing/modules/lookup/lookup-show-more-picker-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/lookup/lookup-show-more-picker-harness.mjs +28 -0
- package/esm2022/testing/modules/lookup/lookup-show-more-picker-search-result-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/lookup/lookup-show-more-picker-search-result-harness.mjs +8 -0
- package/esm2022/testing/modules/search/search-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/search/search-harness.mjs +143 -0
- package/esm2022/testing/modules/selection-modal/selection-modal-harness.mjs +172 -0
- package/esm2022/testing/modules/selection-modal/selection-modal-search-result-harness-filters.mjs +2 -0
- package/esm2022/testing/modules/selection-modal/selection-modal-search-result-harness.mjs +7 -0
- package/esm2022/testing/public-api.mjs +17 -17
- package/fesm2022/skyux-lookup-testing.mjs +82 -73
- package/fesm2022/skyux-lookup-testing.mjs.map +1 -1
- package/fesm2022/skyux-lookup.mjs +8 -8
- package/fesm2022/skyux-lookup.mjs.map +1 -1
- package/package.json +11 -11
- package/testing/{country-field → legacy/country-field}/country-field-fixture.d.ts +1 -1
- package/testing/{country-field → modules/country-field}/country-field-search-result-harness-filters.d.ts +1 -1
- package/testing/{lookup → modules/lookup}/lookup-search-result-harness-filters.d.ts +1 -1
- package/testing/public-api.d.ts +26 -26
- package/esm2022/testing/autocomplete/autocomplete-harness-filters.mjs +0 -2
- package/esm2022/testing/autocomplete/autocomplete-harness.mjs +0 -192
- package/esm2022/testing/autocomplete/autocomplete-input-harness.mjs +0 -17
- package/esm2022/testing/autocomplete/autocomplete-search-result-harness-filters.mjs +0 -2
- package/esm2022/testing/autocomplete/autocomplete-search-result-harness.mjs +0 -38
- package/esm2022/testing/country-field/country-field-fixture.mjs +0 -119
- package/esm2022/testing/country-field/country-field-harness-filters.mjs +0 -2
- package/esm2022/testing/country-field/country-field-harness.mjs +0 -139
- package/esm2022/testing/country-field/country-field-search-result-harness-filters.mjs +0 -2
- package/esm2022/testing/country-field/country-field-search-result-harness.mjs +0 -24
- package/esm2022/testing/lookup/lookup-harness-filters.mjs +0 -2
- package/esm2022/testing/lookup/lookup-harness.mjs +0 -181
- package/esm2022/testing/lookup/lookup-search-result-harness-filters.mjs +0 -2
- package/esm2022/testing/lookup/lookup-search-result-harness.mjs +0 -21
- package/esm2022/testing/lookup/lookup-selection-harness-filters.mjs +0 -2
- package/esm2022/testing/lookup/lookup-selection-harness.mjs +0 -8
- package/esm2022/testing/lookup/lookup-selections-list-harness.mjs +0 -26
- package/esm2022/testing/lookup/lookup-show-more-picker-harness-filters.mjs +0 -2
- package/esm2022/testing/lookup/lookup-show-more-picker-harness.mjs +0 -28
- package/esm2022/testing/lookup/lookup-show-more-picker-search-result-harness-filters.mjs +0 -2
- package/esm2022/testing/lookup/lookup-show-more-picker-search-result-harness.mjs +0 -8
- package/esm2022/testing/search/search-fixture.mjs +0 -60
- package/esm2022/testing/search/search-harness-filters.mjs +0 -2
- package/esm2022/testing/search/search-harness.mjs +0 -143
- package/esm2022/testing/selection-modal/selection-modal-harness.mjs +0 -171
- package/esm2022/testing/selection-modal/selection-modal-search-result-harness-filters.mjs +0 -2
- package/esm2022/testing/selection-modal/selection-modal-search-result-harness.mjs +0 -7
- /package/testing/{country-field → legacy/country-field}/country-field-testing.module.d.ts +0 -0
- /package/testing/{search → legacy/search}/search-fixture.d.ts +0 -0
- /package/testing/{search → legacy/search}/search-testing.module.d.ts +0 -0
- /package/testing/{autocomplete → modules/autocomplete}/autocomplete-harness-filters.d.ts +0 -0
- /package/testing/{autocomplete → modules/autocomplete}/autocomplete-harness.d.ts +0 -0
- /package/testing/{autocomplete → modules/autocomplete}/autocomplete-input-harness.d.ts +0 -0
- /package/testing/{autocomplete → modules/autocomplete}/autocomplete-search-result-harness-filters.d.ts +0 -0
- /package/testing/{autocomplete → modules/autocomplete}/autocomplete-search-result-harness.d.ts +0 -0
- /package/testing/{country-field → modules/country-field}/country-field-harness-filters.d.ts +0 -0
- /package/testing/{country-field → modules/country-field}/country-field-harness.d.ts +0 -0
- /package/testing/{country-field → modules/country-field}/country-field-search-result-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-harness-filters.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-search-result-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-selection-harness-filters.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-selection-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-selections-list-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-show-more-picker-harness-filters.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-show-more-picker-harness.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-show-more-picker-search-result-harness-filters.d.ts +0 -0
- /package/testing/{lookup → modules/lookup}/lookup-show-more-picker-search-result-harness.d.ts +0 -0
- /package/testing/{search → modules/search}/search-harness-filters.d.ts +0 -0
- /package/testing/{search → modules/search}/search-harness.d.ts +0 -0
- /package/testing/{selection-modal → modules/selection-modal}/selection-modal-harness.d.ts +0 -0
- /package/testing/{selection-modal → modules/selection-modal}/selection-modal-search-result-harness-filters.d.ts +0 -0
- /package/testing/{selection-modal → modules/selection-modal}/selection-modal-search-result-harness.d.ts +0 -0
|
@@ -22,7 +22,7 @@ class SkyAutocompleteInputHarness extends SkyInputHarness {
|
|
|
22
22
|
* Returns the value of the input's `aria-controls` attribute.
|
|
23
23
|
*/
|
|
24
24
|
async getAriaControls() {
|
|
25
|
-
return (await this.host()).getAttribute('aria-controls');
|
|
25
|
+
return await (await this.host()).getAttribute('aria-controls');
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -39,7 +39,7 @@ class SkyAutocompleteSearchResultHarness extends SkyQueryableComponentHarness {
|
|
|
39
39
|
* `SkyAutocompleteSearchResultHarness` that meets certain criteria.
|
|
40
40
|
*/
|
|
41
41
|
static with(filters) {
|
|
42
|
-
return new HarnessPredicate(SkyAutocompleteSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) => HarnessPredicate.stringMatches(await harness.getText(), text));
|
|
42
|
+
return new HarnessPredicate(SkyAutocompleteSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) => await HarnessPredicate.stringMatches(await harness.getText(), text));
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
45
45
|
* Returns the value of the search result's descriptor property.
|
|
@@ -52,13 +52,13 @@ class SkyAutocompleteSearchResultHarness extends SkyQueryableComponentHarness {
|
|
|
52
52
|
* Selects the search result.
|
|
53
53
|
*/
|
|
54
54
|
async select() {
|
|
55
|
-
|
|
55
|
+
await (await this.host()).click();
|
|
56
56
|
}
|
|
57
57
|
/**
|
|
58
58
|
* Returns the text of the search result.
|
|
59
59
|
*/
|
|
60
60
|
async getText() {
|
|
61
|
-
return (await this.host()).text();
|
|
61
|
+
return await (await this.host()).text();
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -85,34 +85,34 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
|
|
|
85
85
|
* @deprecated Call `await (await autocomplete.getControl()).blur()` instead.
|
|
86
86
|
*/
|
|
87
87
|
async blur() {
|
|
88
|
-
|
|
88
|
+
await (await this.#getInput()).blur();
|
|
89
89
|
}
|
|
90
90
|
/**
|
|
91
91
|
* Clears the autocomplete input value.
|
|
92
92
|
* @deprecated Call `await (await autocomplete.getControl()).clear()` instead.
|
|
93
93
|
*/
|
|
94
94
|
async clear() {
|
|
95
|
-
|
|
95
|
+
await (await this.#getInput()).clear();
|
|
96
96
|
}
|
|
97
97
|
/**
|
|
98
98
|
* Enters text into the autocomplete input.
|
|
99
99
|
* @deprecated Call `await (await autocomplete.getControl()).setValue()` instead.
|
|
100
100
|
*/
|
|
101
101
|
async enterText(value) {
|
|
102
|
-
|
|
102
|
+
await (await this.#getInput()).setValue(value);
|
|
103
103
|
}
|
|
104
104
|
/**
|
|
105
105
|
* Focuses the autocomplete input.
|
|
106
106
|
* @deprecated Call `await (await autocomplete.getControl()).focus()` instead.
|
|
107
107
|
*/
|
|
108
108
|
async focus() {
|
|
109
|
-
|
|
109
|
+
await (await this.#getInput()).focus();
|
|
110
110
|
}
|
|
111
111
|
/**
|
|
112
112
|
* Gets the autocomplete `aria-labelledby` value.
|
|
113
113
|
*/
|
|
114
114
|
async getAriaLabelledby() {
|
|
115
|
-
return (await this.#getAutocomplete()).getAttribute('aria-labelledby');
|
|
115
|
+
return await (await this.#getAutocomplete()).getAttribute('aria-labelledby');
|
|
116
116
|
}
|
|
117
117
|
/**
|
|
118
118
|
* Gets the autocomplete input harness.
|
|
@@ -154,7 +154,7 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
|
|
|
154
154
|
* @deprecated Call `await (await autocomplete.getControl()).getValue()` instead.
|
|
155
155
|
*/
|
|
156
156
|
async getValue() {
|
|
157
|
-
return (await this.#getInput()).getValue();
|
|
157
|
+
return await (await this.#getInput()).getValue();
|
|
158
158
|
}
|
|
159
159
|
/**
|
|
160
160
|
* Gets the text displayed when no search results are found.
|
|
@@ -177,14 +177,14 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
|
|
|
177
177
|
* @deprecated Call `await (await autocomplete.getControl()).isDisabled()` instead.
|
|
178
178
|
*/
|
|
179
179
|
async isDisabled() {
|
|
180
|
-
return (await this.#getInput()).isDisabled();
|
|
180
|
+
return await (await this.#getInput()).isDisabled();
|
|
181
181
|
}
|
|
182
182
|
/**
|
|
183
183
|
* Whether the autocomplete input is focused.
|
|
184
184
|
* @deprecated Call `await (await autocomplete.getControl()).isFocused()` instead.
|
|
185
185
|
*/
|
|
186
186
|
async isFocused() {
|
|
187
|
-
return (await this.#getInput()).isFocused();
|
|
187
|
+
return await (await this.#getInput()).isFocused();
|
|
188
188
|
}
|
|
189
189
|
/**
|
|
190
190
|
* Whether the autocomplete is open.
|
|
@@ -246,7 +246,7 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
|
|
|
246
246
|
async #getOverlay() {
|
|
247
247
|
const overlayId = await (await this.#getInput()).getAriaControls();
|
|
248
248
|
return overlayId
|
|
249
|
-
? this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
249
|
+
? await this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
250
250
|
: null;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
@@ -298,11 +298,13 @@ class SkyCountryFieldFixture {
|
|
|
298
298
|
async search(searchText) {
|
|
299
299
|
const resultNodes = await this.#searchAndGetResults(searchText, this.#fixture);
|
|
300
300
|
const resultArray = Array.prototype.slice.call(resultNodes);
|
|
301
|
-
const results = resultArray
|
|
301
|
+
const results = resultArray
|
|
302
|
+
.map((result) => {
|
|
302
303
|
const countryNameEl = result.querySelector('.sky-highlight-mark');
|
|
303
304
|
const countryName = SkyAppTestUtility.getText(countryNameEl);
|
|
304
305
|
return countryName;
|
|
305
|
-
})
|
|
306
|
+
})
|
|
307
|
+
.filter((result) => result !== undefined);
|
|
306
308
|
this.#fixture.detectChanges();
|
|
307
309
|
await this.#fixture.whenStable();
|
|
308
310
|
return results;
|
|
@@ -314,15 +316,15 @@ class SkyCountryFieldFixture {
|
|
|
314
316
|
async searchAndSelectFirstResult(searchText) {
|
|
315
317
|
await this.#searchAndSelect(searchText, 0, this.#fixture);
|
|
316
318
|
this.#fixture.detectChanges();
|
|
317
|
-
|
|
319
|
+
await this.#fixture.whenStable();
|
|
318
320
|
}
|
|
319
321
|
/**
|
|
320
322
|
* Clears the country selection and input field.
|
|
321
323
|
*/
|
|
322
|
-
clear() {
|
|
324
|
+
async clear() {
|
|
323
325
|
this.#enterSearch('', this.#fixture);
|
|
324
326
|
this.#fixture.detectChanges();
|
|
325
|
-
|
|
327
|
+
await this.#fixture.whenStable();
|
|
326
328
|
}
|
|
327
329
|
//#region helpers
|
|
328
330
|
#getCountryFlag() {
|
|
@@ -335,19 +337,19 @@ class SkyCountryFieldFixture {
|
|
|
335
337
|
const debugEl = this.#debugEl.query(By.css('textarea'));
|
|
336
338
|
return debugEl.nativeElement;
|
|
337
339
|
}
|
|
338
|
-
#blurInput(fixture) {
|
|
340
|
+
async #blurInput(fixture) {
|
|
339
341
|
SkyAppTestUtility.fireDomEvent(this.#getInputElement(), 'blur');
|
|
340
342
|
fixture.detectChanges();
|
|
341
|
-
|
|
343
|
+
await fixture.whenStable();
|
|
342
344
|
}
|
|
343
|
-
#enterSearch(newValue, fixture) {
|
|
345
|
+
async #enterSearch(newValue, fixture) {
|
|
344
346
|
const inputElement = this.#getInputElement();
|
|
345
347
|
inputElement.value = newValue;
|
|
346
348
|
SkyAppTestUtility.fireDomEvent(inputElement, 'focus');
|
|
347
349
|
SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');
|
|
348
350
|
SkyAppTestUtility.fireDomEvent(inputElement, 'input');
|
|
349
351
|
fixture.detectChanges();
|
|
350
|
-
|
|
352
|
+
await fixture.whenStable();
|
|
351
353
|
}
|
|
352
354
|
async #searchAndGetResults(newValue, fixture) {
|
|
353
355
|
await this.#enterSearch(newValue, fixture);
|
|
@@ -368,6 +370,21 @@ class SkyCountryFieldFixture {
|
|
|
368
370
|
}
|
|
369
371
|
}
|
|
370
372
|
|
|
373
|
+
/**
|
|
374
|
+
* @internal
|
|
375
|
+
*/
|
|
376
|
+
class SkyCountryFieldTestingModule {
|
|
377
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
378
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, exports: [SkyCountryFieldModule] }); }
|
|
379
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, imports: [SkyCountryFieldModule] }); }
|
|
380
|
+
}
|
|
381
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, decorators: [{
|
|
382
|
+
type: NgModule,
|
|
383
|
+
args: [{
|
|
384
|
+
exports: [SkyCountryFieldModule],
|
|
385
|
+
}]
|
|
386
|
+
}] });
|
|
387
|
+
|
|
371
388
|
/**
|
|
372
389
|
* Harness for interacting with an autocomplete search result in tests.
|
|
373
390
|
*/
|
|
@@ -377,7 +394,10 @@ class SkyCountryFieldSearchResultHarness extends SkyAutocompleteSearchResultHarn
|
|
|
377
394
|
* `SkyCountryFieldSearchResultHarness` that meets certain criteria.
|
|
378
395
|
*/
|
|
379
396
|
static with(filters) {
|
|
380
|
-
return new HarnessPredicate(SkyCountryFieldSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) =>
|
|
397
|
+
return new HarnessPredicate(SkyCountryFieldSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) => {
|
|
398
|
+
const searchResultText = await harness.getText();
|
|
399
|
+
return await HarnessPredicate.stringMatches(searchResultText, text);
|
|
400
|
+
});
|
|
381
401
|
}
|
|
382
402
|
/**
|
|
383
403
|
* Returns the value of the search result's descriptor property.
|
|
@@ -520,26 +540,11 @@ class SkyCountryFieldHarness extends SkyAutocompleteHarness {
|
|
|
520
540
|
async #getOverlay() {
|
|
521
541
|
const overlayId = await (await this.#getInput()).getAriaControls();
|
|
522
542
|
return overlayId
|
|
523
|
-
? this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
543
|
+
? await this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
524
544
|
: null;
|
|
525
545
|
}
|
|
526
546
|
}
|
|
527
547
|
|
|
528
|
-
/**
|
|
529
|
-
* @internal
|
|
530
|
-
*/
|
|
531
|
-
class SkyCountryFieldTestingModule {
|
|
532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
533
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, exports: [SkyCountryFieldModule] }); }
|
|
534
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, imports: [SkyCountryFieldModule] }); }
|
|
535
|
-
}
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyCountryFieldTestingModule, decorators: [{
|
|
537
|
-
type: NgModule,
|
|
538
|
-
args: [{
|
|
539
|
-
exports: [SkyCountryFieldModule],
|
|
540
|
-
}]
|
|
541
|
-
}] });
|
|
542
|
-
|
|
543
548
|
/**
|
|
544
549
|
* Harness for interacting with an autocomplete search result in tests.
|
|
545
550
|
*/
|
|
@@ -549,7 +554,10 @@ class SkyLookupSearchResultHarness extends SkyAutocompleteSearchResultHarness {
|
|
|
549
554
|
* `SkyLookupSearchResultHarness` that meets certain criteria.
|
|
550
555
|
*/
|
|
551
556
|
static with(filters) {
|
|
552
|
-
return new HarnessPredicate(SkyLookupSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) =>
|
|
557
|
+
return new HarnessPredicate(SkyLookupSearchResultHarness, filters).addOption('textContent', filters.text, async (harness, text) => {
|
|
558
|
+
const searchResultText = await harness.getText();
|
|
559
|
+
return await HarnessPredicate.stringMatches(searchResultText, text);
|
|
560
|
+
});
|
|
553
561
|
}
|
|
554
562
|
/**
|
|
555
563
|
* Returns the value of the search result's descriptor property.
|
|
@@ -568,19 +576,19 @@ class SkyLookupSelectionsListHarness extends SkyTokensHarness {
|
|
|
568
576
|
* Gets a list of selections.
|
|
569
577
|
*/
|
|
570
578
|
async getSelections() {
|
|
571
|
-
return super.getTokens();
|
|
579
|
+
return await super.getTokens();
|
|
572
580
|
}
|
|
573
581
|
/**
|
|
574
582
|
* Dismisses the selections in the list.
|
|
575
583
|
*/
|
|
576
584
|
async dismissSelections() {
|
|
577
|
-
|
|
585
|
+
await super.dismissTokens();
|
|
578
586
|
}
|
|
579
587
|
/**
|
|
580
588
|
* Gets the text content of all selections in the list.
|
|
581
589
|
*/
|
|
582
590
|
async getSelectionsText() {
|
|
583
|
-
return super.getTokensText();
|
|
591
|
+
return await super.getTokensText();
|
|
584
592
|
}
|
|
585
593
|
}
|
|
586
594
|
|
|
@@ -626,7 +634,7 @@ class SkySearchHarness extends SkyComponentHarness {
|
|
|
626
634
|
*/
|
|
627
635
|
async clickClearButton() {
|
|
628
636
|
await this.#assertIsExpanded('Failed to click clear button.');
|
|
629
|
-
|
|
637
|
+
await (await this.#getClearButton()).click();
|
|
630
638
|
}
|
|
631
639
|
/**
|
|
632
640
|
* Clicks search dismiss button to collapse search back to a button.
|
|
@@ -636,7 +644,7 @@ class SkySearchHarness extends SkyComponentHarness {
|
|
|
636
644
|
if (!button) {
|
|
637
645
|
throw new Error('Cannot find dismiss search button. Is a collapsed search open?');
|
|
638
646
|
}
|
|
639
|
-
|
|
647
|
+
await button.click();
|
|
640
648
|
}
|
|
641
649
|
/**
|
|
642
650
|
* Clicks the search icon button that opens search input when it is collapsed.
|
|
@@ -646,14 +654,14 @@ class SkySearchHarness extends SkyComponentHarness {
|
|
|
646
654
|
if (!(await this.isCollapsed())) {
|
|
647
655
|
throw new Error('Cannot click search open button as search is not collapsed');
|
|
648
656
|
}
|
|
649
|
-
|
|
657
|
+
await button.click();
|
|
650
658
|
}
|
|
651
659
|
/**
|
|
652
660
|
* Clicks the search submit button.
|
|
653
661
|
*/
|
|
654
662
|
async clickSubmitButton() {
|
|
655
663
|
await this.#assertIsExpanded('Failed to click the submit button.');
|
|
656
|
-
|
|
664
|
+
await (await this.#getSubmitButton()).click();
|
|
657
665
|
}
|
|
658
666
|
/**
|
|
659
667
|
* Enters text into the search input and performs a search.
|
|
@@ -677,27 +685,27 @@ class SkySearchHarness extends SkyComponentHarness {
|
|
|
677
685
|
* Gets the search input's `aria-label`.
|
|
678
686
|
*/
|
|
679
687
|
async getAriaLabel() {
|
|
680
|
-
return (await this.#getInput()).getAttribute('aria-label');
|
|
688
|
+
return await (await this.#getInput()).getAttribute('aria-label');
|
|
681
689
|
}
|
|
682
690
|
/**
|
|
683
691
|
* Gets the search's aria-labelledby.
|
|
684
692
|
*/
|
|
685
693
|
async getAriaLabelledby() {
|
|
686
|
-
return (await this.#getInput()).getAttribute('aria-labelledby');
|
|
694
|
+
return await (await this.#getInput()).getAttribute('aria-labelledby');
|
|
687
695
|
}
|
|
688
696
|
/**
|
|
689
697
|
* Gets the value of the input's placeholder attribute.
|
|
690
698
|
*/
|
|
691
699
|
async getPlaceholderText() {
|
|
692
700
|
await this.#assertIsExpanded('Failed to get the placeholder text.');
|
|
693
|
-
return (await this.#getInput()).getAttribute('placeholder');
|
|
701
|
+
return await (await this.#getInput()).getAttribute('placeholder');
|
|
694
702
|
}
|
|
695
703
|
/**
|
|
696
704
|
* Gets the value of the search input.
|
|
697
705
|
*/
|
|
698
706
|
async getValue() {
|
|
699
707
|
await this.#assertIsExpanded('Failed to get the value of the search input.');
|
|
700
|
-
return (await this.#getInput()).getProperty('value');
|
|
708
|
+
return await (await this.#getInput()).getProperty('value');
|
|
701
709
|
}
|
|
702
710
|
/**
|
|
703
711
|
* Whether the search input is collapsed.
|
|
@@ -717,7 +725,7 @@ class SkySearchHarness extends SkyComponentHarness {
|
|
|
717
725
|
*/
|
|
718
726
|
async isFocused() {
|
|
719
727
|
await this.#assertIsExpanded('Failed to get the search input focus status.');
|
|
720
|
-
return (await this.#getInput()).isFocused();
|
|
728
|
+
return await (await this.#getInput()).isFocused();
|
|
721
729
|
}
|
|
722
730
|
async #assertIsExpanded(errorMessage) {
|
|
723
731
|
if (await this.isCollapsed()) {
|
|
@@ -746,20 +754,20 @@ class SkySelectionModalHarness extends ComponentHarness {
|
|
|
746
754
|
* Clears the text of the search input.
|
|
747
755
|
*/
|
|
748
756
|
async clearSearchText() {
|
|
749
|
-
|
|
757
|
+
await (await this.#getSearchHarness()).clear();
|
|
750
758
|
}
|
|
751
759
|
/**
|
|
752
760
|
* Enters text into the search input and performs a search.
|
|
753
761
|
*/
|
|
754
762
|
async enterSearchText(value) {
|
|
755
|
-
|
|
763
|
+
await (await this.#getSearchHarness()).enterText(value);
|
|
756
764
|
}
|
|
757
765
|
/**
|
|
758
766
|
*
|
|
759
767
|
* Gets the search input's aria-label.
|
|
760
768
|
*/
|
|
761
769
|
async getSearchAriaLabel() {
|
|
762
|
-
return (await this.#getSearchHarness()).getAriaLabel();
|
|
770
|
+
return await (await this.#getSearchHarness()).getAriaLabel();
|
|
763
771
|
}
|
|
764
772
|
/**
|
|
765
773
|
* Selects multiple search results based on a set of criteria.
|
|
@@ -780,20 +788,20 @@ class SkySelectionModalHarness extends ComponentHarness {
|
|
|
780
788
|
* Saves any selections made and closes the modal.
|
|
781
789
|
*/
|
|
782
790
|
async saveAndClose() {
|
|
783
|
-
|
|
791
|
+
await (await this.#getSaveButton()).click();
|
|
784
792
|
}
|
|
785
793
|
/**
|
|
786
794
|
*
|
|
787
795
|
* Gets the save button's aria-label.
|
|
788
796
|
*/
|
|
789
797
|
async getSaveButtonAriaLabel() {
|
|
790
|
-
return (await this.#getSaveButton()).getAttribute('aria-label');
|
|
798
|
+
return await (await this.#getSaveButton()).getAttribute('aria-label');
|
|
791
799
|
}
|
|
792
800
|
/**
|
|
793
801
|
* Closes the picker without saving any selections made.
|
|
794
802
|
*/
|
|
795
803
|
async cancel() {
|
|
796
|
-
|
|
804
|
+
await (await this.#getCancelButton()).click();
|
|
797
805
|
}
|
|
798
806
|
/**
|
|
799
807
|
* Gets a list of search results.
|
|
@@ -828,7 +836,7 @@ class SkySelectionModalHarness extends ComponentHarness {
|
|
|
828
836
|
if (!button) {
|
|
829
837
|
throw new Error('Could not get the aria-label for the clear all button because the "Clear all" button could not be found.');
|
|
830
838
|
}
|
|
831
|
-
return button.getAttribute('aria-label');
|
|
839
|
+
return await button.getAttribute('aria-label');
|
|
832
840
|
}
|
|
833
841
|
/**
|
|
834
842
|
* Whether the selection modal is configured to allow multiple selections.
|
|
@@ -855,13 +863,13 @@ class SkySelectionModalHarness extends ComponentHarness {
|
|
|
855
863
|
if (!button) {
|
|
856
864
|
throw new Error('Could not get the aria-label for the select all button because the "Select all" button could not be found.');
|
|
857
865
|
}
|
|
858
|
-
return button.getAttribute('aria-label');
|
|
866
|
+
return await button.getAttribute('aria-label');
|
|
859
867
|
}
|
|
860
868
|
/**
|
|
861
869
|
* Loads more results in the picker.
|
|
862
870
|
*/
|
|
863
871
|
async loadMore() {
|
|
864
|
-
|
|
872
|
+
await (await this.#getInfiniteScroll()).loadMore();
|
|
865
873
|
}
|
|
866
874
|
/**
|
|
867
875
|
* Whether the selection modal is configured to show the add button.
|
|
@@ -885,7 +893,8 @@ class SkySelectionModalHarness extends ComponentHarness {
|
|
|
885
893
|
*/
|
|
886
894
|
async getOnlyShowSelectedAriaLabel() {
|
|
887
895
|
try {
|
|
888
|
-
|
|
896
|
+
const label = await (await this.#getCheckboxHarness()).getAriaLabel();
|
|
897
|
+
return label;
|
|
889
898
|
}
|
|
890
899
|
catch {
|
|
891
900
|
throw new Error('Could not get the "Show only selected items" checkbox because it could not be found.');
|
|
@@ -909,13 +918,13 @@ class SkyLookupShowMorePickerHarness extends SkySelectionModalHarness {
|
|
|
909
918
|
* Selects multiple search results based on a set of criteria.
|
|
910
919
|
*/
|
|
911
920
|
async selectSearchResult(filters) {
|
|
912
|
-
|
|
921
|
+
await super.selectSearchResult(filters);
|
|
913
922
|
}
|
|
914
923
|
/**
|
|
915
924
|
* Gets a list of search results.
|
|
916
925
|
*/
|
|
917
926
|
async getSearchResults(filters) {
|
|
918
|
-
return super.getSearchResults(filters);
|
|
927
|
+
return await super.getSearchResults(filters);
|
|
919
928
|
}
|
|
920
929
|
}
|
|
921
930
|
|
|
@@ -951,13 +960,13 @@ class SkyLookupHarness extends SkyAutocompleteHarness {
|
|
|
951
960
|
* Blurs the lookup input.
|
|
952
961
|
*/
|
|
953
962
|
async blur() {
|
|
954
|
-
|
|
963
|
+
await super.blur();
|
|
955
964
|
}
|
|
956
965
|
/**
|
|
957
966
|
* Clears the lookup input value.
|
|
958
967
|
*/
|
|
959
968
|
async clear() {
|
|
960
|
-
|
|
969
|
+
await super.clear();
|
|
961
970
|
}
|
|
962
971
|
/**
|
|
963
972
|
* Clicks the "Add" button on the search results panel.
|
|
@@ -977,19 +986,19 @@ class SkyLookupHarness extends SkyAutocompleteHarness {
|
|
|
977
986
|
* Dismisses the selections made with a multiselect lookup.
|
|
978
987
|
*/
|
|
979
988
|
async dismissSelections() {
|
|
980
|
-
|
|
989
|
+
await (await this.#getSelectionsListHarness()).dismissSelections();
|
|
981
990
|
}
|
|
982
991
|
/**
|
|
983
992
|
* Enters text into the lookup input.
|
|
984
993
|
*/
|
|
985
994
|
async enterText(value) {
|
|
986
|
-
|
|
995
|
+
await super.enterText(value);
|
|
987
996
|
}
|
|
988
997
|
/**
|
|
989
998
|
* Focuses the lookup input.
|
|
990
999
|
*/
|
|
991
1000
|
async focus() {
|
|
992
|
-
|
|
1001
|
+
await super.focus();
|
|
993
1002
|
}
|
|
994
1003
|
/**
|
|
995
1004
|
* Gets the lookup `aria-labelledby` value.
|
|
@@ -1042,13 +1051,13 @@ class SkyLookupHarness extends SkyAutocompleteHarness {
|
|
|
1042
1051
|
* Gets a list of selections made with a multiselect lookup.
|
|
1043
1052
|
*/
|
|
1044
1053
|
async getSelections() {
|
|
1045
|
-
return (await this.#getSelectionsListHarness()).getSelections();
|
|
1054
|
+
return await (await this.#getSelectionsListHarness()).getSelections();
|
|
1046
1055
|
}
|
|
1047
1056
|
/**
|
|
1048
1057
|
* Gets the text content of all selections made with a multiselect lookup.
|
|
1049
1058
|
*/
|
|
1050
1059
|
async getSelectionsText() {
|
|
1051
|
-
return (await this.#getSelectionsListHarness()).getSelectionsText();
|
|
1060
|
+
return await (await this.#getSelectionsListHarness()).getSelectionsText();
|
|
1052
1061
|
}
|
|
1053
1062
|
/**
|
|
1054
1063
|
* Gets the value of the lookup input.
|
|
@@ -1084,12 +1093,12 @@ class SkyLookupHarness extends SkyAutocompleteHarness {
|
|
|
1084
1093
|
* Selects a search result.
|
|
1085
1094
|
*/
|
|
1086
1095
|
async selectSearchResult(filters) {
|
|
1087
|
-
|
|
1096
|
+
await super.selectSearchResult(filters);
|
|
1088
1097
|
}
|
|
1089
1098
|
async #getOverlay() {
|
|
1090
1099
|
const overlayId = await (await this.#getInput()).getAriaControls();
|
|
1091
1100
|
return overlayId
|
|
1092
|
-
? this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
1101
|
+
? await this.#documentRootLocator.locatorForOptional(SkyOverlayHarness.with({ selector: `#${overlayId}` }))()
|
|
1093
1102
|
: null;
|
|
1094
1103
|
}
|
|
1095
1104
|
}
|