pebble-web 2.25.2-alpha.2 → 2.25.2-alpha.3

package/dist/pebble-web.es.js

@@ -687,6 +687,13 @@ function getCalendarTestIds(id) {
     clearButtonId: `${id}-clear-btn`
   };
 }
+function getPopUpTestIds(id) {
+  return {
+    closeButtonId: `${id}-close-btn`,
+    approveButtonId: `${id}-approve-btn`,
+    rejectButtonId: `${id}-reject-btn`
+  };
+}
 
 class Calendar extends PureComponent {
   constructor() {
@@ -2854,8 +2861,14 @@ const PopUp = props => {
     rejectButtonText = "No",
     children,
     approveButtonProps,
-    rejectButtonProps
+    rejectButtonProps,
+    testId
   } = props;
+  const {
+    closeButtonId,
+    approveButtonId,
+    rejectButtonId
+  } = getTestIds(testId, id => getPopUpTestIds(id));
   return /*#__PURE__*/createElement(Modal, {
     visible: visible,
     modalClassName: flexCenter
@@ -2863,18 +2876,23 @@ const PopUp = props => {
     className: modalContainer$1
   }, onClose && /*#__PURE__*/createElement("i", {
     className: cx("pi", "pi-close", iconCloseClassName),
-    onClick: onClose
+    onClick: onClose,
+    "data-testid": closeButtonId
   }), children, (onReject || onApprove) && /*#__PURE__*/createElement("div", {
     className: buttonsContainer
   }, onReject && /*#__PURE__*/createElement(Button, Object.assign({
     size: "large",
     type: "secondary",
     onClick: onReject
-  }, rejectButtonProps), rejectButtonText), onApprove && /*#__PURE__*/createElement(Button, Object.assign({
+  }, rejectButtonProps, {
+    testId: rejectButtonId
+  }), rejectButtonText), onApprove && /*#__PURE__*/createElement(Button, Object.assign({
     size: "large",
     type: "primary",
     onClick: onApprove
-  }, approveButtonProps), approveButtonText))));
+  }, approveButtonProps, {
+    testId: approveButtonId
+  }), approveButtonText))));
 };
 
 const selectedTabStyle = /*#__PURE__*/css({
@@ -4360,8 +4378,9 @@ var index = /*#__PURE__*/Object.freeze({
     getMessageTestId: getMessageTestId,
     getSelectInputTestIds: getSelectInputTestIds,
     getTypeaheadTestIds: getTypeaheadTestIds,
-    getCalendarTestIds: getCalendarTestIds
+    getCalendarTestIds: getCalendarTestIds,
+    getPopUpTestIds: getPopUpTestIds
 });
 
-export { BrowserBasedDateInput, Button, Calendar, Checkbox, CheckboxGroup, DateInput, DropDown, DropDownButton, Input, Loader, Logo, Message, Modal, NativeDateInput, Option, OptionGroup, OptionGroupCheckBox, OptionGroupRadio, OutsideClick, PhoneNumberInput, PopUp, PebblePopper as Popper, PresetCalendar, Radio, RadioGroup, Rating, Search, SecondaryInput, Select, SideBar, Slider, Stepper, Switch, TabSection, Tabs, Tag, Text, TimePicker, Toast, Tooltip, TypeAhead, UserAgentInfoContext, UserAgentInfoProvider, constants, getCalendarTestIds, getMessageTestId, getOptionGroupCheckBoxTestIds, getOptionGroupRadioTestIds, getOptionGroupTestIds, getOptionTestId, getPhoneNumberInputTestIds, getRadioGroupTestIds, getSelectInputTestIds, getTestIds, getTypeaheadTestIds, mixins, styles, typography, index as utils };
+export { BrowserBasedDateInput, Button, Calendar, Checkbox, CheckboxGroup, DateInput, DropDown, DropDownButton, Input, Loader, Logo, Message, Modal, NativeDateInput, Option, OptionGroup, OptionGroupCheckBox, OptionGroupRadio, OutsideClick, PhoneNumberInput, PopUp, PebblePopper as Popper, PresetCalendar, Radio, RadioGroup, Rating, Search, SecondaryInput, Select, SideBar, Slider, Stepper, Switch, TabSection, Tabs, Tag, Text, TimePicker, Toast, Tooltip, TypeAhead, UserAgentInfoContext, UserAgentInfoProvider, constants, getCalendarTestIds, getMessageTestId, getOptionGroupCheckBoxTestIds, getOptionGroupRadioTestIds, getOptionGroupTestIds, getOptionTestId, getPhoneNumberInputTestIds, getPopUpTestIds, getRadioGroupTestIds, getSelectInputTestIds, getTestIds, getTypeaheadTestIds, mixins, styles, typography, index as utils };
 //# sourceMappingURL=pebble-web.es.js.map