diff --git a/packages/grafana-e2e-selectors/src/selectors/pages.ts b/packages/grafana-e2e-selectors/src/selectors/pages.ts
index cf0f9b53f2c..cd6189821e6 100644
--- a/packages/grafana-e2e-selectors/src/selectors/pages.ts
+++ b/packages/grafana-e2e-selectors/src/selectors/pages.ts
@@ -275,7 +275,7 @@ export const Pages = {
PlaylistForm: {
name: 'Playlist name',
interval: 'Playlist interval',
- itemDelete: 'Delete playlist item',
+ itemDelete: 'data-testid playlist-form-delete-item',
},
BrowseDashboards: {
table: {
diff --git a/public/app/features/playlist/PlaylistEditPage.tsx b/public/app/features/playlist/PlaylistEditPage.tsx
index 87081223d53..d827db88755 100644
--- a/public/app/features/playlist/PlaylistEditPage.tsx
+++ b/public/app/features/playlist/PlaylistEditPage.tsx
@@ -4,6 +4,7 @@ import { useAsync } from 'react-use';
import { NavModelItem } from '@grafana/data';
import { locationService } from '@grafana/runtime';
import { Page } from 'app/core/components/Page/Page';
+import { t, Trans } from 'app/core/internationalization';
import { GrafanaRouteComponentProps } from 'app/core/navigation/types';
import { PlaylistForm } from './PlaylistForm';
@@ -25,16 +26,22 @@ export const PlaylistEditPage = ({ match }: Props) => {
};
const pageNav: NavModelItem = {
- text: 'Edit playlist',
- subTitle:
- 'A playlist rotates through a pre-selected list of dashboards. A playlist can be a great way to build situational awareness, or just show off your metrics to your team or visitors.',
+ text: t('playlist-edit.title', 'Edit playlist'),
+ subTitle: t(
+ 'playlist-edit.sub-title',
+ 'A playlist rotates through a pre-selected list of dashboards. A playlist can be a great way to build situational awareness, or just show off your metrics to your team or visitors.'
+ ),
};
return (
- {playlist.error &&