@cloudtower/eagle 490.0.8 → 490.0.10

package/dist/cjs/core/Fields/FieldsBoolean/index.js

@@ -36,12 +36,21 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const FieldsBoolean = (_a) => {
-  var _b = _a, { input, children } = _b, props = __objRest(_b, ["input", "children"]);
+  var _b = _a, {
+    input,
+    children,
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "input",
+    "children",
+    "data-testid"
+  ]);
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index,
     __spreadValues({
       checked: Boolean(input.value),
-      onChange: (e) => input.onChange(e.target.checked)
+      onChange: (e) => input.onChange(e.target.checked),
+      "data-testid": dataTestId
     }, props),
     children
   ));

package/dist/cjs/core/Fields/FieldsDateTime/index.js

@@ -7,9 +7,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const FieldsDateTime = ({ input }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+const FieldsDateTime = ({
+  input,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
   antd.DatePicker,
   {
+    "data-testid": dataTestId,
     onFocus: () => {
       var _a;
       return (_a = input.onFocus) == null ? void 0 : _a.call(input);

package/dist/cjs/core/Fields/FieldsDateTimeRange/index.js

@@ -42,16 +42,19 @@ var __objRest = (source, exclude) => {
 };
 const FieldsDateTimeRange = (_a) => {
   var _b = _a, {
-    input
+    input,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
-    "input"
+    "input",
+    "data-testid"
   ]);
   var _a2, _b2;
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement("div", { className: "datatime-range" }, /* @__PURE__ */ React__default.default.createElement(
     antd.DatePicker.RangePicker,
     __spreadProps(__spreadValues({
       showTime: true
-    }, input), {
+    }, inputWithTestId), {
       onFocus: () => {
         var _a3;
         return (_a3 = input.onFocus) == null ? void 0 : _a3.call(input);

package/dist/cjs/core/Fields/FieldsEnum/index.js

@@ -40,13 +40,15 @@ const FieldsEnum = (_a) => {
   var _b = _a, {
     meta: __,
     enumValues,
-    emptyLabel
+    emptyLabel,
+    "data-testid": dataTestId
   } = _b, restProps = __objRest(_b, [
     "meta",
     "enumValues",
-    "emptyLabel"
+    "emptyLabel",
+    "data-testid"
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, restProps), emptyLabel && /* @__PURE__ */ React__default.default.createElement(antd.Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, restProps), emptyLabel && /* @__PURE__ */ React__default.default.createElement(antd.Select.Option, { value: "" }, emptyLabel), enumValues.map((v) => {
     const item = typeof v === "string" ? { value: v, text: v } : v;
     return /* @__PURE__ */ React__default.default.createElement(
       antd.Select.Option,

package/dist/cjs/core/Fields/FieldsFloat/index.js

@@ -43,16 +43,19 @@ const FieldsFloat = (_a) => {
     input,
     meta,
     onBlur,
-    autoComplete = "off"
+    autoComplete = "off",
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
-    "autoComplete"
+    "autoComplete",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index.default,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       autoComplete,
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)

package/dist/cjs/core/Fields/FieldsInt/index.js

@@ -44,17 +44,20 @@ const FieldsInt = (_a) => {
     meta,
     onBlur,
     autoComplete = "off",
-    supportNegativeValue = false
+    supportNegativeValue = false,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
     "onBlur",
     "autoComplete",
-    "supportNegativeValue"
+    "supportNegativeValue",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       onChange: (e) => {
         const value = e.currentTarget.value;
         if (supportNegativeValue) {

package/dist/cjs/core/Fields/FieldsInteger/index.js

@@ -42,15 +42,18 @@ const FieldsInteger = (_a) => {
   var _b = _a, {
     meta,
     input,
-    onBlur
+    onBlur,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "meta",
     "input",
-    "onBlur"
+    "onBlur",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index.default,
-    __spreadProps(__spreadValues(__spreadValues({}, props), input), {
+    __spreadProps(__spreadValues(__spreadValues({}, props), inputWithTestId), {
       onBlur: (e) => onBlur ? onBlur(input, e) : input.onBlur(e),
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     })

package/dist/cjs/core/Fields/FieldsString/index.js

@@ -59,7 +59,8 @@ const FieldsString = (_a) => {
     onTagsAllowClearClick,
     onClick,
     maxLength,
-    focusIndicator
+    focusIndicator,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
@@ -72,12 +73,15 @@ const FieldsString = (_a) => {
     "onTagsAllowClearClick",
     "onClick",
     "maxLength",
-    "focusIndicator"
+    "focusIndicator",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   if (tags == null ? void 0 : tags.length) {
     return /* @__PURE__ */ React__default.default.createElement(
       "div",
       {
+        "data-testid": dataTestId,
         className: cs__default.default(
           className,
           index.KitInputStyle,
@@ -87,7 +91,13 @@ const FieldsString = (_a) => {
         onClick
       },
       /* @__PURE__ */ React__default.default.createElement("div", { className: "input-tags-inner" }, /* @__PURE__ */ React__default.default.createElement(index$1.default, { overflow: tagsOverflow }, /* @__PURE__ */ React__default.default.createElement("span", { className: "tags-overflow-auto" }, tags.map((tag) => /* @__PURE__ */ React__default.default.createElement(index$2, { key: tag }, tag))))),
-      /* @__PURE__ */ React__default.default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.default.createElement(icons.CloseCircleFilled, { onClick: onTagsAllowClearClick }))
+      /* @__PURE__ */ React__default.default.createElement("span", { className: "input-tag-suffix" }, allowClear && /* @__PURE__ */ React__default.default.createElement(
+        icons.CloseCircleFilled,
+        {
+          "data-testid": dataTestId ? `${dataTestId}-clear` : void 0,
+          onClick: onTagsAllowClearClick
+        }
+      ))
     );
   }
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
@@ -98,7 +108,7 @@ const FieldsString = (_a) => {
         index.KitInputStyle,
         focusIndicator && "has-focus-indicator"
       )
-    }, input), {
+    }, inputWithTestId), {
       autoComplete: props.type === "password" ? "new-password" : autoComplete,
       size,
       allowClear,

package/dist/cjs/core/Fields/FieldsTextArea/index.js

@@ -42,15 +42,18 @@ const FieldsTextArea = (_a) => {
   var _b = _a, {
     input,
     meta,
-    onFocusChangeHeight
+    onFocusChangeHeight,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
     "meta",
-    "onFocusChangeHeight"
+    "onFocusChangeHeight",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index,
-    __spreadProps(__spreadValues(__spreadValues({}, input), props), {
+    __spreadProps(__spreadValues(__spreadValues({}, inputWithTestId), props), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError),
       onFocus: (e) => {
         input.onFocus(e);

package/dist/cjs/core/Fields/FieldsTimePicker/index.js

@@ -1,8 +1,8 @@
 'use strict';
 
+var index = require('../../ConfigProvider/index.js');
 var React = require('react');
 var index$1 = require('../../TimePicker/index.js');
-var index = require('../../ConfigProvider/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -42,14 +42,17 @@ var __objRest = (source, exclude) => {
 const FieldsTimePicker = (_a) => {
   var _b = _a, {
     input,
-    meta
+    meta,
+    "data-testid": dataTestId
   } = _b, props = __objRest(_b, [
     "input",
-    "meta"
+    "meta",
+    "data-testid"
   ]);
+  const inputWithTestId = dataTestId ? __spreadProps(__spreadValues({}, input), { "data-testid": dataTestId }) : input;
   return /* @__PURE__ */ React__default.default.createElement(index.ConfigProvider, null, /* @__PURE__ */ React__default.default.createElement(
     index$1,
-    __spreadValues(__spreadProps(__spreadValues({}, input), {
+    __spreadValues(__spreadProps(__spreadValues({}, inputWithTestId), {
       error: meta.touched && (meta.error || !meta.dirtySinceLastSubmit && meta.submitError)
     }), props)
   ));

package/dist/cjs/core/FormItem/index.js

@@ -29,12 +29,26 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
 const {
   Item: AntdFormItem
 } = antd.Form;
 const FormItemStyle = "E_f7pxqmh";
-const FormItem = props => {
+const FormItem = _a => {
+  var _b = _a,
+    {
+      "data-testid": dataTestId
+    } = _b,
+    props = __objRest(_b, ["data-testid"]);
   return /* @__PURE__ */React__default.default.createElement(AntdFormItem, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs__default.default(FormItemStyle, props.className)
   }));
 };

package/dist/cjs/core/Frequency/index.js

@@ -32,13 +32,14 @@ const Frequency = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = tower.formatFrequency(rawValue, decimals);
-  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Frequency$1 = Frequency;
 

package/dist/cjs/core/ImmersiveDialog/index.js

@@ -74,7 +74,8 @@ function ImmersiveDialog(props) {
     onCancel,
     onOk,
     initializing,
-    initializingError
+    initializingError,
+    "data-testid": dataTestId
   } = _a, restProps = __objRest(_a, [
     "className",
     "title",
@@ -101,10 +102,15 @@ function ImmersiveDialog(props) {
     "onCancel",
     "onOk",
     "initializing",
-    "initializingError"
+    "initializingError",
+    "data-testid"
   ]);
   const { t } = useParrotTranslation();
   const popModal = index.usePopModal();
+  const sub = React.useCallback(
+    (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0,
+    [dataTestId]
+  );
   const defaultTitle = initializingError ? t("common.load_failed") : "";
   const defaultCancelText = showOk ? t("common.cancel") : t("common.close");
   const defaultOkText = initializingError ? t("common.retry") : t("common.confirm");
@@ -141,6 +147,7 @@ function ImmersiveDialog(props) {
         size: "large",
         type: "quiet",
         className: styles.CancelButtonStyle,
+        "data-testid": sub("cancel"),
         onMouseDown: (e) => {
           e.preventDefault();
         },
@@ -158,7 +165,8 @@ function ImmersiveDialog(props) {
           onOk == null ? void 0 : onOk(e);
         },
         type: "primary",
-        loading: confirmLoading
+        loading: confirmLoading,
+        "data-testid": sub("ok")
       }, okButtonProps),
       _confirmText
     ) : null));
@@ -170,6 +178,7 @@ function ImmersiveDialog(props) {
     error,
     showFooterErrorIcon,
     showCancel,
+    sub,
     cancelButtonProps,
     _cancelText,
     showOk,
@@ -183,6 +192,7 @@ function ImmersiveDialog(props) {
   return /* @__PURE__ */ React__default.default.createElement(
     antd.Modal,
     __spreadValues({
+      "data-testid": dataTestId,
       width: "calc(100% - 20px)",
       title: initializing ? /* @__PURE__ */ React__default.default.createElement(SmallDialog_widget.ModelTitleSkeleton, null) : /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$1.Typo.Display.d1_bold_title, styles.TitleStyle) }, title || defaultTitle),
       className: cs__default.default(
@@ -201,7 +211,8 @@ function ImmersiveDialog(props) {
           className: styles.CloseIconStyle,
           iconHeight: 24,
           iconWidth: 24,
-          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon
+          hoverSrc: iconsReact.XmarkCloseBold24SecondaryIcon,
+          "data-testid": sub("close")
         }
       ),
       footer: finalFooter,

package/dist/cjs/core/Input/index.js

@@ -51,15 +51,27 @@ const Input = _a => {
     {
       className,
       error,
-      size = "middle"
+      size = "middle",
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size"]);
+    props = __objRest(_b, ["className", "error", "size", "data-testid"]);
   const typo = {
     large: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.default.createElement(StyledAntdInput, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.default.createElement(StyledAntdInput, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     "data-test": props.name,
     className: cs__default.default(className, index$1.InputStyle, typo, error ? "error" : "")

package/dist/cjs/core/InputInteger/index.js

@@ -75,15 +75,27 @@ const InputInteger = _a => {
       prefix,
       max,
       min,
-      controls = false
+      controls = false,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "max", "min", "controls", "data-testid"]);
   const typo = {
     large: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.default.createElement(AntdIntStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.default.createElement(AntdIntStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     formatter: formatterInteger,
     parser: formatterInteger,

package/dist/cjs/core/InputNumber/index.js

@@ -72,15 +72,27 @@ const InputNumber = _a => {
       size = "middle",
       suffix,
       prefix,
-      controls = true
+      controls = true,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls"]);
+    props = __objRest(_b, ["className", "error", "size", "suffix", "prefix", "controls", "data-testid"]);
   const typo = {
     large: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.default.createElement(AntdInputNumberStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     controls,
     "data-test": props.name,

package/dist/cjs/core/InputPassword/index.js

@@ -53,15 +53,27 @@ const InputPassword = _a => {
     {
       size = "small",
       error,
-      className
+      className,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["size", "error", "className"]);
+    props = __objRest(_b, ["size", "error", "className", "data-testid"]);
   const typo = {
     large: index.Typo.Label.l2_regular,
     middle: index.Typo.Label.l3_regular,
     small: index.Typo.Label.l4_regular
   }[size];
-  return /* @__PURE__ */React__default.default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({}, props), {
+  const ref = React__default.default.useCallback(instance => {
+    const el = instance == null ? void 0 : instance.input;
+    if (!el) return;
+    if (dataTestId) {
+      el.setAttribute("data-testid", dataTestId);
+    } else {
+      el.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
+  return /* @__PURE__ */React__default.default.createElement(AntdPasswordInputStyled, __spreadProps(__spreadValues({
+    ref
+  }, props), {
     size,
     className: cs__default.default(className, index$1.InputStyle, typo, error && "error")
   }));

package/dist/cjs/core/LegacySelect/index.js

@@ -68,7 +68,8 @@ const LegacySelect = (_a) => {
     danger,
     size = "middle",
     meta,
-    placeholder
+    placeholder,
+    "data-testid": dataTestId
   } = _b, restProps = __objRest(_b, [
     "input",
     "multiple",
@@ -88,7 +89,8 @@ const LegacySelect = (_a) => {
     "danger",
     "size",
     "meta",
-    "placeholder"
+    "placeholder",
+    "data-testid"
   ]);
   var _a2;
   const limitExceeded = multiple && selectLimit && selectLimit <= (((_a2 = input.value) == null ? void 0 : _a2.length) || 0);
@@ -117,11 +119,23 @@ const LegacySelect = (_a) => {
         "ant-select-selection-item"
       )[0];
       inputDom && (placeholder || item) && inputDom.setAttribute(
-        "data-test",
+        "data-testid",
         String(placeholder || item.textContent)
       );
     }
   }, [selectRef, placeholder]);
+  React.useEffect(() => {
+    if (!selectRef.current)
+      return;
+    const realDom = reactDom.findDOMNode(selectRef.current);
+    if (!realDom)
+      return;
+    if (dataTestId) {
+      realDom.setAttribute("data-testid", dataTestId);
+    } else {
+      realDom.removeAttribute("data-testid");
+    }
+  }, [dataTestId]);
   useLegacyComponentWarning(
     "Warning: LegacySelect is deprecated and will be removed in future versions. Please use Select instead."
   );
@@ -178,7 +192,7 @@ const LegacySelect = (_a) => {
     React__default.default.Children.map(children, (child) => {
       return reactIs.isElement(child) ? __spreadProps(__spreadValues({}, child), {
         props: __spreadProps(__spreadValues({}, child.props), {
-          "data-test": child.props.value
+          "data-testid": dataTestId ? `${dataTestId}-option-${child.props.value}` : void 0
         })
       }) : child;
     })

package/dist/cjs/core/LineChart/index.js

@@ -37,6 +37,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const LineChart = React__default.default.forwardRef(
   (props, ref) => {
     const {
+      "data-testid": dataTestId,
       height = 154,
       showPointer = true,
       showLegend = true,
@@ -54,6 +55,7 @@ const LineChart = React__default.default.forwardRef(
       {
         className: cs__default.default("metric-wrapper", !showXaxis && "hidden-xaxis"),
         ref: wrapperRef,
+        "data-testid": dataTestId,
         style: { height: showLegend ? height + 30 : height }
       },
       /* @__PURE__ */ React__default.default.createElement(RenderChart, __spreadProps(__spreadValues({}, chartProps), { width })),