Merge pull request #1455 from AppQuality/UN-1754

fix: add data-qa attributes for improved testing and accessibility

Author: marcbon

src/pages/Campaign/pageHeader/Meta/index.tsx

@@ -183,7 +183,10 @@ export const Metas = ({
                 {' '}
                 {t('__INSIGHTS_PAGE_NAVIGATION_LABEL')}
               </MD>
-              <Link to={videoDashboardRoute}>
+              <Link
+                data-qa="playlis_video_header_button_navigation"
+                to={videoDashboardRoute}
+              >
                 <Tooltip
                   content={t(
                     '__UX_CAMPAIGN_PAGE_NAVIGATION_VIDEO_LIST_TOOLTIP'

src/pages/Video/Actions.tsx

@@ -106,7 +106,7 @@ const Actions = () => {
       <Divider />
       <SentimentOverview />
       <div style={{ padding: `${appTheme.space.md} 0` }}>
-        <LG isBold>
+        <LG isBold data-qa="tagging_tool_page_title_observations">
           {t('__OBSERVATIONS_DRAWER_TOTAL')}: {observations.length}
         </LG>
         {observations && severities && severities.length > 0 && (

src/pages/Video/components/SentimentOverview/index.tsx

@@ -58,6 +58,7 @@ export const SentimentOverview = () => {
         <AccordionNew.Section>
           <StyledHeader icon={<AiIcon />}>
             <AccordionNew.Label
+              data-qa="tagging_tool_page_accordions_header_summary"
               label={t('__SENTIMENT_OVERVIEW_TITLE')}
               subtitle={t('__SENTIMENT_OVERVIEW_SUBTITLE')}
             />

src/pages/Video/components/Transcript/index.tsx

@@ -36,7 +36,7 @@ const TranscriptWrapper = ({
         marginBottom: appTheme.space.xl,
       }}
     >
-      <ContainerCard>
+      <ContainerCard data-qa="tagging_tool_page_transcript_card">
         <Header editor={isEmpty ? undefined : editor} isEmpty={isEmpty} />
         {video?.transcript ? children : <EmptyState />}
       </ContainerCard>