diff --git a/web/app/components/plugins/plugin-page/__tests__/debug-info.spec.tsx b/web/app/components/plugins/plugin-page/__tests__/debug-info.spec.tsx index 12dbb4430bb6c9..73f709cf84a703 100644 --- a/web/app/components/plugins/plugin-page/__tests__/debug-info.spec.tsx +++ b/web/app/components/plugins/plugin-page/__tests__/debug-info.spec.tsx @@ -49,7 +49,7 @@ describe('DebugInfo', () => { it('renders a disabled trigger when debug info is unavailable', () => { render() - const trigger = screen.getByRole('button') + const trigger = screen.getByRole('button', { name: 'plugin.debugInfo.title' }) expect(trigger).toBeDisabled() }) @@ -63,7 +63,7 @@ describe('DebugInfo', () => { const user = userEvent.setup() render() - const trigger = screen.getByRole('button') + const trigger = screen.getByRole('button', { name: 'plugin.debugInfo.title' }) expect(trigger).toBeEnabled() // Popover is closed initially — content not rendered yet diff --git a/web/app/components/plugins/plugin-page/debug-info.tsx b/web/app/components/plugins/plugin-page/debug-info.tsx index 3d12f3c314a9b3..92ec3fb11bd6f5 100644 --- a/web/app/components/plugins/plugin-page/debug-info.tsx +++ b/web/app/components/plugins/plugin-page/debug-info.tsx @@ -29,6 +29,7 @@ function DebugInfo({ const { t } = useTranslation() const docLink = useDocLink() const { data: info, isLoading } = useDebugKey() + const title = t(($) => $[`${i18nPrefix}.title`], { ns: 'plugin' }) const trigger = triggerContent ?? const triggerClassNames = cn( !triggerClassName && 'size-full p-2 text-components-button-secondary-text', @@ -42,7 +43,7 @@ function DebugInfo({ if (!info) { return ( - ) @@ -52,7 +53,7 @@ function DebugInfo({ + } @@ -62,7 +63,7 @@ function DebugInfo({ popupClassName="border-0 bg-transparent p-0 shadow-none" > $[`${i18nPrefix}.title`], { ns: 'plugin' })} + title={title} footer={