From 115998cec367240b989dd7a19a30792f5bde3070 Mon Sep 17 00:00:00 2001
From: Esteban Beltran <esteban.beltran@elastic.co>
Date: Wed, 2 Mar 2022 12:05:47 +0100
Subject: [PATCH] Add test cases for the toast content

---
 .../public/common/use_cases_toast.test.tsx    | 72 ++++++++++++++-----
 .../cases/public/common/use_cases_toast.tsx   |  2 +-
 2 files changed, 57 insertions(+), 17 deletions(-)

diff --git a/x-pack/plugins/cases/public/common/use_cases_toast.test.tsx b/x-pack/plugins/cases/public/common/use_cases_toast.test.tsx
index b6eb478ee46e6d..9bd6a6675a5c16 100644
--- a/x-pack/plugins/cases/public/common/use_cases_toast.test.tsx
+++ b/x-pack/plugins/cases/public/common/use_cases_toast.test.tsx
@@ -7,29 +7,69 @@
 
 import { renderHook } from '@testing-library/react-hooks';
 import { useToasts } from '../common/lib/kibana';
-import { TestProviders } from '../common/mock';
-import { useCasesToast } from './use_cases_toast';
+import { AppMockRenderer, createAppMockRenderer, TestProviders } from '../common/mock';
+import { CaseToastSuccessContent, useCasesToast } from './use_cases_toast';
 import { mockCase } from '../containers/mock';
+import React from 'react';
+import userEvent from '@testing-library/user-event';
 
 jest.mock('../common/lib/kibana');
 
 const useToastsMock = useToasts as jest.Mock;
 
 describe('Use cases toast hook', () => {
-  const successMock = jest.fn();
-  useToastsMock.mockImplementation(() => {
-    return {
-      addSuccess: successMock,
-    };
+  describe('Toast hook', () => {
+    const successMock = jest.fn();
+    useToastsMock.mockImplementation(() => {
+      return {
+        addSuccess: successMock,
+      };
+    });
+    it('should create a success tost when invoked with a case', () => {
+      const { result } = renderHook(
+        () => {
+          return useCasesToast();
+        },
+        { wrapper: TestProviders }
+      );
+      result.current.showSuccessAttach(mockCase);
+      expect(successMock).toHaveBeenCalled();
+    });
   });
-  it('should create a success tost when invoked with a case', () => {
-    const { result } = renderHook(
-      () => {
-        return useCasesToast();
-      },
-      { wrapper: TestProviders }
-    );
-    result.current.showSuccessAttach(mockCase);
-    expect(successMock).toHaveBeenCalled();
+  describe('Toast content', () => {
+    let appMockRender: AppMockRenderer;
+    const onViewCaseClick = jest.fn();
+    beforeEach(() => {
+      appMockRender = createAppMockRenderer();
+      onViewCaseClick.mockReset();
+    });
+
+    it('renders a correct successfull message with synced alerts', () => {
+      const result = appMockRender.render(
+        <CaseToastSuccessContent syncAlerts={true} onViewCaseClick={onViewCaseClick} />
+      );
+      expect(result.getByTestId('toaster-content-sync-text')).toHaveTextContent(
+        'Alerts in this case have their status synched with the case status'
+      );
+      expect(result.getByTestId('toaster-content-case-view-link')).toHaveTextContent('View Case');
+      expect(onViewCaseClick).not.toHaveBeenCalled();
+    });
+
+    it('renders a correct successfull message with not synced alerts', () => {
+      const result = appMockRender.render(
+        <CaseToastSuccessContent syncAlerts={false} onViewCaseClick={onViewCaseClick} />
+      );
+      expect(result.queryByTestId('toaster-content-sync-text')).toBeFalsy();
+      expect(result.getByTestId('toaster-content-case-view-link')).toHaveTextContent('View Case');
+      expect(onViewCaseClick).not.toHaveBeenCalled();
+    });
+
+    it('Calls the onViewCaseClick when clicked', () => {
+      const result = appMockRender.render(
+        <CaseToastSuccessContent syncAlerts={false} onViewCaseClick={onViewCaseClick} />
+      );
+      userEvent.click(result.getByTestId('toaster-content-case-view-link'));
+      expect(onViewCaseClick).toHaveBeenCalled();
+    });
   });
 });
diff --git a/x-pack/plugins/cases/public/common/use_cases_toast.tsx b/x-pack/plugins/cases/public/common/use_cases_toast.tsx
index 37fa1322b013fd..98cc7fa1d8faa0 100644
--- a/x-pack/plugins/cases/public/common/use_cases_toast.tsx
+++ b/x-pack/plugins/cases/public/common/use_cases_toast.tsx
@@ -54,7 +54,7 @@ export const useCasesToast = () => {
     },
   };
 };
-const CaseToastSuccessContent = ({
+export const CaseToastSuccessContent = ({
   syncAlerts,
   onViewCaseClick,
 }: {