diff --git a/src/components/NotificationsDrawer/DrawerPanelContent.test.tsx b/src/components/NotificationsDrawer/DrawerPanelContent.test.tsx index 8fa34f9398..97099adb79 100644 --- a/src/components/NotificationsDrawer/DrawerPanelContent.test.tsx +++ b/src/components/NotificationsDrawer/DrawerPanelContent.test.tsx @@ -132,6 +132,7 @@ describe('Drawer panel functionality', () => { fireEvent.click(filterMenuItems[2]); const filteredNotification = renderedResult.getAllByRole('listitem'); + expect(filteredNotification.length === 1); }); }); diff --git a/src/components/NotificationsDrawer/DrawerPanelContent.tsx b/src/components/NotificationsDrawer/DrawerPanelContent.tsx index bdf629598e..936fddaadc 100644 --- a/src/components/NotificationsDrawer/DrawerPanelContent.tsx +++ b/src/components/NotificationsDrawer/DrawerPanelContent.tsx @@ -189,6 +189,7 @@ const DrawerPanelBase = ({ innerRef }: DrawerPanelProps) => { onClick={() => setIsFilterDropdownOpen(!isFilterDropdownOpen)} id="notifications-filter-toggle" variant="plain" + aria-label="Notifications filter" > @@ -199,7 +200,6 @@ const DrawerPanelBase = ({ innerRef }: DrawerPanelProps) => { position: PopoverPosition.right, }} id="notifications-filter-dropdown" - aria-label="Notifications filter" > {filterDropdownItems()} @@ -210,6 +210,7 @@ const DrawerPanelBase = ({ innerRef }: DrawerPanelProps) => { onClick={() => setIsDropdownOpen(!isDropdownOpen)} variant="plain" id="notifications-actions-toggle" + aria-label="Notifications actions dropdown" isFullWidth > diff --git a/src/components/NotificationsDrawer/NotificationItem.tsx b/src/components/NotificationsDrawer/NotificationItem.tsx index dabf6fbd4c..9a2dc35852 100644 --- a/src/components/NotificationsDrawer/NotificationItem.tsx +++ b/src/components/NotificationsDrawer/NotificationItem.tsx @@ -38,7 +38,7 @@ const NotificationItem: React.FC = ({ notification, onNav return ( - +