@skyux/tabs 12.0.0-alpha.2 → 12.0.0-alpha.3

package/lib/modules/sectioned-form/sectioned-form.module.d.ts

@@ -5,6 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "@skyux/forms";
 import * as i5 from "@skyux/theme";
 import * as i6 from "../vertical-tabset/vertical-tabset.module";
+/**
+ * @docsIncludeIds SkySectionedFormComponent, SkySectionedFormSectionComponent, SkySectionedFormService, SkySectionedFormMessage, SkySectionedFormMessageType
+ */
 export declare class SkySectionedFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySectionedFormModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SkySectionedFormModule, [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent], [typeof i3.CommonModule, typeof i4.SkyCheckboxModule, typeof i5.SkyThemeModule, typeof i6.SkyVerticalTabsetModule], [typeof i1.SkySectionedFormComponent, typeof i2.SkySectionedFormSectionComponent]>;

package/lib/modules/tabs/tabs.module.d.ts

@@ -10,6 +10,9 @@ import * as i8 from "@skyux/popovers";
 import * as i9 from "@skyux/icon";
 import * as i10 from "../shared/sky-tabs-resources.module";
 import * as i11 from "@skyux/theme";
+/**
+ * @docsIncludeIds SkyTabsetComponent, SkyTabComponent, SkyTabsetNavButtonComponent, SkyTabIndex, SkyTabLayoutType, SkyTabsetButtonsDisplayMode, SkyTabsetStyle, SkyTabsetTabIndexesChange
+ */
 export declare class SkyTabsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyTabsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SkyTabsModule, [typeof i1.SkyTabButtonComponent, typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent, typeof i5.SkyTabsetNavButtonDisabledPipe], [typeof i6.CommonModule, typeof i7.SkyResponsiveHostDirective, typeof i8.SkyDropdownModule, typeof i9.SkyIconModule, typeof i7.SkyIdModule, typeof i10.SkyTabsResourcesModule, typeof i11.SkyThemeModule], [typeof i2.SkyTabComponent, typeof i3.SkyTabsetComponent, typeof i4.SkyTabsetNavButtonComponent]>;

package/lib/modules/vertical-tabset/vertical-tabset.module.d.ts

@@ -8,6 +8,9 @@ import * as i6 from "@skyux/core";
 import * as i7 from "@skyux/indicators";
 import * as i8 from "../shared/sky-tabs-resources.module";
 import * as i9 from "@skyux/theme";
+/**
+ * @docsIncludeIds SkyVerticalTabsetComponent, SkyVerticalTabComponent, SkyVerticalTabsetGroupComponent
+ */
 export declare class SkyVerticalTabsetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyVerticalTabsetModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SkyVerticalTabsetModule, [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent], [typeof i4.CommonModule, typeof i5.SkyIconModule, typeof i6.SkyIdModule, typeof i7.SkyExpansionIndicatorModule, typeof i6.SkyResponsiveHostDirective, typeof i7.SkyStatusIndicatorModule, typeof i8.SkyTabsResourcesModule, typeof i9.SkyThemeModule], [typeof i1.SkyVerticalTabsetComponent, typeof i2.SkyVerticalTabsetGroupComponent, typeof i3.SkyVerticalTabComponent]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "12.0.0-alpha.2",
+  "version": "12.0.0-alpha.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -33,19 +33,20 @@
   },
   "peerDependencies": {
     "@angular/animations": "^19.0.5",
+    "@angular/cdk": "^19.0.4",
     "@angular/common": "^19.0.5",
     "@angular/core": "^19.0.5",
     "@angular/platform-browser": "^19.0.5",
     "@angular/router": "^19.0.5",
-    "@skyux-sdk/testing": "12.0.0-alpha.2",
-    "@skyux/animations": "12.0.0-alpha.2",
-    "@skyux/core": "12.0.0-alpha.2",
-    "@skyux/forms": "12.0.0-alpha.2",
-    "@skyux/i18n": "12.0.0-alpha.2",
-    "@skyux/icon": "12.0.0-alpha.2",
-    "@skyux/indicators": "12.0.0-alpha.2",
-    "@skyux/popovers": "12.0.0-alpha.2",
-    "@skyux/theme": "12.0.0-alpha.2"
+    "@skyux-sdk/testing": "12.0.0-alpha.3",
+    "@skyux/animations": "12.0.0-alpha.3",
+    "@skyux/core": "12.0.0-alpha.3",
+    "@skyux/forms": "12.0.0-alpha.3",
+    "@skyux/i18n": "12.0.0-alpha.3",
+    "@skyux/icon": "12.0.0-alpha.3",
+    "@skyux/indicators": "12.0.0-alpha.3",
+    "@skyux/popovers": "12.0.0-alpha.3",
+    "@skyux/theme": "12.0.0-alpha.3"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/testing/modules/tabs/tab-button-harness-filters.d.ts

@@ -0,0 +1,10 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyTabButtonHarness` instances.
+ */
+export interface SkyTabButtonHarnessFilters extends SkyHarnessFilters {
+    /**
+     * Finds tab button whose tab heading matches this value.
+     */
+    tabHeading: string;
+}

package/testing/modules/tabs/tab-button-harness.d.ts

@@ -0,0 +1,51 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyTabButtonHarnessFilters } from './tab-button-harness-filters';
+import { SkyTabContentHarness } from './tab-content-harness';
+/**
+ * Harness for interacting with a tab button component in tests.
+ */
+export declare class SkyTabButtonHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyTabButtonHarness` that meets certain criteria.
+     */
+    static with(filters: SkyTabButtonHarnessFilters): HarnessPredicate<SkyTabButtonHarness>;
+    /**
+     * Clicks the tab button.
+     */
+    click(): Promise<void>;
+    /**
+     * Clicks the remove tab button if it is visible.
+     */
+    clickRemoveButton(): Promise<void>;
+    /**
+     * Gets the permalink that the page routes to when the tab is clicked.
+     */
+    getPermalink(): Promise<string | null>;
+    /**
+     * Gets the `SkyTabContentHarness` controlled by this tab button.
+     */
+    getTabContentHarness(): Promise<SkyTabContentHarness>;
+    /**
+     * Gets the tab heading.
+     */
+    getTabHeading(): Promise<string>;
+    /**
+     * Gets whether the tab button is active.
+     */
+    isActive(): Promise<boolean>;
+    /**
+     * Gets whether the tab button is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * @internal
+     */
+    getTabId(): Promise<string>;
+}

package/testing/modules/tabs/tab-content-harness-filters.d.ts

@@ -0,0 +1,11 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyTabContentHarness` instances.
+ */
+export interface SkyTabContentHarnessFilters extends SkyHarnessFilters {
+    /**
+     * Finds tabs whose id matches given value.
+     * @internal
+     */
+    tabId: string;
+}

package/testing/modules/tabs/tab-content-harness.d.ts

@@ -0,0 +1,31 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyQueryableComponentHarness } from '@skyux/core/testing';
+import { SkyTabContentHarnessFilters } from './tab-content-harness-filters';
+/**
+ * Harness for interacting with a tab component in tests.
+ */
+export declare class SkyTabContentHarness extends SkyQueryableComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyTabContentHarness` that meets certain criteria.
+     * @internal
+     */
+    static with(filters: SkyTabContentHarnessFilters): HarnessPredicate<SkyTabContentHarness>;
+    /**
+     * Gets the tab's layout.
+     */
+    getLayout(): Promise<string>;
+    /**
+     * @internal
+     */
+    getTabId(): Promise<string | null>;
+    /**
+     * Whether the tab content is visible.
+     */
+    isVisible(): Promise<boolean>;
+}

package/testing/modules/tabs/tabset-harness-filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyTabsetHarness` instances.
+ */
+export interface SkyTabsetHarnessFilters extends SkyHarnessFilters {
+}

package/testing/modules/tabs/tabset-harness.d.ts

@@ -0,0 +1,65 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyTabsetButtonsDisplayMode } from '@skyux/tabs';
+import { SkyTabButtonHarness } from './tab-button-harness';
+import { SkyTabContentHarness } from './tab-content-harness';
+import { SkyTabsetHarnessFilters } from './tabset-harness-filters';
+/**
+ * Harness for interacting with a tabset component in tests.
+ */
+export declare class SkyTabsetHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyTabsetHarness` that meets certain criteria.
+     */
+    static with(filters: SkyTabsetHarnessFilters): HarnessPredicate<SkyTabsetHarness>;
+    /**
+     * In `dropdown` mode, clicks the dropdown tab to open the tab dropdown menu.
+     */
+    clickDropdownTab(): Promise<void>;
+    /**
+     * Clicks the new tab button if visible.
+     */
+    clickNewTabButton(): Promise<void>;
+    /**
+     * Clicks the open tab button if visible.
+     */
+    clickOpenTabButton(): Promise<void>;
+    /**
+     * Clicks a tab button with a `tabHeading` matching the input.
+     */
+    clickTabButton(tabHeading: string): Promise<void>;
+    /**
+     * Gets the active tab button harness.
+     */
+    getActiveTabButton(): Promise<SkyTabButtonHarness | null>;
+    /**
+     * Gets the tabset aria-label value.
+     */
+    getAriaLabel(): Promise<string | null>;
+    /**
+     * Gets the tabset aria-labelledby value.
+     */
+    getAriaLabelledBy(): Promise<string | null>;
+    /**
+     * Gets the tabset's display mode.
+     */
+    getMode(): Promise<SkyTabsetButtonsDisplayMode>;
+    /**
+     * Gets a tab button harness with the given `tabHeading`
+     */
+    getTabButtonHarness(tabHeading: string): Promise<SkyTabButtonHarness>;
+    /**
+     * Gets an array of all tab button harnesses.
+     */
+    getTabButtonHarnesses(): Promise<SkyTabButtonHarness[]>;
+    /**
+     * Gets a tab content harness for the tab with the given `tabHeading`.
+     */
+    getTabContentHarness(tabHeading: string): Promise<SkyTabContentHarness>;
+}

package/testing/public-api.d.ts

@@ -1,2 +1,7 @@
 export { SkyTabsetFixtureTab } from './legacy/tabs/tab-fixture-tab';
 export { SkyTabsetFixture } from './legacy/tabs/tabset-fixture';
+export { SkyTabsetHarness } from './modules/tabs/tabset-harness';
+export { SkyTabsetHarnessFilters } from './modules/tabs/tabset-harness-filters';
+export { SkyTabButtonHarness } from './modules/tabs/tab-button-harness';
+export { SkyTabButtonHarnessFilters } from './modules/tabs/tab-button-harness-filters';
+export { SkyTabContentHarness } from './modules/tabs/tab-content-harness';