fix: fix storybook pages tests coverage (#5319)

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx

@@ -0,0 +1,47 @@
+import { useParams } from 'react-router-dom';
+import { useRecoilValue } from 'recoil';
+import { useIcons } from 'twenty-ui';
+
+import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
+import { recordIndexViewTypeState } from '@/object-record/record-index/states/recordIndexViewTypeState';
+import { PageAddButton } from '@/ui/layout/page/PageAddButton';
+import { PageHeader } from '@/ui/layout/page/PageHeader';
+import { PageHotkeysEffect } from '@/ui/layout/page/PageHotkeysEffect';
+import { ViewType } from '@/views/types/ViewType';
+import { capitalize } from '~/utils/string/capitalize';
+
+type RecordIndexPageHeaderProps = {
+  createRecord: () => void;
+};
+
+export const RecordIndexPageHeader = ({
+  createRecord,
+}: RecordIndexPageHeaderProps) => {
+  const objectNamePlural = useParams().objectNamePlural ?? '';
+
+  const { findObjectMetadataItemByNamePlural } =
+    useFilteredObjectMetadataItems();
+
+  const objectMetadataItem =
+    findObjectMetadataItemByNamePlural(objectNamePlural);
+
+  const { getIcon } = useIcons();
+  const Icon = getIcon(
+    findObjectMetadataItemByNamePlural(objectNamePlural)?.icon,
+  );
+
+  const recordIndexViewType = useRecoilValue(recordIndexViewTypeState);
+
+  const canAddRecord =
+    recordIndexViewType === ViewType.Table && !objectMetadataItem?.isRemote;
+
+  const pageHeaderTitle =
+    objectMetadataItem?.labelPlural ?? capitalize(objectNamePlural);
+
+  return (
+    <PageHeader title={pageHeaderTitle} Icon={Icon}>
+      <PageHotkeysEffect onAddButtonClick={createRecord} />
+      {canAddRecord && <PageAddButton onClick={createRecord} />}
+    </PageHeader>
+  );
+};

packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectFieldActiveActionDropdown.tsx

@@ -51,7 +51,11 @@ export const SettingsObjectFieldActiveActionDropdown = ({
     <Dropdown
       dropdownId={dropdownId}
       clickableComponent={
-        <LightIconButton Icon={IconDotsVertical} accent="tertiary" />
+        <LightIconButton
+          aria-label="Active Field Options"
+          Icon={IconDotsVertical}
+          accent="tertiary"
+        />
       }
       dropdownComponents={
         <DropdownMenu width="160px">

packages/twenty-front/src/modules/settings/data-model/object-details/components/SettingsObjectSummaryCard.tsx

@@ -67,7 +67,11 @@ export const SettingsObjectSummaryCard = ({
           <Dropdown
             dropdownId={dropdownId}
             clickableComponent={
-              <LightIconButton Icon={IconDotsVertical} accent="tertiary" />
+              <LightIconButton
+                aria-label="Object Options"
+                Icon={IconDotsVertical}
+                accent="tertiary"
+              />
             }
             dropdownComponents={
               <DropdownMenu width="160px">