[Alerting] License Errors on Alert List View

x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_list/components/alerts_list.test.tsx

@@ -125,116 +125,148 @@ describe('alerts_list component empty', () => {
 
     wrapper.find('button[data-test-subj="createFirstAlertButton"]').simulate('click');
 
-    // When the AlertAdd component is rendered, it waits for the healthcheck to resolve
-    await new Promise((resolve) => {
-      setTimeout(resolve, 1000);
+    await act(async () => {
+      // When the AlertAdd component is rendered, it waits for the healthcheck to resolve
+      await new Promise((resolve) => {
+        setTimeout(resolve, 1000);
+      });
+
+      await nextTick();
+      wrapper.update();
     });
-    wrapper.update();
+
     expect(wrapper.find('AlertAdd').exists()).toEqual(true);
   });
 });
 
 describe('alerts_list component with items', () => {
   let wrapper: ReactWrapper<any>;
 
+  const mockedAlertsData = [
+    {
+      id: '1',
+      name: 'test alert',
+      tags: ['tag1'],
+      enabled: true,
+      alertTypeId: 'test_alert_type',
+      schedule: { interval: '5d' },
+      actions: [],
+      params: { name: 'test alert type name' },
+      scheduledTaskId: null,
+      createdBy: null,
+      updatedBy: null,
+      apiKeyOwner: null,
+      throttle: '1m',
+      muteAll: false,
+      mutedInstanceIds: [],
+      executionStatus: {
+        status: 'active',
+        lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
+        error: null,
+      },
+    },
+    {
+      id: '2',
+      name: 'test alert ok',
+      tags: ['tag1'],
+      enabled: true,
+      alertTypeId: 'test_alert_type',
+      schedule: { interval: '5d' },
+      actions: [],
+      params: { name: 'test alert type name' },
+      scheduledTaskId: null,
+      createdBy: null,
+      updatedBy: null,
+      apiKeyOwner: null,
+      throttle: '1m',
+      muteAll: false,
+      mutedInstanceIds: [],
+      executionStatus: {
+        status: 'ok',
+        lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
+        error: null,
+      },
+    },
+    {
+      id: '3',
+      name: 'test alert pending',
+      tags: ['tag1'],
+      enabled: true,
+      alertTypeId: 'test_alert_type',
+      schedule: { interval: '5d' },
+      actions: [],
+      params: { name: 'test alert type name' },
+      scheduledTaskId: null,
+      createdBy: null,
+      updatedBy: null,
+      apiKeyOwner: null,
+      throttle: '1m',
+      muteAll: false,
+      mutedInstanceIds: [],
+      executionStatus: {
+        status: 'pending',
+        lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
+        error: null,
+      },
+    },
+    {
+      id: '4',
+      name: 'test alert error',
+      tags: ['tag1'],
+      enabled: true,
+      alertTypeId: 'test_alert_type',
+      schedule: { interval: '5d' },
+      actions: [{ id: 'test', group: 'alert', params: { message: 'test' } }],
+      params: { name: 'test alert type name' },
+      scheduledTaskId: null,
+      createdBy: null,
+      updatedBy: null,
+      apiKeyOwner: null,
+      throttle: '1m',
+      muteAll: false,
+      mutedInstanceIds: [],
+      executionStatus: {
+        status: 'error',
+        lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
+        error: {
+          reason: AlertExecutionStatusErrorReasons.Unknown,
+          message: 'test',
+        },
+      },
+    },
+    {
+      id: '5',
+      name: 'test alert license error',
+      tags: ['tag1'],
+      enabled: true,
+      alertTypeId: 'test_alert_type',
+      schedule: { interval: '5d' },
+      actions: [{ id: 'test', group: 'alert', params: { message: 'test' } }],
+      params: { name: 'test alert type name' },
+      scheduledTaskId: null,
+      createdBy: null,
+      updatedBy: null,
+      apiKeyOwner: null,
+      throttle: '1m',
+      muteAll: false,
+      mutedInstanceIds: [],
+      executionStatus: {
+        status: 'error',
+        lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
+        error: {
+          reason: AlertExecutionStatusErrorReasons.License,
+          message: 'test',
+        },
+      },
+    },
+  ];
+
   async function setup() {
     loadAlerts.mockResolvedValue({
       page: 1,
       perPage: 10000,
       total: 4,
-      data: [
-        {
-          id: '1',
-          name: 'test alert',
-          tags: ['tag1'],
-          enabled: true,
-          alertTypeId: 'test_alert_type',
-          schedule: { interval: '5d' },
-          actions: [],
-          params: { name: 'test alert type name' },
-          scheduledTaskId: null,
-          createdBy: null,
-          updatedBy: null,
-          apiKeyOwner: null,
-          throttle: '1m',
-          muteAll: false,
-          mutedInstanceIds: [],
-          executionStatus: {
-            status: 'active',
-            lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
-            error: null,
-          },
-        },
-        {
-          id: '2',
-          name: 'test alert ok',
-          tags: ['tag1'],
-          enabled: true,
-          alertTypeId: 'test_alert_type',
-          schedule: { interval: '5d' },
-          actions: [],
-          params: { name: 'test alert type name' },
-          scheduledTaskId: null,
-          createdBy: null,
-          updatedBy: null,
-          apiKeyOwner: null,
-          throttle: '1m',
-          muteAll: false,
-          mutedInstanceIds: [],
-          executionStatus: {
-            status: 'ok',
-            lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
-            error: null,
-          },
-        },
-        {
-          id: '3',
-          name: 'test alert pending',
-          tags: ['tag1'],
-          enabled: true,
-          alertTypeId: 'test_alert_type',
-          schedule: { interval: '5d' },
-          actions: [],
-          params: { name: 'test alert type name' },
-          scheduledTaskId: null,
-          createdBy: null,
-          updatedBy: null,
-          apiKeyOwner: null,
-          throttle: '1m',
-          muteAll: false,
-          mutedInstanceIds: [],
-          executionStatus: {
-            status: 'pending',
-            lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
-            error: null,
-          },
-        },
-        {
-          id: '4',
-          name: 'test alert error',
-          tags: ['tag1'],
-          enabled: true,
-          alertTypeId: 'test_alert_type',
-          schedule: { interval: '5d' },
-          actions: [{ id: 'test', group: 'alert', params: { message: 'test' } }],
-          params: { name: 'test alert type name' },
-          scheduledTaskId: null,
-          createdBy: null,
-          updatedBy: null,
-          apiKeyOwner: null,
-          throttle: '1m',
-          muteAll: false,
-          mutedInstanceIds: [],
-          executionStatus: {
-            status: 'error',
-            lastExecutionDate: new Date('2020-08-20T19:23:38Z'),
-            error: {
-              reason: AlertExecutionStatusErrorReasons.Unknown,
-              message: 'test',
-            },
-          },
-        },
-      ],
+      data: mockedAlertsData,
     });
     loadActionTypes.mockResolvedValue([
       {
@@ -269,21 +301,66 @@ describe('alerts_list component with items', () => {
   it('renders table of alerts', async () => {
     await setup();
     expect(wrapper.find('EuiBasicTable')).toHaveLength(1);
-    expect(wrapper.find('EuiTableRow')).toHaveLength(4);
-    expect(wrapper.find('[data-test-subj="alertsTableCell-status"]').length).toBeGreaterThan(0);
-    expect(wrapper.find('[data-test-subj="alertStatus-active"]').length).toBeGreaterThan(0);
-    expect(wrapper.find('[data-test-subj="alertStatus-error"]').length).toBeGreaterThan(0);
-    expect(wrapper.find('[data-test-subj="alertStatus-ok"]').length).toBeGreaterThan(0);
-    expect(wrapper.find('[data-test-subj="alertStatus-pending"]').length).toBeGreaterThan(0);
-    expect(wrapper.find('[data-test-subj="alertStatus-unknown"]').length).toBe(0);
+    expect(wrapper.find('EuiTableRow')).toHaveLength(mockedAlertsData.length);
+    expect(wrapper.find('EuiTableRowCell[data-test-subj="alertsTableCell-status"]').length).toEqual(
+      mockedAlertsData.length
+    );
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-active"]').length).toEqual(1);
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-ok"]').length).toEqual(1);
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-pending"]').length).toEqual(1);
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-unknown"]').length).toEqual(0);
+
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-error"]').length).toEqual(2);
+    expect(wrapper.find('[data-test-subj="alertStatus-error-tooltip"]').length).toEqual(2);
+    expect(
+      wrapper.find('EuiButtonEmpty[data-test-subj="alertStatus-error-license-fix"]').length
+    ).toEqual(1);
+
     expect(wrapper.find('[data-test-subj="refreshAlertsButton"]').exists()).toBeTruthy();
+
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-error"]').first().text()).toEqual(
+      'Error'
+    );
+    expect(wrapper.find('EuiHealth[data-test-subj="alertStatus-error"]').last().text()).toEqual(
+      'License Error'
+    );
   });
 
   it('loads alerts when refresh button is clicked', async () => {
     await setup();
     wrapper.find('[data-test-subj="refreshAlertsButton"]').first().simulate('click');
+
+    await act(async () => {
+      await nextTick();
+      wrapper.update();
+    });
+
     expect(loadAlerts).toHaveBeenCalled();
   });
+
+  it('renders license errors and manage license modal on click', async () => {
+    global.open = jest.fn();
+    await setup();
+    expect(wrapper.find('ManageLicenseModal').exists()).toBeFalsy();
+    expect(
+      wrapper.find('EuiButtonEmpty[data-test-subj="alertStatus-error-license-fix"]').length
+    ).toEqual(1);
+    wrapper
+      .find('EuiButtonEmpty[data-test-subj="alertStatus-error-license-fix"]')
+      .simulate('click');
+
+    await act(async () => {
+      await nextTick();
+      wrapper.update();
+    });
+
+    expect(wrapper.find('ManageLicenseModal').exists()).toBeTruthy();
+    expect(wrapper.find('EuiButton[data-test-subj="confirmModalConfirmButton"]').text()).toEqual(
+      'Manage license'
+    );
+    wrapper.find('EuiButton[data-test-subj="confirmModalConfirmButton"]').simulate('click');
+    expect(global.open).toHaveBeenCalled();
+  });
 });
 
 describe('alerts_list component empty with show only capability', () => {
@@ -306,7 +383,9 @@ describe('alerts_list component empty with show only capability', () => {
         name: 'Test2',
       },
     ]);
-    loadAlertTypes.mockResolvedValue([{ id: 'test_alert_type', name: 'some alert type' }]);
+    loadAlertTypes.mockResolvedValue([
+      { id: 'test_alert_type', name: 'some alert type', authorizedConsumers: {} },
+    ]);
     loadAllActions.mockResolvedValue([]);
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useKibanaMock().services.alertTypeRegistry = alertTypeRegistry;