diff --git a/packages/main/src/components/DynamicPage/__snapshots__/DynamicPage.test.tsx.snap b/packages/main/src/components/DynamicPage/__snapshots__/DynamicPage.test.tsx.snap
index c7769abc869..1e34d84dd36 100644
--- a/packages/main/src/components/DynamicPage/__snapshots__/DynamicPage.test.tsx.snap
+++ b/packages/main/src/components/DynamicPage/__snapshots__/DynamicPage.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`DynamicPage always show content header 1`] = `
     >
       <div
         class="FlexBox-flexBox FlexBox-flexBoxDirectionRow FlexBox-justifyContentSpaceBetween FlexBox-alignItemsStretch FlexBox-flexWrapNoWrap"
+        data-component-name="DynamicPageTitleBreadcrumbs"
       >
         <div
           class="DynamicPageTitle-breadcrumbs"
@@ -130,6 +131,7 @@ exports[`DynamicPage always show content header 1`] = `
         >
           <div
             class="DynamicPageTitle-title"
+            data-component-name="DynamicPageTitleHeading"
           >
             <ui5-title
               level="H2"
@@ -140,6 +142,7 @@ exports[`DynamicPage always show content header 1`] = `
           </div>
           <div
             class="DynamicPageTitle-content"
+            data-component-name="DynamicPageTitleContent"
             style="padding-left: 0.5rem;"
           >
             <ui5-badge
@@ -152,6 +155,7 @@ exports[`DynamicPage always show content header 1`] = `
         </div>
         <div
           class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+          data-component-name="DynamicPageTitleActions"
         >
           <div
             class="Toolbar-toolbar"
@@ -234,6 +238,7 @@ exports[`DynamicPage always show content header 1`] = `
       >
         <div
           class="DynamicPageTitle-subTitleBottom"
+          data-component-name="DynamicPageTitleSubheading"
         >
           <ui5-label
             ui5-label=""
@@ -293,6 +298,7 @@ exports[`DynamicPage always show content header 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       >
         <ui5-button
@@ -334,6 +340,7 @@ exports[`DynamicPage hider header button 1`] = `
         >
           <div
             class="DynamicPageTitle-title"
+            data-component-name="DynamicPageTitleHeading"
           >
             <ui5-title
               level="H2"
@@ -345,6 +352,7 @@ exports[`DynamicPage hider header button 1`] = `
         </div>
         <div
           class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+          data-component-name="DynamicPageTitleActions"
         >
           <div
             class="Toolbar-toolbar"
@@ -400,6 +408,7 @@ exports[`DynamicPage hider header button 1`] = `
       >
         <div
           class="DynamicPageTitle-subTitleBottom"
+          data-component-name="DynamicPageTitleSubheading"
         >
           <ui5-label
             ui5-label=""
@@ -459,6 +468,7 @@ exports[`DynamicPage hider header button 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       />
     </div>
@@ -648,6 +658,7 @@ exports[`DynamicPage render footer 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       >
         <ui5-button
@@ -698,6 +709,7 @@ exports[`DynamicPage with content 1`] = `
     >
       <div
         class="FlexBox-flexBox FlexBox-flexBoxDirectionRow FlexBox-justifyContentSpaceBetween FlexBox-alignItemsStretch FlexBox-flexWrapNoWrap"
+        data-component-name="DynamicPageTitleBreadcrumbs"
       >
         <div
           class="DynamicPageTitle-breadcrumbs"
@@ -816,6 +828,7 @@ exports[`DynamicPage with content 1`] = `
         >
           <div
             class="DynamicPageTitle-title"
+            data-component-name="DynamicPageTitleHeading"
           >
             <ui5-title
               level="H2"
@@ -826,6 +839,7 @@ exports[`DynamicPage with content 1`] = `
           </div>
           <div
             class="DynamicPageTitle-content"
+            data-component-name="DynamicPageTitleContent"
             style="padding-left: 0.5rem;"
           >
             <ui5-badge
@@ -838,6 +852,7 @@ exports[`DynamicPage with content 1`] = `
         </div>
         <div
           class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+          data-component-name="DynamicPageTitleActions"
         >
           <div
             class="Toolbar-toolbar"
@@ -920,6 +935,7 @@ exports[`DynamicPage with content 1`] = `
       >
         <div
           class="DynamicPageTitle-subTitleBottom"
+          data-component-name="DynamicPageTitleSubheading"
         >
           <ui5-label
             ui5-label=""
@@ -978,6 +994,7 @@ exports[`DynamicPage with content 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       >
         <ui5-button
@@ -1669,6 +1686,7 @@ exports[`DynamicPage without content 1`] = `
     >
       <div
         class="FlexBox-flexBox FlexBox-flexBoxDirectionRow FlexBox-justifyContentSpaceBetween FlexBox-alignItemsStretch FlexBox-flexWrapNoWrap"
+        data-component-name="DynamicPageTitleBreadcrumbs"
       >
         <div
           class="DynamicPageTitle-breadcrumbs"
@@ -1787,6 +1805,7 @@ exports[`DynamicPage without content 1`] = `
         >
           <div
             class="DynamicPageTitle-title"
+            data-component-name="DynamicPageTitleHeading"
           >
             <ui5-title
               level="H2"
@@ -1797,6 +1816,7 @@ exports[`DynamicPage without content 1`] = `
           </div>
           <div
             class="DynamicPageTitle-content"
+            data-component-name="DynamicPageTitleContent"
             style="padding-left: 0.5rem;"
           >
             <ui5-badge
@@ -1809,6 +1829,7 @@ exports[`DynamicPage without content 1`] = `
         </div>
         <div
           class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+          data-component-name="DynamicPageTitleActions"
         >
           <div
             class="Toolbar-toolbar"
@@ -1891,6 +1912,7 @@ exports[`DynamicPage without content 1`] = `
       >
         <div
           class="DynamicPageTitle-subTitleBottom"
+          data-component-name="DynamicPageTitleSubheading"
         >
           <ui5-label
             ui5-label=""
@@ -1949,6 +1971,7 @@ exports[`DynamicPage without content 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       >
         <ui5-button
diff --git a/packages/main/src/components/DynamicPageAnchorBar/index.tsx b/packages/main/src/components/DynamicPageAnchorBar/index.tsx
index 95e1699216d..dc1471bf18f 100644
--- a/packages/main/src/components/DynamicPageAnchorBar/index.tsx
+++ b/packages/main/src/components/DynamicPageAnchorBar/index.tsx
@@ -174,6 +174,7 @@ const DynamicPageAnchorBar = forwardRef((props: Props, ref: RefObject<HTMLElemen
   const i18nBundle = useI18nBundle('@ui5/webcomponents-react');
   return (
     <section
+      data-component-name="DynamicPageAnchorBar"
       style={style}
       role="navigation"
       className={showHideHeaderButton || headerContentPinnable ? classes.anchorBarActionButton : null}
diff --git a/packages/main/src/components/DynamicPageTitle/index.tsx b/packages/main/src/components/DynamicPageTitle/index.tsx
index 2cadb22b23a..0ae500721c6 100644
--- a/packages/main/src/components/DynamicPageTitle/index.tsx
+++ b/packages/main/src/components/DynamicPageTitle/index.tsx
@@ -162,12 +162,16 @@ const DynamicPageTitle: FC<DynamicPageTitleProps> = forwardRef((props: InternalP
       {...passThroughProps}
     >
       {(breadcrumbs || (navigationActions && showNavigationInTopArea)) && (
-        <FlexBox justifyContent={FlexBoxJustifyContent.SpaceBetween}>
+        <FlexBox justifyContent={FlexBoxJustifyContent.SpaceBetween} data-component-name="DynamicPageTitleBreadcrumbs">
           <div className={classes.breadcrumbs} onClick={stopPropagation}>
             {breadcrumbs}
           </div>
           {showNavigationInTopArea && (
-            <FlexBox alignItems={FlexBoxAlignItems.End} onClick={stopPropagation}>
+            <FlexBox
+              alignItems={FlexBoxAlignItems.End}
+              onClick={stopPropagation}
+              data-component-name="DynamicPageTitleNavActions"
+            >
               {navigationActions}
             </FlexBox>
           )}
@@ -175,14 +179,26 @@ const DynamicPageTitle: FC<DynamicPageTitleProps> = forwardRef((props: InternalP
       )}
       <FlexBox alignItems={FlexBoxAlignItems.Center} style={{ flexGrow: 1, width: '100%' }}>
         <FlexBox className={classes.titleMainSection}>
-          {heading && <div className={classes.title}>{heading}</div>}
+          {heading && (
+            <div className={classes.title} data-component-name="DynamicPageTitleHeading">
+              {heading}
+            </div>
+          )}
           {subheading && showSubheadingRight && (
-            <div className={classes.subTitleRight} style={{ [paddingLeftRtl]: '0.5rem' }}>
+            <div
+              className={classes.subTitleRight}
+              style={{ [paddingLeftRtl]: '0.5rem' }}
+              data-component-name="DynamicPageTitleSubheading"
+            >
               {subheading}
             </div>
           )}
           {children && (
-            <div className={classes.content} style={{ [paddingLeftRtl]: '0.5rem' }}>
+            <div
+              className={classes.content}
+              style={{ [paddingLeftRtl]: '0.5rem' }}
+              data-component-name="DynamicPageTitleContent"
+            >
               {children}
             </div>
           )}
@@ -193,6 +209,7 @@ const DynamicPageTitle: FC<DynamicPageTitleProps> = forwardRef((props: InternalP
           active
           className={classes.toolbar}
           onClick={stopPropagation}
+          data-component-name="DynamicPageTitleActions"
         >
           <ActionsSpacer onClick={onHeaderClick} noHover={props?.['data-not-clickable']} />
           {actions}
@@ -204,7 +221,9 @@ const DynamicPageTitle: FC<DynamicPageTitleProps> = forwardRef((props: InternalP
       </FlexBox>
       {subheading && !showSubheadingRight && (
         <FlexBox>
-          <div className={classes.subTitleBottom}>{subheading}</div>
+          <div className={classes.subTitleBottom} data-component-name="DynamicPageTitleSubheading">
+            {subheading}
+          </div>
         </FlexBox>
       )}
     </FlexBox>
diff --git a/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx b/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx
index f38628da8a9..5c3f979332f 100644
--- a/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx
+++ b/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx
@@ -79,7 +79,12 @@ export const CollapsedAvatar = (props: CollapsedAvatarPropTypes) => {
   }
 
   return (
-    <div ref={domRef} className={containerClasses.valueOf()} style={style}>
+    <div
+      ref={domRef}
+      className={containerClasses.valueOf()}
+      style={style}
+      data-component-name="ObjectPageCollapsedAvatar"
+    >
       {avatarContent}
     </div>
   );
diff --git a/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap b/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap
index 18533771f18..81babbe582a 100644
--- a/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap
+++ b/packages/main/src/components/ObjectPage/__snapshots__/ObjectPage.test.tsx.snap
@@ -817,6 +817,7 @@ exports[`ObjectPage with anchor-bar 1`] = `
           >
             <div
               class="DynamicPageTitle-content"
+              data-component-name="DynamicPageTitleContent"
               style="padding-left: 0.5rem;"
             >
               HeaderTitle
@@ -824,6 +825,7 @@ exports[`ObjectPage with anchor-bar 1`] = `
           </div>
           <div
             class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+            data-component-name="DynamicPageTitleActions"
           >
             <div
               class="Toolbar-toolbar"
@@ -859,6 +861,7 @@ exports[`ObjectPage with anchor-bar 1`] = `
     >
       <section
         class="DynamicPageAnchorBar-anchorBarActionButton"
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       >
         <ui5-button
@@ -1848,6 +1851,7 @@ exports[`ObjectPage with img 1`] = `
     >
       <div
         class="CollapsedAvatar-base CollapsedAvatar-visible"
+        data-component-name="ObjectPageCollapsedAvatar"
         style="padding-right: 1rem;"
       >
         <span
@@ -1875,6 +1879,7 @@ exports[`ObjectPage with img 1`] = `
           >
             <div
               class="DynamicPageTitle-content"
+              data-component-name="DynamicPageTitleContent"
               style="padding-left: 0.5rem;"
             >
               HeaderTitle
@@ -1882,6 +1887,7 @@ exports[`ObjectPage with img 1`] = `
           </div>
           <div
             class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+            data-component-name="DynamicPageTitleActions"
           >
             <div
               class="Toolbar-toolbar"
@@ -1926,6 +1932,7 @@ exports[`ObjectPage with img 1`] = `
       style="top: 5px;"
     >
       <section
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       />
     </div>
@@ -2257,6 +2264,7 @@ exports[`ObjectPage with img 2`] = `
     >
       <div
         class="CollapsedAvatar-base CollapsedAvatar-visible"
+        data-component-name="ObjectPageCollapsedAvatar"
         style="padding-right: 1rem;"
       >
         <ui5-avatar
@@ -2281,6 +2289,7 @@ exports[`ObjectPage with img 2`] = `
           >
             <div
               class="DynamicPageTitle-content"
+              data-component-name="DynamicPageTitleContent"
               style="padding-left: 0.5rem;"
             >
               HeaderTitle
@@ -2288,6 +2297,7 @@ exports[`ObjectPage with img 2`] = `
           </div>
           <div
             class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+            data-component-name="DynamicPageTitleActions"
           >
             <div
               class="Toolbar-toolbar"
@@ -2329,6 +2339,7 @@ exports[`ObjectPage with img 2`] = `
       style="top: 5px;"
     >
       <section
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       />
     </div>
@@ -2672,6 +2683,7 @@ exports[`ObjectPage with title 1`] = `
           >
             <div
               class="DynamicPageTitle-content"
+              data-component-name="DynamicPageTitleContent"
               style="padding-left: 0.5rem;"
             >
               HeaderTitle
@@ -2679,6 +2691,7 @@ exports[`ObjectPage with title 1`] = `
           </div>
           <div
             class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+            data-component-name="DynamicPageTitleActions"
           >
             <div
               class="Toolbar-toolbar"
@@ -3013,6 +3026,7 @@ exports[`ObjectPage with title, header & footer 1`] = `
           >
             <div
               class="DynamicPageTitle-content"
+              data-component-name="DynamicPageTitleContent"
               style="padding-left: 0.5rem;"
             >
               HeaderTitle
@@ -3020,6 +3034,7 @@ exports[`ObjectPage with title, header & footer 1`] = `
           </div>
           <div
             class="Toolbar-outerContainer Toolbar-clear Toolbar-active DynamicPageTitle-toolbar"
+            data-component-name="DynamicPageTitleActions"
           >
             <div
               class="Toolbar-toolbar"
@@ -3054,6 +3069,7 @@ exports[`ObjectPage with title, header & footer 1`] = `
       style="top: 5px;"
     >
       <section
+        data-component-name="DynamicPageAnchorBar"
         role="navigation"
       />
     </div>