@skyux/lists 13.3.1 → 13.4.0

package/fesm2022/skyux-lists-testing.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { NgModule } from '@angular/core';
 import { SkyFilterModule, SkyInfiniteScrollModule } from '@skyux/lists';
-import { SkyComponentHarness, SkyQueryableComponentHarness } from '@skyux/core/testing';
-import { SkyTokenHarness, SkyChevronHarness } from '@skyux/indicators/testing';
-import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
-import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { By } from '@angular/platform-browser';
+import { SkyComponentHarness, SkyQueryableComponentHarness } from '@skyux/core/testing';
+import { SkyTokenHarness, SkyKeyInfoHarness, SkyChevronHarness } from '@skyux/indicators/testing';
+import { HarnessPredicate, ComponentHarness } from '@angular/cdk/testing';
 import { SkyCheckboxHarness } from '@skyux/forms/testing';
 import { SkyInlineFormHarness } from '@skyux/inline-form/testing';
 import { SkyDropdownHarness, SkyDropdownItemHarness } from '@skyux/popovers/testing';
@@ -25,6 +25,293 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
+/**
+ * Provides information for and interaction with a SKY UX infinite scroll component.
+ * By using the fixture API, a test insulates itself against updates to the internals
+ * of a component, such as changing its DOM structure.
+ * @deprecated Use `SkyInfiniteScrollHarness` instead.
+ * @internal
+ */
+class SkyInfiniteScrollFixture {
+    #debugElement;
+    #fixture;
+    constructor(fixture, skyTestId) {
+        this.#fixture = fixture;
+        this.#debugElement = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-infinite-scroll');
+    }
+    get loadMoreButtonIsVisible() {
+        return this.#getButton() !== null;
+    }
+    async clickLoadMoreButton() {
+        const button = this.#getButton();
+        if (button !== null) {
+            button.click();
+        }
+        this.#fixture.detectChanges();
+        await this.#fixture.whenStable();
+    }
+    #getButton() {
+        return this.#debugElement.nativeElement.querySelector('.sky-infinite-scroll .sky-btn');
+    }
+}
+
+/**
+ * @internal
+ */
+class SkyInfiniteScrollTestingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, exports: [SkyInfiniteScrollModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, imports: [SkyInfiniteScrollModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyInfiniteScrollModule],
+                }]
+        }] });
+
+/**
+ * Provides information for and interaction with a SKY UX paging component.
+ * By using the fixture API, a test insulates itself against updates to the internals
+ * of a component, such as changing its DOM structure.
+ * @deprecated Use `SkyPagingHarness` instead.
+ * @internal
+ */
+class SkyPagingFixture {
+    #_debugEl;
+    /**
+     * The id of the active page, if available.
+     */
+    get activePageId() {
+        return this.#getPageId(this.#activePageButton);
+    }
+    /**
+     * Properties of the page links displayed in the paging component.
+     */
+    get pageLinks() {
+        return this.#pagingLinks.map((page) => {
+            return {
+                id: this.#getPageId(page.nativeElement),
+                isActive: page.nativeElement.classList.contains('sky-paging-current'),
+                isEnabled: !page.nativeElement.disabled,
+            };
+        });
+    }
+    #fixture;
+    constructor(fixture, skyTestId) {
+        this.#fixture = fixture;
+        this.#_debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-paging');
+        void this.#waitForComponentInitialization();
+    }
+    /**
+     * Selects the specified page by id, if it is enabled.
+     */
+    async selectPage(id) {
+        const pageButton = this.#getPageLink(id.toString());
+        if (pageButton !== undefined && !pageButton.disabled) {
+            pageButton.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+    /**
+     * Clicks the next page button, if it is enabled.
+     */
+    async selectNextPage() {
+        const nextButton = this.#nextPageButton;
+        if (nextButton !== undefined && !nextButton.disabled) {
+            nextButton.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+    /**
+     * Clicks the previous page button, if it is enabled.
+     */
+    async selectPreviousPage() {
+        const previousButton = this.#previousPageButton;
+        if (previousButton !== undefined && !previousButton.disabled) {
+            previousButton.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+    //#region helpers
+    get #activePageButton() {
+        return this.#_debugEl.query(By.css('.sky-list-paging-link .sky-paging-current'))?.nativeElement;
+    }
+    get #nextPageButton() {
+        return this.#_debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="next"]'))
+            ?.nativeElement;
+    }
+    get #previousPageButton() {
+        return this.#_debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="previous"]'))?.nativeElement;
+    }
+    get #pagingLinks() {
+        return this.#_debugEl.queryAll(By.css('.sky-list-paging-link button'));
+    }
+    #getPageLink(id) {
+        return this.#_debugEl.query(By.css(`.sky-list-paging-link button[sky-cmp-id="${id}"]`))?.nativeElement;
+    }
+    #getPageId(page) {
+        return page?.getAttribute('sky-cmp-id') ?? '';
+    }
+    async #waitForComponentInitialization() {
+        this.#fixture.detectChanges();
+        await this.#fixture.whenStable();
+        this.#fixture.detectChanges();
+        await this.#fixture.whenStable();
+    }
+}
+
+/**
+ * Provides information for and interaction with a SKY UX sort component.
+ * By using the fixture API, a test insulates itself against updates to the internals
+ * of a component, such as changing its DOM structure.
+ * @deprecated Use `SkySortHarness` instead.
+ * @internal
+ */
+class SkySortFixture {
+    /**
+     * The active sort menu item, if one exists. Menu items are only available when the menu dropdown
+     * is open. If the menu dropdown is closed, this property will be undefined.
+     */
+    get activeMenuItem() {
+        return this.menuItems?.find((x) => x.isActive);
+    }
+    /**
+     * The sort menu's properties.
+     */
+    get menu() {
+        /* istanbul ignore next */
+        const buttonText = SkyAppTestUtility.getText(this.#getSortButtonTextEl()) || '';
+        return {
+            buttonText,
+            isOpen: this.#getDropdownMenuEl() !== null,
+        };
+    }
+    /**
+     * The properties of each sort menu item. Menu items are only available when the menu dropdown
+     * is open. If the menu dropdown is closed, this property will be undefined.
+     */
+    get menuItems() {
+        // Return undefined when we can't determine what the options are.
+        // We do this to avoid any confusion with an empty set of options.
+        if (!this.menu.isOpen) {
+            return;
+        }
+        return this.#getSortItems().map((item, i) => {
+            const itemButton = item.querySelector('button');
+            return {
+                index: i,
+                isActive: item.classList.contains('sky-sort-item-selected'),
+                text: SkyAppTestUtility.getText(itemButton),
+            };
+        });
+    }
+    #debugEl;
+    #fixture;
+    constructor(fixture, skyTestId) {
+        this.#fixture = fixture;
+        this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-sort');
+    }
+    /**
+     * Closes the sort dropdown menu if it isn't closed already.
+     */
+    async closeMenu() {
+        // if the menu is already closed, do nothing
+        if (!this.menu.isOpen) {
+            return;
+        }
+        const menu = this.#getDropdownButtonEl();
+        if (menu !== undefined && !menu.disabled) {
+            menu.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+    /**
+     * Opens the sort dropdown menu if it isn't open already.
+     */
+    async openMenu() {
+        // if the menu is already open, do nothing
+        if (this.menu.isOpen) {
+            return;
+        }
+        const menu = this.#getDropdownButtonEl();
+        if (menu !== undefined && !menu.disabled) {
+            menu.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+    /**
+     * Ensures the sort menu is open and selects the menu item with the specified index, if it exists.
+     * @param menuItemIndex The index of the menu item to select.
+     */
+    async selectMenuItemByIndex(menuItemIndex) {
+        return await this.#selectMenuItem((_item, index) => {
+            return index === menuItemIndex;
+        });
+    }
+    /**
+     * Ensures the sort menu is open and selects the menu item with the specified text,
+     * if a matching item is available.
+     * @param menuItemText The text of the menu item to select.
+     */
+    async selectMenuItemByText(menuItemText) {
+        /* istanbul ignore else */
+        if (menuItemText) {
+            return await this.#selectMenuItem((item) => {
+                return SkyAppTestUtility.getText(item) === menuItemText;
+            });
+        }
+        else {
+            return;
+        }
+    }
+    //#region helpers
+    #getDropdownButtonEl() {
+        return this.#debugEl.query(By.css('.sky-dropdown-button')).nativeElement;
+    }
+    #getDropdownMenuEl() {
+        return document.querySelector('sky-overlay .sky-dropdown-menu');
+    }
+    #getSortButtonTextEl() {
+        return this.#debugEl.query(By.css('.sky-sort-btn-text')).nativeElement;
+    }
+    #getSortItems() {
+        const resultNodes = document.querySelectorAll('sky-overlay .sky-sort-item');
+        return Array.prototype.slice.call(resultNodes);
+    }
+    /**
+     * Ensures the sort menu is open and selects the menu item via a selection predicate,
+     * if a matching item is available.
+     * @param selectionPredicate The menu item selector method to use.
+     */
+    async #selectMenuItem(selectionPredicate) {
+        // make sure the sort menu is open
+        if (!this.menu.isOpen) {
+            await this.openMenu();
+        }
+        // find the requested menu item using the selectionPredicate parameter
+        const items = this.#getSortItems();
+        const targetItem = items.find((item, index) => selectionPredicate(item, index));
+        // if we found the item, select it
+        if (targetItem) {
+            // we've got the '.sky-sort-item' div, but we want to click it's child button element
+            const targetButton = targetItem.querySelector('button');
+            targetButton?.click();
+            this.#fixture.detectChanges();
+            await this.#fixture.whenStable();
+        }
+    }
+}
+
 /**
  * Harness for interacting with a filter button component in tests.
  */
@@ -213,96 +500,148 @@ class SkyFilterSummaryHarness extends SkyComponentHarness {
 }
 
 /**
- * Provides information for and interaction with a SKY UX paging component.
- * By using the fixture API, a test insulates itself against updates to the internals
- * of a component, such as changing its DOM structure.
- * @deprecated Use `SkyPagingHarness` instead.
- * @internal
+ * Harness for interacting with an infinite scroll component in tests.
  */
-class SkyPagingFixture {
-    #_debugEl;
+class SkyInfiniteScrollHarness extends SkyComponentHarness {
     /**
-     * The id of the active page, if available.
+     * @internal
      */
-    get activePageId() {
-        return this.#getPageId(this.#activePageButton);
+    static { this.hostSelector = 'sky-infinite-scroll'; }
+    #showMoreButton = this.locatorForOptional('button.sky-infinite-scroll-load-more-button');
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyInfiniteScrollHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return this.getDataSkyIdPredicate(filters);
     }
     /**
-     * Properties of the page links displayed in the paging component.
+     * Whether the infinite scroll is enabled.
      */
-    get pageLinks() {
-        return this.#pagingLinks.map((page) => {
-            return {
-                id: this.#getPageId(page.nativeElement),
-                isActive: page.nativeElement.classList.contains('sky-paging-current'),
-                isEnabled: !page.nativeElement.disabled,
-            };
-        });
+    async isEnabled() {
+        return (await this.locatorForOptional('.sky-infinite-scroll')()) !== null;
     }
-    #fixture;
-    constructor(fixture, skyTestId) {
-        this.#fixture = fixture;
-        this.#_debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-paging');
-        void this.#waitForComponentInitialization();
+    /**
+     * Whether the infinite scroll is loading.
+     */
+    async isLoading() {
+        return (await this.isEnabled()) && (await this.#showMoreButton()) === null;
     }
     /**
-     * Selects the specified page by id, if it is enabled.
+     * Clicks the "Load more" button.
      */
-    async selectPage(id) {
-        const pageButton = this.#getPageLink(id.toString());
-        if (pageButton !== undefined && !pageButton.disabled) {
-            pageButton.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
+    async loadMore() {
+        const button = await this.#showMoreButton();
+        if (button) {
+            await button.click();
+        }
+        else {
+            if (!(await this.isEnabled())) {
+                throw new Error('Unable to click the "Load more" button because the infinite scroll is not enabled.');
+            }
+            else {
+                throw new Error('Unable to click the "Load more" button because the infinite scroll is loading.');
+            }
         }
     }
+}
+
+/**
+ * Harness for interacting with a list summary item component in tests.
+ */
+class SkyListSummaryItemHarness extends SkyComponentHarness {
     /**
-     * Clicks the next page button, if it is enabled.
+     * @internal
      */
-    async selectNextPage() {
-        const nextButton = this.#nextPageButton;
-        if (nextButton !== undefined && !nextButton.disabled) {
-            nextButton.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-        }
+    static { this.hostSelector = 'sky-list-summary-item'; }
+    #getKeyInfo = this.locatorFor(SkyKeyInfoHarness);
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyListSummaryItemHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return SkyListSummaryItemHarness.getDataSkyIdPredicate(filters)
+            .addOption('labelText', filters.labelText, async (harness, labelText) => {
+            const actualLabelText = await harness.getLabelText();
+            return await HarnessPredicate.stringMatches(actualLabelText, labelText);
+        })
+            .addOption('valueText', filters.valueText, async (harness, valueText) => {
+            const actualValueText = await harness.getValueText();
+            return await HarnessPredicate.stringMatches(actualValueText, valueText);
+        });
     }
     /**
-     * Clicks the previous page button, if it is enabled.
+     * Gets the current value text.
      */
-    async selectPreviousPage() {
-        const previousButton = this.#previousPageButton;
-        if (previousButton !== undefined && !previousButton.disabled) {
-            previousButton.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-        }
+    async getValueText() {
+        const keyInfo = await this.#getKeyInfo();
+        return await keyInfo.getValueText();
     }
-    //#region helpers
-    get #activePageButton() {
-        return this.#_debugEl.query(By.css('.sky-list-paging-link .sky-paging-current'))?.nativeElement;
+    /**
+     * Gets the current label text.
+     */
+    async getLabelText() {
+        const keyInfo = await this.#getKeyInfo();
+        return await keyInfo.getLabelText();
     }
-    get #nextPageButton() {
-        return this.#_debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="next"]'))
-            ?.nativeElement;
+    /**
+     * Gets the key info harness for advanced interactions.
+     */
+    async getKeyInfo() {
+        return await this.#getKeyInfo();
     }
-    get #previousPageButton() {
-        return this.#_debugEl.query(By.css('.sky-paging-btn[sky-cmp-id="previous"]'))?.nativeElement;
+    /**
+     * Clicks the help inline button to show the help popover.
+     */
+    async clickHelpInline() {
+        const keyInfo = await this.#getKeyInfo();
+        return await keyInfo.clickHelpInline();
     }
-    get #pagingLinks() {
-        return this.#_debugEl.queryAll(By.css('.sky-list-paging-link button'));
+    /**
+     * Gets the help popover content text.
+     */
+    async getHelpPopoverContent() {
+        const keyInfo = await this.#getKeyInfo();
+        return await keyInfo.getHelpPopoverContent();
     }
-    #getPageLink(id) {
-        return this.#_debugEl.query(By.css(`.sky-list-paging-link button[sky-cmp-id="${id}"]`))?.nativeElement;
+    /**
+     * Gets the help popover title text.
+     */
+    async getHelpPopoverTitle() {
+        const keyInfo = await this.#getKeyInfo();
+        return await keyInfo.getHelpPopoverTitle();
+    }
+}
+
+/**
+ * Harness for interacting with a list summary component in tests.
+ */
+class SkyListSummaryHarness extends SkyQueryableComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'sky-list-summary'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyListSummaryHarness` that meets certain criteria.
+     */
+    static with(filters) {
+        return SkyListSummaryHarness.getDataSkyIdPredicate(filters);
     }
-    #getPageId(page) {
-        return page?.getAttribute('sky-cmp-id') ?? '';
+    /**
+     * Gets a specific list summary item based on the filter criteria.
+     * @param filter The filter criteria.
+     */
+    async getSummaryItem(filter) {
+        return await this.locatorFor(SkyListSummaryItemHarness.with(filter))();
     }
-    async #waitForComponentInitialization() {
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
+    /**
+     * Gets an array of list summary items based on the filter criteria.
+     * If no filter is provided, returns all summary items.
+     * @param filters The optional filter criteria.
+     */
+    async getSummaryItems(filters) {
+        return await this.locatorForAll(SkyListSummaryItemHarness.with(filters || {}))();
     }
 }
 
@@ -648,154 +987,6 @@ class SkyRepeaterHarness extends SkyComponentHarness {
     }
 }
 
-/**
- * Provides information for and interaction with a SKY UX sort component.
- * By using the fixture API, a test insulates itself against updates to the internals
- * of a component, such as changing its DOM structure.
- * @deprecated Use `SkySortHarness` instead.
- * @internal
- */
-class SkySortFixture {
-    /**
-     * The active sort menu item, if one exists. Menu items are only available when the menu dropdown
-     * is open. If the menu dropdown is closed, this property will be undefined.
-     */
-    get activeMenuItem() {
-        return this.menuItems?.find((x) => x.isActive);
-    }
-    /**
-     * The sort menu's properties.
-     */
-    get menu() {
-        /* istanbul ignore next */
-        const buttonText = SkyAppTestUtility.getText(this.#getSortButtonTextEl()) || '';
-        return {
-            buttonText,
-            isOpen: this.#getDropdownMenuEl() !== null,
-        };
-    }
-    /**
-     * The properties of each sort menu item. Menu items are only available when the menu dropdown
-     * is open. If the menu dropdown is closed, this property will be undefined.
-     */
-    get menuItems() {
-        // Return undefined when we can't determine what the options are.
-        // We do this to avoid any confusion with an empty set of options.
-        if (!this.menu.isOpen) {
-            return;
-        }
-        return this.#getSortItems().map((item, i) => {
-            const itemButton = item.querySelector('button');
-            return {
-                index: i,
-                isActive: item.classList.contains('sky-sort-item-selected'),
-                text: SkyAppTestUtility.getText(itemButton),
-            };
-        });
-    }
-    #debugEl;
-    #fixture;
-    constructor(fixture, skyTestId) {
-        this.#fixture = fixture;
-        this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-sort');
-    }
-    /**
-     * Closes the sort dropdown menu if it isn't closed already.
-     */
-    async closeMenu() {
-        // if the menu is already closed, do nothing
-        if (!this.menu.isOpen) {
-            return;
-        }
-        const menu = this.#getDropdownButtonEl();
-        if (menu !== undefined && !menu.disabled) {
-            menu.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-        }
-    }
-    /**
-     * Opens the sort dropdown menu if it isn't open already.
-     */
-    async openMenu() {
-        // if the menu is already open, do nothing
-        if (this.menu.isOpen) {
-            return;
-        }
-        const menu = this.#getDropdownButtonEl();
-        if (menu !== undefined && !menu.disabled) {
-            menu.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-        }
-    }
-    /**
-     * Ensures the sort menu is open and selects the menu item with the specified index, if it exists.
-     * @param menuItemIndex The index of the menu item to select.
-     */
-    async selectMenuItemByIndex(menuItemIndex) {
-        return await this.#selectMenuItem((_item, index) => {
-            return index === menuItemIndex;
-        });
-    }
-    /**
-     * Ensures the sort menu is open and selects the menu item with the specified text,
-     * if a matching item is available.
-     * @param menuItemText The text of the menu item to select.
-     */
-    async selectMenuItemByText(menuItemText) {
-        /* istanbul ignore else */
-        if (menuItemText) {
-            return await this.#selectMenuItem((item) => {
-                return SkyAppTestUtility.getText(item) === menuItemText;
-            });
-        }
-        else {
-            return;
-        }
-    }
-    //#region helpers
-    #getDropdownButtonEl() {
-        return this.#debugEl.query(By.css('.sky-dropdown-button')).nativeElement;
-    }
-    #getDropdownMenuEl() {
-        return document.querySelector('sky-overlay .sky-dropdown-menu');
-    }
-    #getSortButtonTextEl() {
-        return this.#debugEl.query(By.css('.sky-sort-btn-text')).nativeElement;
-    }
-    #getSortItems() {
-        const resultNodes = document.querySelectorAll('sky-overlay .sky-sort-item');
-        return Array.prototype.slice.call(resultNodes);
-    }
-    /**
-     * Ensures the sort menu is open and selects the menu item via a selection predicate,
-     * if a matching item is available.
-     * @param selectionPredicate The menu item selector method to use.
-     */
-    async #selectMenuItem(selectionPredicate) {
-        // make sure the sort menu is open
-        if (!this.menu.isOpen) {
-            await this.openMenu();
-        }
-        // find the requested menu item using the selectionPredicate parameter
-        const items = this.#getSortItems();
-        const targetItem = items.find((item, index) => selectionPredicate(item, index));
-        // if we found the item, select it
-        if (targetItem) {
-            // we've got the '.sky-sort-item' div, but we want to click it's child button element
-            const targetButton = targetItem.querySelector('button');
-            targetButton?.click();
-            this.#fixture.detectChanges();
-            await this.#fixture.whenStable();
-        }
-    }
-}
-
 /**
  * Harness for interacting with a sort item component in tests.
  */
@@ -902,101 +1093,9 @@ class SkySortHarness extends SkyComponentHarness {
     }
 }
 
-/**
- * Provides information for and interaction with a SKY UX infinite scroll component.
- * By using the fixture API, a test insulates itself against updates to the internals
- * of a component, such as changing its DOM structure.
- * @deprecated Use `SkyInfiniteScrollHarness` instead.
- * @internal
- */
-class SkyInfiniteScrollFixture {
-    #debugElement;
-    #fixture;
-    constructor(fixture, skyTestId) {
-        this.#fixture = fixture;
-        this.#debugElement = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-infinite-scroll');
-    }
-    get loadMoreButtonIsVisible() {
-        return this.#getButton() !== null;
-    }
-    async clickLoadMoreButton() {
-        const button = this.#getButton();
-        if (button !== null) {
-            button.click();
-        }
-        this.#fixture.detectChanges();
-        await this.#fixture.whenStable();
-    }
-    #getButton() {
-        return this.#debugElement.nativeElement.querySelector('.sky-infinite-scroll .sky-btn');
-    }
-}
-
-/**
- * @internal
- */
-class SkyInfiniteScrollTestingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, exports: [SkyInfiniteScrollModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, imports: [SkyInfiniteScrollModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: SkyInfiniteScrollTestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyInfiniteScrollModule],
-                }]
-        }] });
-
-/**
- * Harness for interacting with an infinite scroll component in tests.
- */
-class SkyInfiniteScrollHarness extends SkyComponentHarness {
-    /**
-     * @internal
-     */
-    static { this.hostSelector = 'sky-infinite-scroll'; }
-    #showMoreButton = this.locatorForOptional('button.sky-infinite-scroll-load-more-button');
-    /**
-     * Gets a `HarnessPredicate` that can be used to search for a
-     * `SkyInfiniteScrollHarness` that meets certain criteria.
-     */
-    static with(filters) {
-        return this.getDataSkyIdPredicate(filters);
-    }
-    /**
-     * Whether the infinite scroll is enabled.
-     */
-    async isEnabled() {
-        return (await this.locatorForOptional('.sky-infinite-scroll')()) !== null;
-    }
-    /**
-     * Whether the infinite scroll is loading.
-     */
-    async isLoading() {
-        return (await this.isEnabled()) && (await this.#showMoreButton()) === null;
-    }
-    /**
-     * Clicks the "Load more" button.
-     */
-    async loadMore() {
-        const button = await this.#showMoreButton();
-        if (button) {
-            await button.click();
-        }
-        else {
-            if (!(await this.isEnabled())) {
-                throw new Error('Unable to click the "Load more" button because the infinite scroll is not enabled.');
-            }
-            else {
-                throw new Error('Unable to click the "Load more" button because the infinite scroll is loading.');
-            }
-        }
-    }
-}
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { SkyFilterButtonHarness, SkyFilterInlineHarness, SkyFilterInlineItemHarness, SkyFilterSummaryHarness, SkyFilterSummaryItemHarness, SkyFilterTestingModule, SkyInfiniteScrollFixture, SkyInfiniteScrollHarness, SkyInfiniteScrollTestingModule, SkyPagingContentHarness, SkyPagingFixture, SkyPagingHarness, SkyRepeaterHarness, SkyRepeaterItemContextMenuHarness, SkyRepeaterItemHarness, SkySortFixture, SkySortHarness, SkySortItemHarness };
+export { SkyFilterButtonHarness, SkyFilterInlineHarness, SkyFilterInlineItemHarness, SkyFilterSummaryHarness, SkyFilterSummaryItemHarness, SkyFilterTestingModule, SkyInfiniteScrollFixture, SkyInfiniteScrollHarness, SkyInfiniteScrollTestingModule, SkyListSummaryHarness, SkyListSummaryItemHarness, SkyPagingContentHarness, SkyPagingFixture, SkyPagingHarness, SkyRepeaterHarness, SkyRepeaterItemContextMenuHarness, SkyRepeaterItemHarness, SkySortFixture, SkySortHarness, SkySortItemHarness };
 //# sourceMappingURL=skyux-lists-testing.mjs.map