@skyux/lookup 13.0.0-alpha.1 → 13.0.0-alpha.11

package/fesm2022/skyux-lookup-testing.mjs

@@ -1,14 +1,14 @@
 import { SkyInputHarness, SkyQueryableComponentHarness, SkyComponentHarness, SkyOverlayHarness } from '@skyux/core/testing';
 import { HarnessPredicate, ComponentHarness } from '@angular/cdk/testing';
+import { SkyTokensHarness, SkyTokenHarness } from '@skyux/indicators/testing';
+import { SkyCheckboxHarness } from '@skyux/forms/testing';
+import { SkyInfiniteScrollHarness, SkyRepeaterItemHarness } from '@skyux/lists/testing';
 import { By } from '@angular/platform-browser';
 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 { SkyCheckboxHarness } from '@skyux/forms/testing';
-import { SkyInfiniteScrollHarness, SkyRepeaterItemHarness } from '@skyux/lists/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { SkySearchModule } from '@skyux/lookup';
 
 /**
  * Harness to interact with the autocomplete input harness.
@@ -121,22 +121,27 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
         return await this.#getInput();
     }
     /**
-     * Returns autocomplete search result harnesses.
+     * Gets a specific autocomplete search result based on the filter criteria.
+     * @param filter The filter criteria.
+     */
+    async getSearchResult(filter) {
+        const overlay = await this.#getOverlay();
+        if (!overlay) {
+            throw new Error('Unable to retrieve search result. The autocomplete is closed.');
+        }
+        return await overlay.queryHarness(SkyAutocompleteSearchResultHarness.with(filter));
+    }
+    /**
+     * Gets an array of autocomplete search results based on the filter criteria.
+     * If no filter is provided, returns all autocomplete search results.
+     * @param filters The optional filter criteria.
      */
     async getSearchResults(filters) {
         const overlay = await this.#getOverlay();
         if (!overlay) {
             throw new Error('Unable to retrieve search results. The autocomplete is closed.');
         }
-        const harnesses = await overlay.queryHarnesses(SkyAutocompleteSearchResultHarness.with(filters || {}));
-        if (filters && harnesses.length === 0) {
-            // Stringify the regular expression so that it's readable in the console log.
-            if (filters.text instanceof RegExp) {
-                filters.text = filters.text.toString();
-            }
-            throw new Error(`Could not find search results matching filter(s): ${JSON.stringify(filters)}`);
-        }
-        return harnesses;
+        return await overlay.queryHarnesses(SkyAutocompleteSearchResultHarness.with(filters || {}));
     }
     /**
      * Returns the text content for each autocomplete search result.
@@ -251,128 +256,6 @@ class SkyAutocompleteHarness extends SkyComponentHarness {
     }
 }
 
-/**
- * Allows interaction with a SKY UX country field component.
- * @internal
- */
-class SkyCountryFieldFixture {
-    #debugEl;
-    /**
-     * The value of the input field's autocomplete attribute.
-     * @deprecated The country field component's `autocompleteAttribute` is deprecated.
-     */
-    get autocompleteAttribute() {
-        return this.#getInputElement().getAttribute('autocomplete');
-    }
-    /**
-     * A flag indicating whether or not the input has been disabled.
-     */
-    get disabled() {
-        return this.#getInputElement().disabled;
-    }
-    /**
-     * The value of the input field.
-     */
-    get searchText() {
-        return this.#getInputElement().value;
-    }
-    #fixture;
-    constructor(fixture, skyTestId) {
-        this.#fixture = fixture;
-        this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-country-field');
-    }
-    /**
-     * Enters the search text into the input field displaying search results, but making no selection.
-     * @param searchText The name of the country to select.
-     * @returns The list of country names matching the search text.
-     */
-    async search(searchText) {
-        const resultNodes = await this.#searchAndGetResults(searchText, this.#fixture);
-        const resultArray = Array.prototype.slice.call(resultNodes);
-        const results = resultArray
-            .map((result) => {
-            const countryNameEl = result.querySelector('.sky-highlight-mark');
-            const countryName = SkyAppTestUtility.getText(countryNameEl);
-            return countryName;
-        })
-            .filter((result) => result !== undefined);
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
-        return results;
-    }
-    /**
-     * Enters the search text into the input field and selects the first result (if any).
-     * @param searchText The name of the country to select.
-     */
-    async searchAndSelectFirstResult(searchText) {
-        await this.#searchAndSelect(searchText, 0, this.#fixture);
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
-    }
-    /**
-     * Clears the country selection and input field.
-     */
-    async clear() {
-        await this.#enterSearch('', this.#fixture);
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
-    }
-    //#region helpers
-    #getAutocompleteElement() {
-        return document.querySelector('.sky-autocomplete-results');
-    }
-    #getInputElement() {
-        const debugEl = this.#debugEl.query(By.css('textarea'));
-        return debugEl.nativeElement;
-    }
-    async #blurInput(fixture) {
-        SkyAppTestUtility.fireDomEvent(this.#getInputElement(), 'blur');
-        fixture.detectChanges();
-        await fixture.whenStable();
-    }
-    async #enterSearch(newValue, fixture) {
-        const inputElement = this.#getInputElement();
-        inputElement.value = newValue;
-        SkyAppTestUtility.fireDomEvent(inputElement, 'focus');
-        SkyAppTestUtility.fireDomEvent(inputElement, 'keyup');
-        SkyAppTestUtility.fireDomEvent(inputElement, 'input');
-        fixture.detectChanges();
-        await fixture.whenStable();
-    }
-    async #searchAndGetResults(newValue, fixture) {
-        await this.#enterSearch(newValue, fixture);
-        fixture.detectChanges();
-        await fixture.whenStable();
-        return this.#getAutocompleteElement().querySelectorAll('.sky-autocomplete-result');
-    }
-    async #searchAndSelect(newValue, index, fixture) {
-        const inputElement = this.#getInputElement();
-        const searchResults = await this.#searchAndGetResults(newValue, fixture);
-        if (searchResults.length < index + 1) {
-            throw new Error('Index out of range for results');
-        }
-        // Note: the ordering of these events is important!
-        SkyAppTestUtility.fireDomEvent(inputElement, 'change');
-        SkyAppTestUtility.fireDomEvent(searchResults[index], 'click');
-        await this.#blurInput(fixture);
-    }
-}
-
-/**
- * @internal
- */
-class SkyCountryFieldTestingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyCountryFieldTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyCountryFieldTestingModule, exports: [SkyCountryFieldModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyCountryFieldTestingModule, imports: [SkyCountryFieldModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyCountryFieldTestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyCountryFieldModule],
-                }]
-        }] });
-
 /**
  * Harness for interacting with an autocomplete search result in tests.
  */
@@ -461,22 +344,27 @@ class SkyCountryFieldHarness extends SkyAutocompleteHarness {
         return await super.getAriaLabelledby();
     }
     /**
-     * Returns country field search result harnesses.
+     * Gets a specific country field search result based on the filter criteria.
+     * @param filter The filter criteria.
+     */
+    async getSearchResult(filter) {
+        const overlay = await this.#getOverlay();
+        if (!overlay) {
+            throw new Error('Unable to retrieve search result. The country field is closed.');
+        }
+        return await overlay.queryHarness(SkyCountryFieldSearchResultHarness.with(filter));
+    }
+    /**
+     * Gets an array of country field search results based on the filter criteria.
+     * If no filter is provided, returns all country field search results.
+     * @param filters The optional filter criteria.
      */
     async getSearchResults(filters) {
         const overlay = await this.#getOverlay();
         if (!overlay) {
             throw new Error('Unable to retrieve search results. The country field is closed.');
         }
-        const harnesses = await overlay.queryHarnesses(SkyCountryFieldSearchResultHarness.with(filters || {}));
-        if (filters && harnesses.length === 0) {
-            // Stringify the regular expression so that it's readable in the console log.
-            if (filters.text instanceof RegExp) {
-                filters.text = filters.text.toString();
-            }
-            throw new Error(`Could not find search results matching filter(s): ${JSON.stringify(filters)}`);
-        }
-        return harnesses;
+        return await overlay.queryHarnesses(SkyCountryFieldSearchResultHarness.with(filters || {}));
     }
     /**
      * Returns the text content for each country field search result.
@@ -758,7 +646,6 @@ class SkySelectionModalHarness extends ComponentHarness {
         await (await this.#getSearchHarness()).enterText(value);
     }
     /**
-     *
      * Gets the search input's aria-label.
      */
     async getSearchAriaLabel() {
@@ -799,18 +686,27 @@ class SkySelectionModalHarness extends ComponentHarness {
         await (await this.#getCancelButton()).click();
     }
     /**
-     * Gets a list of search results.
+     * Gets a specific search result based on the filter criteria.
+     * @param filter The filter criteria.
+     */
+    async getSearchResult(filter) {
+        const pickerId = (await (await this.host()).getAttribute('id'));
+        return await this.locatorFor(SkyRepeaterItemHarness.with({
+            ...filter,
+            ancestor: `#${pickerId}`,
+        }))();
+    }
+    /**
+     * Gets an array of search results based on the filter criteria.
+     * If no filter is provided, returns all search results.
+     * @param filters The optional filter criteria.
      */
     async getSearchResults(filters) {
         const pickerId = (await (await this.host()).getAttribute('id'));
-        const harnesses = await this.locatorForAll(SkyRepeaterItemHarness.with({
+        return await this.locatorForAll(SkyRepeaterItemHarness.with({
             ...(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.
@@ -1006,22 +902,27 @@ class SkyLookupHarness extends SkyAutocompleteHarness {
         return await super.getAriaLabelledby();
     }
     /**
-     * Returns lookup search result harnesses.
+     * Gets a specific lookup search result based on the filter criteria.
+     * @param filters The filter criteria.
+     */
+    async getSearchResult(filters) {
+        const overlay = await this.#getOverlay();
+        if (!overlay) {
+            throw new Error('Unable to retrieve search result. The lookup is closed.');
+        }
+        return await overlay.queryHarness(SkyLookupSearchResultHarness.with(filters));
+    }
+    /**
+     * Gets an array of lookup search results based on the filter criteria.
+     * If no filter is provided, returns all lookup search results.
+     * @param filters The optional filter criteria.
      */
     async getSearchResults(filters) {
         const overlay = await this.#getOverlay();
         if (!overlay) {
             throw new Error('Unable to retrieve search results. The lookup is closed.');
         }
-        const harnesses = await overlay.queryHarnesses(SkyLookupSearchResultHarness.with(filters || {}));
-        if (filters && harnesses.length === 0) {
-            // Stringify the regular expression so that it's readable in the console log.
-            if (filters.text instanceof RegExp) {
-                filters.text = filters.text.toString();
-            }
-            throw new Error(`Could not find search results matching filter(s): ${JSON.stringify(filters)}`);
-        }
-        return harnesses;
+        return await overlay.queryHarnesses(SkyLookupSearchResultHarness.with(filters || {}));
     }
     /**
      * Returns the text content for each lookup search result.
@@ -1200,5 +1101,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyAutocompleteHarness, SkyAutocompleteInputHarness, SkyAutocompleteSearchResultHarness, SkyCountryFieldFixture, SkyCountryFieldHarness, SkyCountryFieldSearchResultHarness, SkyCountryFieldTestingModule, SkyLookupHarness, SkyLookupSearchResultHarness, SkyLookupSelectionHarness, SkyLookupSelectionsListHarness, SkyLookupShowMorePickerHarness, SkyLookupShowMorePickerSearchResultHarness, SkySearchFixture, SkySearchHarness, SkySearchTestingModule, SkySelectionModalHarness, SkySelectionModalSearchResultHarness };
+export { SkyAutocompleteHarness, SkyAutocompleteInputHarness, SkyAutocompleteSearchResultHarness, SkyCountryFieldHarness, SkyCountryFieldSearchResultHarness, SkyLookupHarness, SkyLookupSearchResultHarness, SkyLookupSelectionHarness, SkyLookupSelectionsListHarness, SkyLookupShowMorePickerHarness, SkyLookupShowMorePickerSearchResultHarness, SkySearchFixture, SkySearchHarness, SkySearchTestingModule, SkySelectionModalHarness, SkySelectionModalSearchResultHarness };
 //# sourceMappingURL=skyux-lookup-testing.mjs.map