chore: add modal dataTestId for title & description

ts/components/SessionWrapperModal.tsx

@@ -124,7 +124,7 @@ export const SessionWrapperModal = (props: SessionWrapperModalType) => {
                       })
                     : null}
                 </Flex>
-                <StyledTitle className="session-modal__header__title">{title}</StyledTitle>
+                <StyledTitle className="session-modal__header__title" data-testid='modal-heading'>{title}</StyledTitle>
                 <Flex
                   container={true}
                   flexDirection={headerReverse ? 'row-reverse' : 'row'}

ts/components/dialog/SessionConfirm.tsx

@@ -16,7 +16,6 @@ import { StyledI18nSubText } from '../basic/StyledI18nSubText';
 
 export interface SessionConfirmDialogProps {
   i18nMessage?: LocalizerComponentPropsObject;
-  i18nMessageSub?: LocalizerComponentPropsObject;
   title?: string;
   radioOptions?: SessionRadioItems;
   onOk?: any;
@@ -51,7 +50,6 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => {
   const {
     title = '',
     i18nMessage,
-    i18nMessageSub,
     radioOptions,
     okTheme,
     closeTheme = SessionButtonColor.Danger,
@@ -133,9 +131,8 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => {
       {!showHeader && <SpacerLG />}
 
       <div className="session-modal__centered">
-        {i18nMessage ? <StyledI18nSubText {...i18nMessage} /> : null}
-        {i18nMessageSub ? (
-          <StyledI18nSubText {...i18nMessageSub} className="session-confirm-sub-message" />
+        {i18nMessage ? (
+          <StyledI18nSubText {...i18nMessage} data-testid="modal-description" />
         ) : null}
         {radioOptions && chosenOption !== '' ? (
           <SessionRadioGroup

ts/components/dialog/blockOrUnblock/BlockOrUnblockDialog.tsx

@@ -88,7 +88,7 @@ export const BlockOrUnblockDialog = ({ pubkeys, action, onConfirmed }: NonNullab
 
   return (
     <SessionWrapperModal showExitIcon={true} title={localizedAction} onClose={closeModal}>
-      <StyledModalDescriptionContainer data-testid="block-unblock-modal-description">
+      <StyledModalDescriptionContainer data-testid="modal-description">
         <Localizer {...args} />
       </StyledModalDescriptionContainer>
       <Flex container={true} flexDirection="column" alignItems="center">

ts/react.d.ts

@@ -233,7 +233,8 @@ declare module 'react' {
     | 'conversation-options-avatar'
     | 'copy-sender-from-details'
     | 'copy-msg-from-details'
-    | 'block-unblock-modal-description'
+    | 'modal-heading'
+    | 'modal-description'
     // modules profile name
     | 'module-conversation__user__profile-name'
     | 'module-message-search-result__header__name__profile-name'