diff --git a/package.json b/package.json index 18f80dd..5bfffdf 100644 --- a/package.json +++ b/package.json @@ -51,9 +51,9 @@ "prettier": "2.7.1", "jest": "^29.2.2", "husky": "^8.0.3", - "@testing-library/react":"^13.4.0", + "@testing-library/react": "^13.4.0", "@testing-library/user-event": "14.4.3", - "@testing-library/jest-dom":"5.16.5", + "@testing-library/jest-dom": "5.16.5", "@testing-library/dom": "9.0.0", "jest-environment-jsdom": "^29.2.2", "jest-canvas-mock": "^2.4.0", diff --git a/packages/module/src/Feedback/FeedbackModalInternal.tsx b/packages/module/src/Feedback/FeedbackModalInternal.tsx index 01fbb74..5e0044e 100644 --- a/packages/module/src/Feedback/FeedbackModalInternal.tsx +++ b/packages/module/src/Feedback/FeedbackModalInternal.tsx @@ -3,6 +3,7 @@ import { Button, Card, CardBody, + CardHeader, CardTitle, Flex, FlexItem, @@ -94,13 +95,22 @@ export const FeedbackModalInternal = memo( { - typeof onShareFeedback === 'string' - ? window.open(onShareFeedback, '_blank') - : setModalPage('feedbackOne'); - }} > + { + typeof onShareFeedback === 'string' + ? window.open(onShareFeedback, '_blank') + : setModalPage('feedbackOne'); + }, + selectableActionId: "feedback-card-1", + selectableActionAriaLabelledby: 'feedback-card-1', + name: 'feedback-card' + }} + > {intl.shareFeedback} {typeof onShareFeedback === 'string' ? : null} @@ -109,13 +119,23 @@ export const FeedbackModalInternal = memo( {onReportABug && ( { - typeof onReportABug === 'string' - ? window.open(onReportABug, '_blank') - : setModalPage('reportBugOne'); - }} + isClickable + variant='secondary' > + { + typeof onReportABug === 'string' + ? window.open(onReportABug, '_blank') + : setModalPage('reportBugOne'); + }, + selectableActionId: "report-bug-card-1", + selectableActionAriaLabelledby: 'report-bug-card-1', + name: 'report-bug-card' + }} + > + {intl.reportABug} {typeof onReportABug === 'string' ? : null}{' '} @@ -125,11 +145,20 @@ export const FeedbackModalInternal = memo( {onOpenSupportCase && ( { - window.open(onOpenSupportCase, '_blank'); - }} > + { + window.open(onOpenSupportCase, '_blank'); + }, + selectableActionId: "open-support-case-card-1", + selectableActionAriaLabelledby: 'open-support-case-card-1', + name: 'open-support-case-card' + }} + > {intl.openSupportCase} @@ -141,13 +170,22 @@ export const FeedbackModalInternal = memo( {onJoinMailingList && ( { - typeof onJoinMailingList === 'string' - ? window.open(onJoinMailingList, '_blank') - : setModalPage('informDirection'); - }} > + { + typeof onJoinMailingList === 'string' + ? window.open(onJoinMailingList, '_blank') + : setModalPage('informDirection'); + }, + selectableActionId: "join-mailing-list-card-1", + selectableActionAriaLabelledby: 'join-mailing-list-card-1', + name: 'join-mailing-list-card' + }} + > {intl.informDirection}{' '}