@skyux/lookup 6.14.0 → 6.17.0

package/fesm2015/skyux-lookup-testing.mjs

@@ -6,6 +6,9 @@ import { SkyAppTestUtility } from '@skyux-sdk/testing';
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { SkyCountryFieldModule, SkySearchModule } from '@skyux/lookup';
+import { SkyTokensHarness, SkyTokenHarness } from '@skyux/indicators/testing';
+import { SkyInfiniteScrollHarness, SkyRepeaterItemHarness } from '@skyux/lists/testing';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
 /**
  * @internal
@@ -84,6 +87,7 @@ SkyAutocompleteInputHarness.hostSelector = '[skyAutocomplete]';
 
 /**
  * Harness for interacting with an autocomplete search results in tests.
+ * @internal
  */
 class SkyAutocompleteSearchResultHarness extends ComponentHarness {
     /**
@@ -132,6 +136,7 @@ SkyAutocompleteSearchResultHarness.hostSelector = '.sky-autocomplete-result';
 var _SkyAutocompleteHarness_instances, _SkyAutocompleteHarness_documentRootLocator, _SkyAutocompleteHarness_getInput, _SkyAutocompleteHarness_getOverlay;
 /**
  * Harness for interacting with an autocomplete component in tests.
+ * @internal
  */
 class SkyAutocompleteHarness extends SkyComponentHarness {
     constructor() {
@@ -312,6 +317,7 @@ SkyAutocompleteHarness.hostSelector = 'sky-autocomplete';
 
 /**
  * Allows interaction with a SKY UX country field component.
+ * @internal
  */
 class SkyCountryFieldFixture {
     constructor(fixture, skyTestId) {
@@ -430,6 +436,9 @@ class SkyCountryFieldFixture {
     }
 }
 
+/**
+ * @internal
+ */
 class SkyCountryFieldTestingModule {
 }
 SkyCountryFieldTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyCountryFieldTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -442,8 +451,393 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 }]
         }] });
 
+/**
+ * Harness for interacting with multiselect lookup selections in tests.
+ * @internal
+ */
+class SkyLookupSelectionsListHarness extends SkyTokensHarness {
+    /**
+     * Gets a list of selections.
+     */
+    getSelections() {
+        const _super = Object.create(null, {
+            getTokens: { get: () => super.getTokens }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.getTokens.call(this);
+        });
+    }
+    /**
+     * Dismisses the selections in the list.
+     */
+    dismissSelections() {
+        const _super = Object.create(null, {
+            dismissTokens: { get: () => super.dismissTokens }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.dismissTokens.call(this);
+        });
+    }
+    /**
+     * Gets the text content of all selections in the list.
+     */
+    getSelectionsText() {
+        const _super = Object.create(null, {
+            getTokensText: { get: () => super.getTokensText }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.getTokensText.call(this);
+        });
+    }
+}
+
+var _SkySearchHarness_instances, _SkySearchHarness_getInput, _SkySearchHarness_getSubmitButton, _SkySearchHarness_clickSubmitButton;
+/**
+ * Harness for interacting with an search component in tests.
+ * @internal
+ */
+class SkySearchHarness extends SkyComponentHarness {
+    constructor() {
+        super(...arguments);
+        _SkySearchHarness_instances.add(this);
+        _SkySearchHarness_getInput.set(this, this.locatorFor('input.sky-search-input'));
+        _SkySearchHarness_getSubmitButton.set(this, this.locatorFor('button.sky-search-btn-apply'));
+    }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkySearchHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return this.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Blurs the input.
+     */
+    blur() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).blur();
+        });
+    }
+    /**
+     * Clears the input.
+     */
+    clear() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const input = yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this);
+            yield input.focus();
+            yield input.clear();
+            yield __classPrivateFieldGet(this, _SkySearchHarness_instances, "m", _SkySearchHarness_clickSubmitButton).call(this);
+        });
+    }
+    /**
+     * Enters text into the input and performs a search.
+     */
+    enterText(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const input = yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this);
+            yield input.clear();
+            yield input.focus();
+            yield input.sendKeys(value);
+            yield __classPrivateFieldGet(this, _SkySearchHarness_instances, "m", _SkySearchHarness_clickSubmitButton).call(this);
+        });
+    }
+    /**
+     * Focuses the input.
+     */
+    focus() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).focus();
+        });
+    }
+    /**
+     * Gets the value of the input's placeholder attribute.
+     */
+    getPlaceholderText() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).getAttribute('placeholder');
+        });
+    }
+    /**
+     * Gets the value of the input.
+     */
+    getValue() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).getProperty('value');
+        });
+    }
+    /**
+     * Whether the input is disabled.
+     */
+    isDisabled() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const disabled = yield (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).getAttribute('disabled');
+            return disabled !== null;
+        });
+    }
+    /**
+     * Whether the input is focused.
+     */
+    isFocused() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkySearchHarness_getInput, "f").call(this)).isFocused();
+        });
+    }
+}
+_SkySearchHarness_getInput = new WeakMap(), _SkySearchHarness_getSubmitButton = new WeakMap(), _SkySearchHarness_instances = new WeakSet(), _SkySearchHarness_clickSubmitButton = function _SkySearchHarness_clickSubmitButton() {
+    return __awaiter(this, void 0, void 0, function* () {
+        return (yield __classPrivateFieldGet(this, _SkySearchHarness_getSubmitButton, "f").call(this)).click();
+    });
+};
+SkySearchHarness.hostSelector = 'sky-search';
+
+var _SkyLookupShowMorePickerHarness_getCancelButton, _SkyLookupShowMorePickerHarness_getClearAllButton, _SkyLookupShowMorePickerHarness_getInfiniteScroll, _SkyLookupShowMorePickerHarness_getSaveButton, _SkyLookupShowMorePickerHarness_getSearchHarness, _SkyLookupShowMorePickerHarness_getSelectAllButton;
+/**
+ * Harness for interacting with a lookup's "Show more" picker in tests.
+ * @internal
+ */
+class SkyLookupShowMorePickerHarness extends ComponentHarness {
+    constructor() {
+        super(...arguments);
+        _SkyLookupShowMorePickerHarness_getCancelButton.set(this, this.locatorFor('button.sky-lookup-show-more-modal-close'));
+        _SkyLookupShowMorePickerHarness_getClearAllButton.set(this, this.locatorForOptional('button.sky-lookup-show-more-modal-clear-all-btn'));
+        _SkyLookupShowMorePickerHarness_getInfiniteScroll.set(this, this.locatorFor(SkyInfiniteScrollHarness));
+        _SkyLookupShowMorePickerHarness_getSaveButton.set(this, this.locatorFor('button.sky-lookup-show-more-modal-save'));
+        _SkyLookupShowMorePickerHarness_getSearchHarness.set(this, this.locatorFor(SkySearchHarness));
+        _SkyLookupShowMorePickerHarness_getSelectAllButton.set(this, this.locatorForOptional('button.sky-lookup-show-more-modal-select-all-btn'));
+    }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyLookupShowMorePickerHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return new HarnessPredicate(SkyLookupShowMorePickerHarness, filters);
+    }
+    /**
+     * Clears the text of the search input.
+     */
+    clearSearchText() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getSearchHarness, "f").call(this)).clear();
+        });
+    }
+    /**
+     * Enters text into the search input and performs a search.
+     */
+    enterSearchText(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getSearchHarness, "f").call(this)).enterText(value);
+        });
+    }
+    /**
+     * Selects multiple search results based on a set of criteria.
+     */
+    selectSearchResult(filters) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const harnesses = yield this.getSearchResults(filters);
+            if (yield this.isMultiselect()) {
+                for (const harness of harnesses) {
+                    yield harness.select();
+                }
+            }
+            else {
+                // Click on the item directly because we've added a custom click event in the picker's template.
+                yield (yield harnesses[0].host()).click();
+            }
+        });
+    }
+    /**
+     * Saves any selections made and closes the picker.
+     */
+    saveAndClose() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getSaveButton, "f").call(this)).click();
+        });
+    }
+    /**
+     * Closes the picker without saving any selections made.
+     */
+    cancel() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getCancelButton, "f").call(this)).click();
+        });
+    }
+    /**
+     * Gets a list of search results.
+     */
+    getSearchResults(filters) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const pickerId = (yield (yield this.host()).getAttribute('id'));
+            const harnesses = yield this.locatorForAll(SkyRepeaterItemHarness.with(Object.assign(Object.assign({}, (filters || {})), { ancestor: `#${pickerId}` })))();
+            if (filters && harnesses.length === 0) {
+                throw new Error(`Could not find search results in the picker matching filter(s): ${JSON.stringify(filters)}`);
+            }
+            return harnesses;
+        });
+    }
+    /**
+     * Clears all selections made.
+     */
+    clearAll() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const button = yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getClearAllButton, "f").call(this);
+            if (!button) {
+                throw new Error('Could not clear all selections because the "Clear all" button could not be found.');
+            }
+            yield button.click();
+        });
+    }
+    /**
+     * Whether the picker is configured to allow multiple selections.
+     */
+    isMultiselect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return !(yield (yield this.host()).hasClass('sky-lookup-show-more-modal-single'));
+        });
+    }
+    /**
+     * Selects all search results.
+     */
+    selectAll() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const button = yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getSelectAllButton, "f").call(this);
+            if (!button) {
+                throw new Error('Could not select all selections because the "Select all" button could not be found.');
+            }
+            yield button.click();
+        });
+    }
+    /**
+     * Loads more results in the picker.
+     */
+    loadMore() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupShowMorePickerHarness_getInfiniteScroll, "f").call(this)).loadMore();
+        });
+    }
+}
+_SkyLookupShowMorePickerHarness_getCancelButton = new WeakMap(), _SkyLookupShowMorePickerHarness_getClearAllButton = new WeakMap(), _SkyLookupShowMorePickerHarness_getInfiniteScroll = new WeakMap(), _SkyLookupShowMorePickerHarness_getSaveButton = new WeakMap(), _SkyLookupShowMorePickerHarness_getSearchHarness = new WeakMap(), _SkyLookupShowMorePickerHarness_getSelectAllButton = new WeakMap();
+/**
+ * Use the class name since the async and non-async pickers use different
+ * host components but share the same wrapper CSS class.
+ */
+SkyLookupShowMorePickerHarness.hostSelector = '.sky-lookup-show-more-modal';
+
+var _SkyLookupHarness_documentRootLocator, _SkyLookupHarness_getAutocompleteHarness, _SkyLookupHarness_getSelectionsListHarness, _SkyLookupHarness_getWrapper;
+/**
+ * Harness for interacting with a lookup component in tests.
+ * @internal
+ */
+class SkyLookupHarness extends SkyAutocompleteHarness {
+    constructor() {
+        super(...arguments);
+        _SkyLookupHarness_documentRootLocator.set(this, this.documentRootLocatorFactory());
+        _SkyLookupHarness_getAutocompleteHarness.set(this, this.locatorFor(SkyAutocompleteHarness));
+        _SkyLookupHarness_getSelectionsListHarness.set(this, this.locatorFor(SkyLookupSelectionsListHarness));
+        _SkyLookupHarness_getWrapper.set(this, this.locatorFor('.sky-lookup'));
+    }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyLookupHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return SkyLookupHarness.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Clicks the "Add" button on the search results panel.
+     */
+    clickAddButton() {
+        const _super = Object.create(null, {
+            clickAddButton: { get: () => super.clickAddButton }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.focus();
+            yield _super.clickAddButton.call(this);
+        });
+    }
+    /**
+     * Clicks the "Show more" button on the search results panel.
+     */
+    clickShowMoreButton() {
+        const _super = Object.create(null, {
+            clickShowMoreButton: { get: () => super.clickShowMoreButton }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.focus();
+            yield _super.clickShowMoreButton.call(this);
+        });
+    }
+    /**
+     * Dismisses the selections made with a multiselect lookup.
+     */
+    dismissSelections() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupHarness_getSelectionsListHarness, "f").call(this)).dismissSelections();
+        });
+    }
+    /**
+     * Gets the "Show more" picker harness.
+     */
+    getShowMorePicker() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const pickerId = yield (yield (yield __classPrivateFieldGet(this, _SkyLookupHarness_getAutocompleteHarness, "f").call(this)).host()).getAttribute('data-sky-lookup-show-more-picker-id');
+            const defaultPicker = yield __classPrivateFieldGet(this, _SkyLookupHarness_documentRootLocator, "f").locatorForOptional(SkyLookupShowMorePickerHarness.with({ selector: `#${pickerId}` }))();
+            if (!defaultPicker) {
+                throw new Error('Cannot get the "Show more" picker because it is not open.');
+            }
+            return defaultPicker;
+        });
+    }
+    /**
+     * Gets a list of selections made with a multiselect lookup.
+     */
+    getSelections() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupHarness_getSelectionsListHarness, "f").call(this)).getSelections();
+        });
+    }
+    /**
+     * Gets the text content of all selections made with a multiselect lookup.
+     */
+    getSelectionsText() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return (yield __classPrivateFieldGet(this, _SkyLookupHarness_getSelectionsListHarness, "f").call(this)).getSelectionsText();
+        });
+    }
+    /**
+     * Whether the lookup allows for multiple selections.
+     */
+    isMultiselect() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return !(yield (yield __classPrivateFieldGet(this, _SkyLookupHarness_getWrapper, "f").call(this)).hasClass('sky-lookup-single'));
+        });
+    }
+}
+_SkyLookupHarness_documentRootLocator = new WeakMap(), _SkyLookupHarness_getAutocompleteHarness = new WeakMap(), _SkyLookupHarness_getSelectionsListHarness = new WeakMap(), _SkyLookupHarness_getWrapper = new WeakMap();
+/**
+ * Finds a standard lookup component, or a lookup component that is wrapped by an input box component.
+ * For input box implementations, we need to use the `.sky-input-box` selector since the `sky-lookup`
+ * element is removed from the DOM.
+ */
+SkyLookupHarness.hostSelector = 'sky-lookup,.sky-input-box';
+
+/**
+ * Harness for interacting with a multiselect lookup selection in tests.
+ * @internal
+ */
+class SkyLookupSelectionHarness extends SkyTokenHarness {
+}
+
+/**
+ * Harness for interacting with a lookup's "Show more" picker search results in tests.
+ * @internal
+ */
+class SkyLookupShowMorePickerSearchResultHarness extends SkyRepeaterItemHarness {
+}
+
 /**
  * Allows interaction with a SKY UX search component.
+ * @deprecated Use `SkySearchHarness` instead.
+ * @internal
  */
 class SkySearchFixture {
     constructor(fixture, skyTestId) {
@@ -497,15 +891,18 @@ class SkySearchFixture {
     }
 }
 
+/**
+ * @internal
+ */
 class SkySearchTestingModule {
 }
 SkySearchTestingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkySearchTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, exports: [SkySearchModule] });
-SkySearchTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, imports: [SkySearchModule] });
+SkySearchTestingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, exports: [NoopAnimationsModule, SkySearchModule] });
+SkySearchTestingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, imports: [NoopAnimationsModule, SkySearchModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkySearchTestingModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [SkySearchModule],
+                    exports: [NoopAnimationsModule, SkySearchModule],
                 }]
         }] });
 
@@ -513,5 +910,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyAutocompleteHarness, SkyAutocompleteSearchResultHarness, SkyCountryFieldFixture, SkyCountryFieldTestingModule, SkySearchFixture, SkySearchTestingModule };
+export { SkyAutocompleteHarness, SkyAutocompleteSearchResultHarness, SkyCountryFieldFixture, SkyCountryFieldTestingModule, SkyLookupHarness, SkyLookupSelectionHarness, SkyLookupSelectionsListHarness, SkyLookupShowMorePickerHarness, SkyLookupShowMorePickerSearchResultHarness, SkySearchFixture, SkySearchHarness, SkySearchTestingModule };
 //# sourceMappingURL=skyux-lookup-testing.mjs.map