@skyux/tabs 13.0.0-alpha.0 → 13.0.0-alpha.10

package/fesm2022/skyux-tabs-testing.mjs

@@ -1,11 +1,12 @@
 import { By } from '@angular/platform-browser';
 import { SkyAppTestUtility } from '@skyux-sdk/testing';
 import { SkyQueryableComponentHarness, SkyComponentHarness } from '@skyux/core/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
+import { HarnessPredicate, ComponentHarness } from '@angular/cdk/testing';
 import { SkyDropdownHarness } from '@skyux/popovers/testing';
 
 /**
  * Allows interaction with a SKY UX tabset component.
+ * @deprecated Use `SkyTabsetHarness` instead.
  * @internal
  */
 class SkyTabsetFixture {
@@ -377,18 +378,23 @@ class SkySectionedFormHarness extends SkyComponentHarness {
         }
         throw new Error('Unable to find active content because it is not visible.');
     }
+    /**
+     * Gets a specific section based on the filter criteria.
+     * @param filters The filter criteria.
+     */
     async getSection(filters) {
         return await this.locatorFor(SkySectionedFormSectionHarness.with(filters))();
     }
+    /**
+     * Gets an array of sections based on the filter criteria.
+     * If no filter is provided, returns all sections.
+     * @param filters The optional filter criteria.
+     */
     async getSections(filters) {
         if (!(await this.isSectionsVisible())) {
             throw new Error('Unable to find any sectioned form sections because they are not visible.');
         }
-        const sections = await this.locatorForAll(SkySectionedFormSectionHarness.with(filters || {}))();
-        if (filters && sections.length === 0) {
-            throw new Error(`Unable to find any sectioned form sections with filter(s): ${JSON.stringify(filters)}`);
-        }
-        return sections;
+        return await this.locatorForAll(SkySectionedFormSectionHarness.with(filters || {}))();
     }
     /**
      * Whether the section tabs are visible.
@@ -446,7 +452,7 @@ class SkyTabContentHarness extends SkyQueryableComponentHarness {
 /**
  * Harness for interacting with a tab button component in tests.
  */
-class SkyTabButtonHarness extends SkyComponentHarness {
+class SkyTabButtonHarness extends ComponentHarness {
     /**
      * @internal
      */
@@ -542,7 +548,6 @@ class SkyTabsetHarness extends SkyComponentHarness {
      */
     static { this.hostSelector = 'sky-tabset'; }
     #getTabset = this.locatorFor('.sky-tabset');
-    #getTabButtons = this.locatorForAll(SkyTabButtonHarness);
     #getTabDropdown = this.locatorFor(SkyDropdownHarness);
     /**
      * Gets a `HarnessPredicate` that can be used to search for a
@@ -591,7 +596,9 @@ class SkyTabsetHarness extends SkyComponentHarness {
      * Clicks a tab button with a `tabHeading` matching the input.
      */
     async clickTabButton(tabHeading) {
-        const tabButton = await this.getTabButtonHarness(tabHeading);
+        const tabButton = await this.getTabButtonHarness({
+            tabHeading: tabHeading,
+        });
         return await tabButton.click();
     }
     /**
@@ -629,30 +636,37 @@ class SkyTabsetHarness extends SkyComponentHarness {
         return 'dropdown';
     }
     /**
-     * Gets a tab button harness with the given `tabHeading`
+     * Gets a specific tab button based on the filter criteria.
+     * @param filters The filter criteria.
      */
-    async getTabButtonHarness(tabHeading) {
+    async getTabButtonHarness(filters) {
         if ((await this.getMode()) === 'dropdown') {
             const menu = await this.#getDropdownMenu();
-            return await menu.queryHarness(SkyTabButtonHarness.with({ tabHeading: tabHeading }));
+            return await menu.queryHarness(SkyTabButtonHarness.with(filters));
         }
-        return await this.locatorFor(SkyTabButtonHarness.with({ tabHeading: tabHeading }))();
+        return await this.locatorFor(SkyTabButtonHarness.with(filters))();
     }
     /**
-     * Gets an array of all tab button harnesses.
+     * Gets an array of tab button harnesses based on the filter criteria.
+     * If no filter is provided, returns all tab button harnesses.
+     * @param filters The optional filter criteria.
      */
-    async getTabButtonHarnesses() {
+    async getTabButtonHarnesses(filters) {
         if ((await this.getMode()) === 'dropdown') {
             const menu = await this.#getDropdownMenu();
-            return await menu.queryHarnesses(SkyTabButtonHarness);
+            return await menu.queryHarnesses(SkyTabButtonHarness.with(filters || {}));
+        }
+        else {
+            return await this.locatorForAll(SkyTabButtonHarness.with(filters || {}))();
         }
-        return await this.#getTabButtons();
     }
     /**
      * Gets a tab content harness for the tab with the given `tabHeading`.
      */
     async getTabContentHarness(tabHeading) {
-        const tabButton = await this.getTabButtonHarness(tabHeading);
+        const tabButton = await this.getTabButtonHarness({
+            tabHeading: tabHeading,
+        });
         const id = await tabButton.getTabId();
         return await this.locatorFor(SkyTabContentHarness.with({ tabId: id }))();
     }
@@ -748,16 +762,19 @@ class SkyVerticalTabsetGroupHarness extends SkyComponentHarness {
         return (await (await this.#button()).text()).trim();
     }
     /**
-     * Gets the `SkyVerticalTabButtonHarness` for a specific tab under this group based on filters.
+     * Gets a specific vertical tab based on the filter criteria.
+     * @param filters The filter criteria.
      */
     async getVerticalTab(filters) {
         return await this.locatorFor(SkyVerticalTabButtonHarness.with(filters))();
     }
     /**
-     * Gets the `SkyVerticalTabButtonHarness` for all tabs under this group.
+     * Gets an array of vertical tab buttons based on the filter criteria.
+     * If no filter is provided, returns all vertical tab buttons.
+     * @param filters The optional filter criteria.
      */
-    async getVerticalTabs() {
-        return await this.locatorForAll(SkyVerticalTabButtonHarness)();
+    async getVerticalTabs(filters) {
+        return await this.locatorForAll(SkyVerticalTabButtonHarness.with(filters || {}))();
     }
     /**
      * Whether a tab under this group is active.
@@ -850,20 +867,23 @@ class SkyVerticalTabsetHarness extends SkyComponentHarness {
         return await (await this.locatorFor('span.sky-vertical-tabset-tablist')()).getAttribute('aria-labelledby');
     }
     /**
-     * Get the vertical tabset group by `SkyVerticalTabsetGroupHarnessFilters`
+     * Gets a specific vertical tabset group based on the filter criteria.
+     * @param filters The filter criteria.
      */
     async getGroup(filters) {
         return await this.locatorFor(SkyVerticalTabsetGroupHarness.with(filters))();
     }
     /**
-     * Gets an array of `SkyVerticalTabsetGroupHarness` in this tabset.
+     * Gets an array of vertical tabset groups based on the filter criteria.
+     * If no filter is provided, returns all vertical tabset groups.
+     * @param filters The optional filter criteria.
      */
-    async getGroups() {
+    async getGroups(filters) {
         // open tablist if in mobile view
         if (!(await this.isTabsVisible())) {
             await this.clickShowTabsButton();
         }
-        return await this.locatorForAll(SkyVerticalTabsetGroupHarness)();
+        return await this.locatorForAll(SkyVerticalTabsetGroupHarness.with(filters || {}))();
     }
     /**
      * Gets the text in the show tabs button in mobile view.
@@ -877,20 +897,23 @@ class SkyVerticalTabsetHarness extends SkyComponentHarness {
         return undefined;
     }
     /**
-     * Gets a `SkyVerticalTabButtonHarness` that matches the filter.
+     * Gets a specific vertical tab button based on the filter criteria.
+     * @param filters The filter criteria.
      */
     async getTab(filters) {
         return await this.locatorFor(SkyVerticalTabButtonHarness.with(filters))();
     }
     /**
-     * Gets an array of `SkyVerticalTabButtonHarness` in this tabset.
+     * Gets an array of vertical tab buttons based on the filter criteria.
+     * If no filter is provided, returns all vertical tab buttons.
+     * @param filters The optional filter criteria.
      */
-    async getTabs() {
+    async getTabs(filters) {
         // open tablist if in mobile view
         if (!(await this.isTabsVisible())) {
             await this.clickShowTabsButton();
         }
-        return await this.locatorForAll(SkyVerticalTabButtonHarness)();
+        return await this.locatorForAll(SkyVerticalTabButtonHarness.with(filters || {}))();
     }
     /**
      * Whether the tabs are visible.