@cloudscape-design/chart-components 1.0.0

package/test-utils/selectors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,4EAA8E;AAGrE,+FAHA,0BAAc,OAGA;AAFvB,oEAA0E;AAI1E,uDAAsD;AAG7C,gCAHF,yBAAqB,CAGE;AAF9B,2CAA0C;AAEV,0BAFzB,mBAAe,CAEyB;AA2C/C,0BAAc,CAAC,SAAS,CAAC,uBAAuB,GAAG,UAAU,QAAQ;IACnE,OAAO,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,yBAAqB,EAAE,QAAQ,CAAC,EAAE,yBAAqB,CAAC,CAAC;AAC1G,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,iBAAiB,GAAG,UAAU,QAAQ;IAC7D,OAAO,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,mBAAe,EAAE,QAAQ,CAAC,EAAE,mBAAe,CAAC,CAAC;AAC9F,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,0BAA0B,GAAG,UAAU,QAAQ;IACtE,OAAO,IAAI,CAAC,iBAAiB,CAAC,yBAAqB,EAAE,QAAQ,CAAC,CAAC;AACjE,CAAC,CAAC;AACF,0BAAc,CAAC,SAAS,CAAC,oBAAoB,GAAG,UAAU,QAAQ;IAChE,OAAO,IAAI,CAAC,iBAAiB,CAAC,mBAAe,EAAE,QAAQ,CAAC,CAAC;AAC3D,CAAC,CAAC;AAEF,SAAS,oBAAoB,CAAC,OAAiC,EAAE,QAAiB;IAChF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,YAAY,EAAE,CAAC;AACtG,CAAC;AAED,SAAwB,OAAO,CAAC,OAAe,MAAM;IACnD,OAAO,IAAI,0BAAc,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAFD,0BAEC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport { appendSelector } from \"@cloudscape-design/test-utils-core/utils\";\n\nexport { ElementWrapper };\n\nimport CartesianChartWrapper from \"./cartesian-chart\";\nimport PieChartWrapper from \"./pie-chart\";\n\nexport { CartesianChartWrapper, PieChartWrapper };\n\ndeclare module \"@cloudscape-design/test-utils-core/dist/selectors\" {\n  interface ElementWrapper {\n    /**\n     * Returns the wrapper of the first cartesian chart that matches the specified CSS selector.\n     * If no CSS selector is specified, returns the wrapper of the first cartesian chart.\n     * If no matching chart is found, returns `null`.\n     *\n     * @param {string} [selector] CSS Selector\n     * @returns {CartesianChartWrapper | null}\n     */\n    findCartesianHighcharts(selector?: string): CartesianChartWrapper;\n    /**\n     * Returns the wrapper of the first pie chart that matches the specified CSS selector.\n     * If no CSS selector is specified, returns the wrapper of the first pie chart.\n     * If no matching chart is found, returns `null`.\n     *\n     * @param {string} [selector] CSS Selector\n     * @returns {PieChartWrapper | null}\n     */\n    findPieHighcharts(selector?: string): PieChartWrapper;\n    /**\n     * Returns an array of cartesian chart wrappers that matches the specified CSS selector.\n     * If no CSS selector is specified, returns all cartesian charts inside the current wrapper.\n     * If no matching chart is found, returns an empty array.\n     *\n     * @param {string} [selector] CSS Selector\n     * @returns {CartesianChartWrapper[]}\n     */\n    findAllCartesianHighcharts(selector?: string): MultiElementWrapper<CartesianChartWrapper>;\n    /**\n     * Returns an array of pie chart wrappers that matches the specified CSS selector.\n     * If no CSS selector is specified, returns all pie charts inside the current wrapper.\n     * If no matching chart is found, returns an empty array.\n     *\n     * @param {string} [selector] CSS Selector\n     * @returns {PieChartWrapper[]}\n     */\n    findAllPieHighcharts(selector?: string): MultiElementWrapper<PieChartWrapper>;\n  }\n}\n\nElementWrapper.prototype.findCartesianHighcharts = function (selector) {\n  return this.findComponent(getComponentSelector(CartesianChartWrapper, selector), CartesianChartWrapper);\n};\nElementWrapper.prototype.findPieHighcharts = function (selector) {\n  return this.findComponent(getComponentSelector(PieChartWrapper, selector), PieChartWrapper);\n};\nElementWrapper.prototype.findAllCartesianHighcharts = function (selector) {\n  return this.findAllComponents(CartesianChartWrapper, selector);\n};\nElementWrapper.prototype.findAllPieHighcharts = function (selector) {\n  return this.findAllComponents(PieChartWrapper, selector);\n};\n\nfunction getComponentSelector(wrapper: { rootSelector: string }, selector?: string) {\n  return selector ? appendSelector(selector, `.${wrapper.rootSelector}`) : `.${wrapper.rootSelector}`;\n}\n\nexport default function wrapper(root: string = \"body\") {\n  return new ElementWrapper(root);\n}\n"]}

package/test-utils/selectors/internal/base.d.ts

@@ -0,0 +1,93 @@
+import { ButtonWrapper } from "@cloudscape-design/components/test-utils/selectors";
+import ChartTooltipWrapper from "@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip";
+import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class BaseChartWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Finds chart's filters area when default series filter or additional filters are defined.
+     */
+    findFilter(): BaseChartFilterWrapper;
+    /**
+     * Finds chart's legend when defined.
+     */
+    findLegend(): BaseChartLegendWrapper;
+    /**
+     * Finds chart's tooltip when visible.
+     */
+    findTooltip(): ChartTooltipWrapper;
+    /**
+     * Finds chart's no-data when the chart is in no-data state.
+     */
+    findNoData(): BaseChartNoDataWrapper;
+    /**
+     * Finds fallback slot, rendered when highcharts=`null`.
+     */
+    findFallback(): ElementWrapper;
+    /**
+     * Finds focusable chart application element. When focused, it renders a focus outline around the chart,
+     * and accepts keyboard commands. The application element is not available in empty charts.
+     */
+    findApplication(): ElementWrapper;
+    /**
+     * Finds visible title of the x axis.
+     */
+    findXAxisTitle(): ElementWrapper;
+    /**
+     * Finds visible title of the y axis.
+     */
+    findYAxisTitle(): ElementWrapper;
+}
+export declare class BaseChartFilterWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Finds default series filter when defined.
+     */
+    findSeriesFilter(): ElementWrapper;
+    /**
+     * Finds custom additional filters slot when defined.
+     */
+    findAdditionalFilters(): ElementWrapper;
+}
+export declare class BaseChartNoDataWrapper extends ComponentWrapper {
+    /**
+     * Finds no-data empty slot when the chart is in empty state.
+     */
+    findEmpty(): ElementWrapper;
+    /**
+     * Finds no-data no-match slot when the chart is in no-match state.
+     */
+    findNoMatch(): ElementWrapper;
+    /**
+     * Finds no-data loading slot when the chart is in loading state.
+     */
+    findLoading(): ElementWrapper;
+    /**
+     * Finds no-data error slot when the chart is in error state.
+     */
+    findError(): ElementWrapper;
+    /**
+     * Finds no-data retry button when the chart is in error state, and uses the default recovery button.
+     */
+    findRetryButton(): ButtonWrapper;
+}
+interface LegendItemOptions {
+    active?: boolean;
+}
+export declare class BaseChartLegendWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    /**
+     * Finds legend's visible title element when defined.
+     */
+    findTitle(): ElementWrapper;
+    /**
+     * Finds legend's actions slot when defined.
+     */
+    findActions(): ElementWrapper;
+    /**
+     * Finds legend items that match given options:
+     * * `active` (optional, boolean) - Matches only active legend items when `true`, and only inactive when `false`.
+     * When options are not set, the function matches all legend items.
+     */
+    findItems(options?: LegendItemOptions): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
+}
+export {};

package/test-utils/selectors/internal/base.js

@@ -0,0 +1,146 @@
+"use strict";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseChartLegendWrapper = exports.BaseChartNoDataWrapper = exports.BaseChartFilterWrapper = void 0;
+const selectors_1 = require("@cloudscape-design/components/test-utils/selectors");
+const chart_tooltip_1 = require("@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip");
+const selectors_2 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../core/test-classes/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/components/chart-legend/test-classes/styles.selectors.js");
+class BaseChartWrapper extends selectors_2.ComponentWrapper {
+    /**
+     * Finds chart's filters area when default series filter or additional filters are defined.
+     */
+    findFilter() {
+        return this.findComponent(`.${BaseChartFilterWrapper.rootSelector}`, BaseChartFilterWrapper);
+    }
+    /**
+     * Finds chart's legend when defined.
+     */
+    findLegend() {
+        return this.findComponent(`.${BaseChartLegendWrapper.rootSelector}`, BaseChartLegendWrapper);
+    }
+    /**
+     * Finds chart's tooltip when visible.
+     */
+    findTooltip() {
+        return this.findComponent(`.${chart_tooltip_1.default.rootSelector}`, chart_tooltip_1.default);
+    }
+    /**
+     * Finds chart's no-data when the chart is in no-data state.
+     */
+    findNoData() {
+        return this.findComponent(`.${styles_selectors_js_1.default["no-data"]}`, BaseChartNoDataWrapper);
+    }
+    /**
+     * Finds fallback slot, rendered when highcharts=`null`.
+     */
+    findFallback() {
+        return this.findByClassName(styles_selectors_js_1.default.fallback);
+    }
+    /**
+     * Finds focusable chart application element. When focused, it renders a focus outline around the chart,
+     * and accepts keyboard commands. The application element is not available in empty charts.
+     */
+    findApplication() {
+        return this.findByClassName(styles_selectors_js_1.default.application);
+    }
+    /**
+     * Finds visible title of the x axis.
+     */
+    findXAxisTitle() {
+        var _a;
+        return (_a = this.findByClassName(styles_selectors_js_1.default["axis-x-title"])) !== null && _a !== void 0 ? _a : this.find(`.highcharts-axis.${styles_selectors_js_1.default["axis-x"]} > .highcharts-axis-title`);
+    }
+    /**
+     * Finds visible title of the y axis.
+     */
+    findYAxisTitle() {
+        var _a;
+        return (_a = this.findByClassName(styles_selectors_js_1.default["axis-y-title"])) !== null && _a !== void 0 ? _a : this.find(`.highcharts-axis.${styles_selectors_js_1.default["axis-y"]} > .highcharts-axis-title`);
+    }
+}
+exports.default = BaseChartWrapper;
+BaseChartWrapper.rootSelector = styles_selectors_js_1.default.root;
+class BaseChartFilterWrapper extends selectors_2.ComponentWrapper {
+    /**
+     * Finds default series filter when defined.
+     */
+    findSeriesFilter() {
+        return this.findByClassName(styles_selectors_js_1.default["chart-filters-series"]);
+    }
+    /**
+     * Finds custom additional filters slot when defined.
+     */
+    findAdditionalFilters() {
+        return this.findByClassName(styles_selectors_js_1.default["chart-filters-additional"]);
+    }
+}
+exports.BaseChartFilterWrapper = BaseChartFilterWrapper;
+BaseChartFilterWrapper.rootSelector = styles_selectors_js_1.default["chart-filters"];
+class BaseChartNoDataWrapper extends selectors_2.ComponentWrapper {
+    /**
+     * Finds no-data empty slot when the chart is in empty state.
+     */
+    findEmpty() {
+        return this.findByClassName(styles_selectors_js_1.default["no-data-empty"]);
+    }
+    /**
+     * Finds no-data no-match slot when the chart is in no-match state.
+     */
+    findNoMatch() {
+        return this.findByClassName(styles_selectors_js_1.default["no-data-no-match"]);
+    }
+    /**
+     * Finds no-data loading slot when the chart is in loading state.
+     */
+    findLoading() {
+        return this.findByClassName(styles_selectors_js_1.default["no-data-loading"]);
+    }
+    /**
+     * Finds no-data error slot when the chart is in error state.
+     */
+    findError() {
+        return this.findByClassName(styles_selectors_js_1.default["no-data-error"]);
+    }
+    /**
+     * Finds no-data retry button when the chart is in error state, and uses the default recovery button.
+     */
+    findRetryButton() {
+        return this.findComponent(`.${styles_selectors_js_1.default["no-data-retry"]}`, selectors_1.ButtonWrapper);
+    }
+}
+exports.BaseChartNoDataWrapper = BaseChartNoDataWrapper;
+class BaseChartLegendWrapper extends selectors_2.ComponentWrapper {
+    /**
+     * Finds legend's visible title element when defined.
+     */
+    findTitle() {
+        return this.findByClassName(styles_selectors_js_2.default.title);
+    }
+    /**
+     * Finds legend's actions slot when defined.
+     */
+    findActions() {
+        return this.findByClassName(styles_selectors_js_2.default.actions);
+    }
+    /**
+     * Finds legend items that match given options:
+     * * `active` (optional, boolean) - Matches only active legend items when `true`, and only inactive when `false`.
+     * When options are not set, the function matches all legend items.
+     */
+    findItems(options) {
+        let selector = `.${styles_selectors_js_2.default.item}`;
+        if ((options === null || options === void 0 ? void 0 : options.active) === true) {
+            selector += `:not(.${styles_selectors_js_2.default["hidden-item"]})`;
+        }
+        if ((options === null || options === void 0 ? void 0 : options.active) === false) {
+            selector += `.${styles_selectors_js_2.default["hidden-item"]}`;
+        }
+        return this.findAll(selector);
+    }
+}
+exports.BaseChartLegendWrapper = BaseChartLegendWrapper;
+BaseChartLegendWrapper.rootSelector = styles_selectors_js_2.default.root;
+//# sourceMappingURL=base.js.map

package/test-utils/selectors/internal/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/base.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ButtonWrapper } from \"@cloudscape-design/components/test-utils/selectors\";\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip\";\nimport { ComponentWrapper, ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\nimport legendTestClasses from \"../../../internal/components/chart-legend/test-classes/styles.selectors.js\";\nexport default class BaseChartWrapper extends ComponentWrapper {\n  static rootSelector: string = testClasses.root;\n\n  /**\n   * Finds chart's filters area when default series filter or additional filters are defined.\n   */\n  public findFilter() {\n    return this.findComponent(`.${BaseChartFilterWrapper.rootSelector}`, BaseChartFilterWrapper);\n  }\n\n  /**\n   * Finds chart's legend when defined.\n   */\n  public findLegend() {\n    return this.findComponent(`.${BaseChartLegendWrapper.rootSelector}`, BaseChartLegendWrapper);\n  }\n\n  /**\n   * Finds chart's tooltip when visible.\n   */\n  public findTooltip() {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n\n  /**\n   * Finds chart's no-data when the chart is in no-data state.\n   */\n  public findNoData() {\n    return this.findComponent(`.${testClasses[\"no-data\"]}`, BaseChartNoDataWrapper);\n  }\n\n  /**\n   * Finds fallback slot, rendered when highcharts=`null`.\n   */\n  public findFallback() {\n    return this.findByClassName(testClasses.fallback);\n  }\n\n  /**\n   * Finds focusable chart application element. When focused, it renders a focus outline around the chart,\n   * and accepts keyboard commands. The application element is not available in empty charts.\n   */\n  public findApplication() {\n    return this.findByClassName(testClasses.application);\n  }\n\n  /**\n   * Finds visible title of the x axis.\n   */\n  public findXAxisTitle() {\n    return this.findByClassName(testClasses[\"axis-x-title\"]) ?? this.find(`.highcharts-axis.${testClasses[\"axis-x\"]} > .highcharts-axis-title`);\n  }\n\n  /**\n   * Finds visible title of the y axis.\n   */\n  public findYAxisTitle() {\n    return this.findByClassName(testClasses[\"axis-y-title\"]) ?? this.find(`.highcharts-axis.${testClasses[\"axis-y\"]} > .highcharts-axis-title`);\n  }\n}\nexport class BaseChartFilterWrapper extends ComponentWrapper {\n  static rootSelector: string = testClasses[\"chart-filters\"];\n\n  /**\n   * Finds default series filter when defined.\n   */\n  public findSeriesFilter() {\n    return this.findByClassName(testClasses[\"chart-filters-series\"]);\n  }\n\n  /**\n   * Finds custom additional filters slot when defined.\n   */\n  public findAdditionalFilters() {\n    return this.findByClassName(testClasses[\"chart-filters-additional\"]);\n  }\n}\nexport class BaseChartNoDataWrapper extends ComponentWrapper {\n  /**\n   * Finds no-data empty slot when the chart is in empty state.\n   */\n  public findEmpty() {\n    return this.findByClassName(testClasses[\"no-data-empty\"]);\n  }\n\n  /**\n   * Finds no-data no-match slot when the chart is in no-match state.\n   */\n  public findNoMatch() {\n    return this.findByClassName(testClasses[\"no-data-no-match\"]);\n  }\n\n  /**\n   * Finds no-data loading slot when the chart is in loading state.\n   */\n  public findLoading() {\n    return this.findByClassName(testClasses[\"no-data-loading\"]);\n  }\n\n  /**\n   * Finds no-data error slot when the chart is in error state.\n   */\n  public findError() {\n    return this.findByClassName(testClasses[\"no-data-error\"]);\n  }\n\n  /**\n   * Finds no-data retry button when the chart is in error state, and uses the default recovery button.\n   */\n  public findRetryButton() {\n    return this.findComponent(`.${testClasses[\"no-data-retry\"]}`, ButtonWrapper);\n  }\n}\ninterface LegendItemOptions {\n  active?: boolean;\n}\nexport class BaseChartLegendWrapper extends ComponentWrapper {\n  static rootSelector: string = legendTestClasses.root;\n\n  /**\n   * Finds legend's visible title element when defined.\n   */\n  findTitle() {\n    return this.findByClassName(legendTestClasses.title);\n  }\n\n  /**\n   * Finds legend's actions slot when defined.\n   */\n  findActions() {\n    return this.findByClassName(legendTestClasses.actions);\n  }\n\n  /**\n   * Finds legend items that match given options:\n   * * `active` (optional, boolean) - Matches only active legend items when `true`, and only inactive when `false`.\n   * When options are not set, the function matches all legend items.\n   */\n  findItems(options?: LegendItemOptions) {\n    let selector = `.${legendTestClasses.item}`;\n    if (options?.active === true) {\n      selector += `:not(.${legendTestClasses[\"hidden-item\"]})`;\n    }\n    if (options?.active === false) {\n      selector += `.${legendTestClasses[\"hidden-item\"]}`;\n    }\n    return this.findAll(selector);\n  }\n}"]}

package/test-utils/selectors/internal/core.d.ts

@@ -0,0 +1,14 @@
+import ChartTooltipWrapper from "@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip";
+import { ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import BaseChartWrapper, { BaseChartLegendWrapper } from "./base";
+export default class CoreChartWrapper extends BaseChartWrapper {
+    findHeader(): ElementWrapper;
+    findFooter(): ElementWrapper;
+    findNavigator(): ElementWrapper;
+    findLegend(): CoreChartLegendWrapper;
+    findVerticalAxisTitle(): ElementWrapper;
+    findHorizontalAxisTitle(): ElementWrapper;
+}
+export declare class CoreChartLegendWrapper extends BaseChartLegendWrapper {
+    findItemTooltip(): ChartTooltipWrapper;
+}

package/test-utils/selectors/internal/core.js

@@ -0,0 +1,37 @@
+"use strict";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreChartLegendWrapper = void 0;
+const chart_tooltip_1 = require("@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip");
+const base_1 = require("./base");
+const styles_selectors_js_1 = require("../../../core/test-classes/styles.selectors.js");
+class CoreChartWrapper extends base_1.default {
+    findHeader() {
+        return this.findByClassName(styles_selectors_js_1.default["chart-header"]);
+    }
+    findFooter() {
+        return this.findByClassName(styles_selectors_js_1.default["chart-footer"]);
+    }
+    findNavigator() {
+        return this.findByClassName(styles_selectors_js_1.default["chart-navigator"]);
+    }
+    findLegend() {
+        return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);
+    }
+    findVerticalAxisTitle() {
+        var _a;
+        return (_a = this.findByClassName(styles_selectors_js_1.default["axis-vertical-title"])) !== null && _a !== void 0 ? _a : this.find(`.highcharts-axis.${styles_selectors_js_1.default["axis-vertical"]} > .highcharts-axis-title`);
+    }
+    findHorizontalAxisTitle() {
+        return this.find(`.highcharts-axis.${styles_selectors_js_1.default["axis-horizontal"]} > .highcharts-axis-title`);
+    }
+}
+exports.default = CoreChartWrapper;
+class CoreChartLegendWrapper extends base_1.BaseChartLegendWrapper {
+    findItemTooltip() {
+        return this.findComponent(`.${chart_tooltip_1.default.rootSelector}`, chart_tooltip_1.default);
+    }
+}
+exports.CoreChartLegendWrapper = CoreChartLegendWrapper;
+//# sourceMappingURL=core.js.map

package/test-utils/selectors/internal/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/internal/core.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;AAEtC,6GAA4G;AAE5G,iCAAkE;AAClE,wFAAyE;AACzE,MAAqB,gBAAiB,SAAQ,cAAgB;IACrD,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IAC3D,CAAC;IACM,aAAa;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC9D,CAAC;IACM,UAAU;QACf,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,sBAAsB,CAAC,YAAY,EAAE,EAAE,sBAAsB,CAAC,CAAC;IAC/F,CAAC;IACM,qBAAqB;;QAC1B,OAAO,MAAA,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,qBAAqB,CAAC,CAAC,mCAAI,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,eAAe,CAAC,2BAA2B,CAAC,CAAC;IAC5J,CAAC;IACM,uBAAuB;QAC5B,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,6BAAW,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAAC;IAClG,CAAC;CACF;AAnBD,mCAmBC;AACD,MAAa,sBAAuB,SAAQ,6BAAsB;IACzD,eAAe;QACpB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,uBAAmB,CAAC,YAAY,EAAE,EAAE,uBAAmB,CAAC,CAAC;IACzF,CAAC;CACF;AAJD,wDAIC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport ChartTooltipWrapper from \"@cloudscape-design/components/test-utils/selectors/internal/chart-tooltip\";\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport BaseChartWrapper, { BaseChartLegendWrapper } from \"./base\";\nimport testClasses from \"../../../core/test-classes/styles.selectors.js\";\nexport default class CoreChartWrapper extends BaseChartWrapper {\n  public findHeader() {\n    return this.findByClassName(testClasses[\"chart-header\"]);\n  }\n  public findFooter() {\n    return this.findByClassName(testClasses[\"chart-footer\"]);\n  }\n  public findNavigator() {\n    return this.findByClassName(testClasses[\"chart-navigator\"]);\n  }\n  public findLegend() {\n    return this.findComponent(`.${CoreChartLegendWrapper.rootSelector}`, CoreChartLegendWrapper);\n  }\n  public findVerticalAxisTitle() {\n    return this.findByClassName(testClasses[\"axis-vertical-title\"]) ?? this.find(`.highcharts-axis.${testClasses[\"axis-vertical\"]} > .highcharts-axis-title`);\n  }\n  public findHorizontalAxisTitle() {\n    return this.find(`.highcharts-axis.${testClasses[\"axis-horizontal\"]} > .highcharts-axis-title`);\n  }\n}\nexport class CoreChartLegendWrapper extends BaseChartLegendWrapper {\n  public findItemTooltip() {\n    return this.findComponent(`.${ChartTooltipWrapper.rootSelector}`, ChartTooltipWrapper);\n  }\n}"]}

package/test-utils/selectors/pie-chart/index.d.ts

@@ -0,0 +1,17 @@
+import { ElementWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import BaseChartWrapper from "../internal/base";
+export default class PieChartWrapper extends BaseChartWrapper {
+    static rootSelector: string;
+    /**
+     * Finds segments elements. Use this to assert the number of visible segments.
+     */
+    findSegments(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
+    /**
+     * Finds donut chart's inner area title when defined.
+     */
+    findInnerAreaTitle(): ElementWrapper;
+    /**
+     * Finds donut chart's inner area description when defined.
+     */
+    findInnerAreaDescription(): ElementWrapper;
+}

package/test-utils/selectors/pie-chart/index.js

@@ -0,0 +1,29 @@
+"use strict";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+const base_1 = require("../internal/base");
+const styles_selectors_js_1 = require("../../../pie-chart/test-classes/styles.selectors.js");
+class PieChartWrapper extends base_1.default {
+    /**
+     * Finds segments elements. Use this to assert the number of visible segments.
+     */
+    findSegments() {
+        return this.findAllByClassName("highcharts-point");
+    }
+    /**
+     * Finds donut chart's inner area title when defined.
+     */
+    findInnerAreaTitle() {
+        return this.findByClassName(styles_selectors_js_1.default["inner-value"]);
+    }
+    /**
+     * Finds donut chart's inner area description when defined.
+     */
+    findInnerAreaDescription() {
+        return this.findByClassName(styles_selectors_js_1.default["inner-description"]);
+    }
+}
+exports.default = PieChartWrapper;
+PieChartWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/pie-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/pie-chart/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAGtC,2CAAgD;AAChD,6FAA8E;AAC9E,MAAqB,eAAgB,SAAQ,cAAgB;IAG3D;;OAEG;IACI,YAAY;QACjB,OAAO,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;IACrD,CAAC;IAED;;OAEG;IACI,kBAAkB;QACvB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED;;OAEG;IACI,wBAAwB;QAC7B,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAChE,CAAC;;AAtBH,kCAuBC;AAtBQ,4BAAY,GAAW,6BAAW,CAAC,IAAI,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ElementWrapper } from \"@cloudscape-design/test-utils-core/selectors\";\nimport BaseChartWrapper from \"../internal/base\";\nimport testClasses from \"../../../pie-chart/test-classes/styles.selectors.js\";\nexport default class PieChartWrapper extends BaseChartWrapper {\n  static rootSelector: string = testClasses.root;\n\n  /**\n   * Finds segments elements. Use this to assert the number of visible segments.\n   */\n  public findSegments() {\n    return this.findAllByClassName(\"highcharts-point\");\n  }\n\n  /**\n   * Finds donut chart's inner area title when defined.\n   */\n  public findInnerAreaTitle() {\n    return this.findByClassName(testClasses[\"inner-value\"]);\n  }\n\n  /**\n   * Finds donut chart's inner area description when defined.\n   */\n  public findInnerAreaDescription() {\n    return this.findByClassName(testClasses[\"inner-description\"]);\n  }\n}"]}