fix: analytics metadata

Author: georgylobko

src/app-layout/visual-refresh-toolbar/skeleton/index.tsx

@@ -4,7 +4,9 @@ import React from 'react';
 import clsx from 'clsx';
 
 import { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';
+import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 
+import { GeneratedAnalyticsMetadataAppLayoutToolbarComponent } from '../../../app-layout-toolbar/analytics-metadata/interfaces';
 import ScreenreaderOnly from '../../../internal/components/screenreader-only';
 import VisualContext from '../../../internal/components/visual-context';
 import { fireNonCancelableEvent } from '../../../internal/events';
@@ -46,6 +48,14 @@ export interface RootSkeletonLayoutProps extends SkeletonLayoutProps {
   skeletonSlotsAttributes: SkeletonSlotsAttributes | null;
 }
 
+const componentAnalyticsMetadata: GeneratedAnalyticsMetadataAppLayoutToolbarComponent = {
+  name: 'awsui.AppLayoutToolbar',
+  label: {
+    selector: 'h1',
+    root: 'body',
+  },
+};
+
 export const SkeletonLayout = (props: RootSkeletonLayoutProps) => {
   const { appLayoutProps, appLayoutState, skeletonSlotsAttributes } = props;
   const {
@@ -158,6 +168,7 @@ export const SkeletonLayout = (props: RootSkeletonLayoutProps) => {
       {!hasToolbar && breadcrumbs ? <ScreenreaderOnly>{breadcrumbs}</ScreenreaderOnly> : null}
       <VisualContext contextName="app-layout-toolbar">
         <div
+          {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}
           data-awsui-app-layout-widget-loaded={false}
           {...wrapperElAttributes}
           className={wrapperElAttributes?.className ?? clsx(styles.root, testutilStyles.root)}