diff --git a/packages/grafana-e2e-selectors/src/selectors/components.ts b/packages/grafana-e2e-selectors/src/selectors/components.ts index b84d081e84a..9f816dcd695 100644 --- a/packages/grafana-e2e-selectors/src/selectors/components.ts +++ b/packages/grafana-e2e-selectors/src/selectors/components.ts @@ -881,6 +881,7 @@ export const versionedComponents = { Select: { menu: { '11.4.0': 'data-testid Select menu', + [MIN_GRAFANA_VERSION]: 'Select options menu', }, option: { '11.1.0': 'data-testid Select option', @@ -1234,6 +1235,11 @@ export const versionedComponents = { '11.2.0': 'data-testid entity-not-found', }, }, + Portal: { + container: { + '11.4.1': 'data-testid portal-container', + }, + }, } satisfies VersionedSelectorGroup; export type VersionedComponents = typeof versionedComponents; diff --git a/packages/grafana-ui/src/components/Portal/Portal.tsx b/packages/grafana-ui/src/components/Portal/Portal.tsx index 67cf3caf5d4..4cc232e331a 100644 --- a/packages/grafana-ui/src/components/Portal/Portal.tsx +++ b/packages/grafana-ui/src/components/Portal/Portal.tsx @@ -4,6 +4,7 @@ import * as React from 'react'; import ReactDOM from 'react-dom'; import { GrafanaTheme2 } from '@grafana/data'; +import { selectors } from '@grafana/e2e-selectors'; import { useStyles2, useTheme2 } from '../../themes'; @@ -51,7 +52,13 @@ export function getPortalContainer() { /** @internal */ export function PortalContainer() { const styles = useStyles2(getStyles); - return
; + return ( + + ); } const getStyles = (theme: GrafanaTheme2) => {