diff --git a/packages/core-components/src/layout/ErrorPage/ErrorPage.test.tsx b/packages/core-components/src/layout/ErrorPage/ErrorPage.test.tsx
index a314128bce..12ac0927ed 100644
--- a/packages/core-components/src/layout/ErrorPage/ErrorPage.test.tsx
+++ b/packages/core-components/src/layout/ErrorPage/ErrorPage.test.tsx
@@ -16,6 +16,7 @@
import React from 'react';
import { ErrorPage } from './ErrorPage';
+import { Link } from '../../components/Link';
import { renderInTestApp } from '@backstage/test-utils';
describe('', () => {
@@ -30,4 +31,15 @@ describe('', () => {
).toBeInTheDocument();
expect(getByTestId('go-back-link')).toBeInTheDocument();
});
+
+ it('should render with additional information including link', async () => {
+ const { getByText } = await renderInTestApp(
+ This is some additional information including a link>} />,
+ );
+ expect(
+ getByText(/looks like someone dropped the mic!/i),
+ ).toBeInTheDocument();
+ expect(getByText(/a link/i)).toBeInTheDocument();
+ expect(getByText(/a link/i)).toHaveAttribute('href', '/test');
+ });
});
diff --git a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
index 08c002d849..b8e0193bcf 100644
--- a/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
+++ b/packages/core-components/src/layout/ErrorPage/ErrorPage.tsx
@@ -27,7 +27,7 @@ import { MicDrop } from './MicDrop';
interface IErrorPageProps {
status: string;
statusMessage: string;
- additionalInfo?: string;
+ additionalInfo?: string | JSX.Element;
}
/** @public */