[8.x] [Security Solution] Add data source editable component (#196948) (

#197877) # Backport This will backport the following commits from `main` to `8.x`: - [[Security Solution] Add data source editable component (#196948)](#196948)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport)  Co-authored-by: Maxim Palenov <[email protected]>
elastic · Oct 25, 2024 · 07c7f72 · 07c7f72
1 parent 4695fb5
commit 07c7f72
Show file tree

Hide file tree

Showing 43 changed files with 1,115 additions and 808 deletions.
diff --git a/...ion/public/detection_engine/rule_creation_ui/components/data_view_selector/index.test.tsx b/...ion/public/detection_engine/rule_creation_ui/components/data_view_selector/index.test.tsx
diff --git a/...solution/public/detection_engine/rule_creation_ui/components/data_view_selector/index.tsx b/...solution/public/detection_engine/rule_creation_ui/components/data_view_selector/index.tsx
diff --git a/...n_engine/rule_creation_ui/components/data_view_selector_field/__mocks__/use_data_views.ts b/...n_engine/rule_creation_ui/components/data_view_selector_field/__mocks__/use_data_views.ts
@@ -0,0 +1,11 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+export const useDataViews = jest.fn().mockReturnValue({
+  data: [],
+  isFetching: false,
+});
diff --git a/...ne/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.test.tsx b/...ne/rule_creation_ui/components/data_view_selector_field/data_view_selector_field.test.tsx
@@ -0,0 +1,114 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { screen, render } from '@testing-library/react';
+import { TestProviders, useFormFieldMock } from '../../../../common/mock';
+import { DataViewSelectorField } from './data_view_selector_field';
+import { useDataViews } from './use_data_views';
+
+jest.mock('../../../../common/lib/kibana');
+jest.mock('./use_data_views');
+
+describe('data_view_selector', () => {
+  it('renders correctly', () => {
+    (useDataViews as jest.Mock).mockReturnValue({ data: [], isFetching: false });
+
+    render(
+      <DataViewSelectorField
+        field={useFormFieldMock<string | undefined>({
+          value: undefined,
+        })}
+      />,
+      { wrapper: TestProviders }
+    );
+
+    expect(screen.queryByTestId('pick-rule-data-source')).toBeInTheDocument();
+  });
+
+  it('disables the combobox while data views are fetching', () => {
+    (useDataViews as jest.Mock).mockReturnValue({ data: [], isFetching: true });
+
+    render(
+      <DataViewSelectorField
+        field={useFormFieldMock<string | undefined>({
+          value: undefined,
+        })}
+      />,
+      { wrapper: TestProviders }
+    );
+
+    expect(screen.getByRole('combobox')).toBeDisabled();
+  });
+
+  it('displays alerts on alerts warning when default security view selected', () => {
+    const dataViews = [
+      {
+        id: 'security-solution-default',
+        title:
+          '-*elastic-cloud-logs-*,.alerts-security.alerts-default,apm-*-transaction*,auditbeat-*,endgame-*,filebeat-*,logs-*,packetbeat-*,traces-apm*,winlogbeat-*',
+      },
+      {
+        id: '1234',
+        title: 'logs-*',
+      },
+    ];
+    (useDataViews as jest.Mock).mockReturnValue({ data: dataViews, isFetching: false });
+
+    render(
+      <DataViewSelectorField
+        field={useFormFieldMock<string | undefined>({
+          value: 'security-solution-default',
+        })}
+      />,
+      { wrapper: TestProviders }
+    );
+
+    expect(screen.queryByTestId('defaultSecurityDataViewWarning')).toBeInTheDocument();
+  });
+
+  it('does not display alerts on alerts warning when default security view is not selected', () => {
+    const dataViews = [
+      {
+        id: 'security-solution-default',
+        title:
+          '-*elastic-cloud-logs-*,.alerts-security.alerts-default,apm-*-transaction*,auditbeat-*,endgame-*,filebeat-*,logs-*,packetbeat-*,traces-apm*,winlogbeat-*',
+      },
+      {
+        id: '1234',
+        title: 'logs-*',
+      },
+    ];
+    (useDataViews as jest.Mock).mockReturnValue({ data: dataViews, isFetching: false });
+
+    render(
+      <DataViewSelectorField
+        field={useFormFieldMock<string | undefined>({
+          value: '1234',
+        })}
+      />,
+      { wrapper: TestProviders }
+    );
+
+    expect(screen.queryByTestId('defaultSecurityDataViewWarning')).not.toBeInTheDocument();
+  });
+
+  it('displays warning on missing data view', () => {
+    (useDataViews as jest.Mock).mockReturnValue({ data: [], isFetching: false });
+
+    render(
+      <DataViewSelectorField
+        field={useFormFieldMock<string | undefined>({
+          value: 'non-existent-id',
+        })}
+      />,
+      { wrapper: TestProviders }
+    );
+
+    expect(screen.queryByTestId('missingDataViewWarning')).toBeInTheDocument();
+  });
+});