diff --git a/.changeset/many-seals-compare.md b/.changeset/many-seals-compare.md new file mode 100644 index 0000000000..2884382123 --- /dev/null +++ b/.changeset/many-seals-compare.md @@ -0,0 +1,5 @@ +--- +'@leafygreen-ui/confirmation-modal': patch +--- + +Adds `data-testids` to better support end-to-end testing diff --git a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx index 08f72daee2..357b869b9c 100644 --- a/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx +++ b/packages/confirmation-modal/src/ConfirmationModal/ConfirmationModal.tsx @@ -59,6 +59,7 @@ export const ConfirmationModal = React.forwardRef( // eslint-disable-next-line jsx-a11y/no-autofocus autoFocus darkMode={darkMode} + data-testid="lg-confirmation-modal-confirmation-input" > ); } @@ -87,7 +88,11 @@ export const ConfirmationModal = React.forwardRef( /> )} -

+

{title}

{children} @@ -99,10 +104,15 @@ export const ConfirmationModal = React.forwardRef( disabled={!confirmEnabled || submitDisabled} onClick={onConfirm} className={buttonStyle} + data-testid="lg-confirmation-modal-footer-confirm-button" > {buttonText} -