test for list page to ensure delete modal is shown

elastic · May 11, 2021 · a9e70cb · a9e70cb
1 parent b52ba9a
commit a9e70cb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/...ution/public/management/pages/event_filters/view/components/event_filter_delete_modal.tsx b/...ution/public/management/pages/event_filters/view/components/event_filter_delete_modal.tsx
@@ -56,7 +56,7 @@ export const EventFilterDeleteModal = memo<{}>(() => {
 
   return (
     <EuiModal onClose={onCancel}>
-      <EuiModalHeader>
+      <EuiModalHeader data-test-subj="eventFilterDeleteModalHeader">
         <EuiModalHeaderTitle>
           <FormattedMessage
             id="xpack.securitySolution.eventFilters.deletionDialog.title"

diff --git a/...rity_solution/public/management/pages/event_filters/view/event_filters_list_page.test.tsx b/...rity_solution/public/management/pages/event_filters/view/event_filters_list_page.test.tsx
@@ -140,5 +140,17 @@ describe('When on the Event Filters List Page', () => {
 
       expect(renderResult.getByTestId('eventFiltersContent-error').textContent).toEqual(' oh no');
     });
+
+    it('should show modal when delete is clicked on a card', async () => {
+      render();
+      await dataReceived();
+      act(() => {
+        fireEvent.click(renderResult.getByTestId('exceptionsViewerDeleteBtn'));
+      });
+
+      expect(
+        renderResult.baseElement.querySelector('[data-test-subj="eventFilterDeleteModalHeader"]')
+      ).not.toBeNull();
+    });
   });
 });