Improvement/info message link text

src/lib/components/infomessage/InfoMessage.component.tsx

@@ -8,6 +8,7 @@ type Props = {
   title: string | React.ReactNode;
   content: React.ReactNode;
   link?: string;
+  linkText?: string;
 };
 
 const InfoMessageContainer = styled.div`
@@ -20,7 +21,7 @@ const InfoMessageContainer = styled.div`
   color: white;
 `;
 
-export const InfoMessage = ({ title, content, link }: Props) => {
+export const InfoMessage = ({ title, content, link, linkText }: Props) => {
   const { containerRef, backgroundColor } = useComputeBackgroundColor();
   const theme = useTheme();
 
@@ -38,7 +39,7 @@ export const InfoMessage = ({ title, content, link }: Props) => {
       </Text>
       {link && (
         <Link href={link} target="_blank" style={{ alignSelf: 'flex-end' }}>
-          More info <Icon name="External-link"></Icon>
+          {linkText || 'More info'} <Icon name="External-link"></Icon>
         </Link>
       )}
     </InfoMessageContainer>

src/lib/components/infomessage/InfoMessageUtils.test.tsx

@@ -1,8 +1,66 @@
+import React from 'react';
 import '@testing-library/jest-dom';
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { coreUIAvailableThemes } from '../../style/theme';
 import { CoreUiThemeProvider } from '../coreuithemeprovider/CoreUiThemeProvider';
 import { useComputeBackgroundColor } from './InfoMessageUtils';
+import { InfoMessage } from './InfoMessage.component';
+import { getWrapper } from '../../testUtils';
+
+describe('InfoMessage', () => {
+  const selectors = {
+    title: () => screen.getByText('Title'),
+    content: () => screen.getByText('Content'),
+    defaultLinkText: () => screen.getByText('More info'),
+    link: () => screen.getByRole('link'),
+    linkText: () => screen.getByText('Link text'),
+  };
+  it('should render', () => {
+    const { Wrapper } = getWrapper();
+    render(<InfoMessage title="Title" content="Content" />, {
+      wrapper: Wrapper,
+    });
+    expect(selectors.title()).toBeInTheDocument();
+    expect(selectors.content()).toBeInTheDocument();
+  });
+  it('should render with link and default link text', () => {
+    const { Wrapper } = getWrapper();
+    render(
+      <InfoMessage
+        title="Title"
+        content="Content"
+        link="https://www.google.com"
+      />,
+      {
+        wrapper: Wrapper,
+      },
+    );
+    expect(selectors.title()).toBeInTheDocument();
+    expect(selectors.content()).toBeInTheDocument();
+    expect(selectors.link()).toBeInTheDocument();
+    expect(selectors.defaultLinkText()).toBeInTheDocument();
+    expect(selectors.link()).toHaveAttribute('href', 'https://www.google.com');
+  });
+  it('should render with correct link text', () => {
+    const { Wrapper } = getWrapper();
+    render(
+      <InfoMessage
+        title="Title"
+        content="Content"
+        link="https://www.google.com"
+        linkText="Link text"
+      />,
+      {
+        wrapper: Wrapper,
+      },
+    );
+    expect(selectors.title()).toBeInTheDocument();
+    expect(selectors.content()).toBeInTheDocument();
+    expect(selectors.link()).toBeInTheDocument();
+    expect(selectors.linkText()).toBeInTheDocument();
+    expect(selectors.link()).toHaveAttribute('href', 'https://www.google.com');
+  });
+});
 
 describe('useComputeBackgroundColor', () => {
   const SUT = jest.fn();