diff --git a/packages/grafana-e2e-selectors/src/selectors/components.ts b/packages/grafana-e2e-selectors/src/selectors/components.ts index 072e2a3985f..50ecaebd831 100644 --- a/packages/grafana-e2e-selectors/src/selectors/components.ts +++ b/packages/grafana-e2e-selectors/src/selectors/components.ts @@ -247,6 +247,9 @@ export const Components = { button: 'Reporting', }, }, + NavMenu: { + item: 'data-testid Nav menu item', + }, NavToolbar: { container: 'data-testid Nav toolbar', }, diff --git a/public/app/core/components/MegaMenu/NavBarMenuItem.tsx b/public/app/core/components/MegaMenu/NavBarMenuItem.tsx index c3dbe7b08b0..e7bf36f5fd8 100644 --- a/public/app/core/components/MegaMenu/NavBarMenuItem.tsx +++ b/public/app/core/components/MegaMenu/NavBarMenuItem.tsx @@ -2,6 +2,7 @@ import { css, cx } from '@emotion/css'; import React from 'react'; import { GrafanaTheme2 } from '@grafana/data'; +import { selectors } from '@grafana/e2e-selectors'; import { Icon, IconName, Link, useTheme2 } from '@grafana/ui'; export interface Props { @@ -31,7 +32,11 @@ export function NavBarMenuItem({ children, icon, isActive, isChild, onClick, tar ); let element = ( - ); @@ -39,11 +44,23 @@ export function NavBarMenuItem({ children, icon, isActive, isChild, onClick, tar if (url) { element = !target && url.startsWith('/') ? ( - + {linkContent} ) : ( - + {linkContent} );