Unit Tests for new o11y rules page

x-pack/plugins/observability/public/hooks/use_fetch_rules.ts

@@ -7,19 +7,12 @@
 
 import { useEffect, useState, useCallback } from 'react';
 import { isEmpty } from 'lodash';
-import { loadRules, Rule } from '../../../triggers_actions_ui/public';
+import { loadRules } from '../../../triggers_actions_ui/public';
 import { RULES_LOAD_ERROR } from '../pages/rules/translations';
-import { FetchRulesProps } from '../pages/rules/types';
+import { FetchRulesProps, RuleState } from '../pages/rules/types';
 import { OBSERVABILITY_RULE_TYPES } from '../pages/rules/config';
 import { useKibana } from '../utils/kibana_react';
 
-interface RuleState {
-  isLoading: boolean;
-  data: Rule[];
-  error: string | null;
-  totalItemCount: number;
-}
-
 export function useFetchRules({
   searchText,
   ruleLastResponseFilter,

x-pack/plugins/observability/public/observability_public_plugins_start.mock.ts

@@ -32,12 +32,26 @@ const embeddableStartMock = {
   },
 };
 
+const triggersActionsUiStartMock = {
+  createStart() {
+    return {
+      getAddAlertFlyout: jest.fn(),
+      ruleTypeRegistry: {
+        has: jest.fn(),
+        register: jest.fn(),
+        get: jest.fn(),
+        list: jest.fn(),
+      },
+    };
+  },
+};
+
 export const observabilityPublicPluginsStartMock = {
   createStart() {
     return {
       cases: casesUiStartMock.createStart(),
       embeddable: embeddableStartMock.createStart(),
-      triggersActionsUi: null,
+      triggersActionsUi: triggersActionsUiStartMock.createStart(),
       data: null,
       lens: null,
       discover: null,

x-pack/plugins/observability/public/pages/rules/components/prompts/no_data_prompt.tsx

@@ -58,7 +58,7 @@ export function NoDataPrompt({
             />
           </EuiButton>,
           <EuiButtonEmpty color="primary">
-            <EuiLink href={documentationLink} target="_blank">
+            <EuiLink data-test-subj="documentationLink" href={documentationLink} target="_blank">
               Documentation
             </EuiLink>
           </EuiButtonEmpty>,

x-pack/plugins/observability/public/pages/rules/components/prompts/no_permission_prompt.tsx

@@ -19,6 +19,7 @@ export function NoPermissionPrompt() {
       }}
     >
       <EuiEmptyPrompt
+        data-test-subj="noPermissionPrompt"
         color="plain"
         hasBorder={true}
         iconType="securityApp"