Adjust styling for Finding details flyout opensearch-project#369

Signed-off-by: Jovan Cvetkovic <[email protected]>

public/models/Detectors/components/DetectorRulesView/DetectorRulesViewMock.test.ts

@@ -1,6 +1,8 @@
 import { detectorMock } from '../../InterfacesMock.test';
 
-const notificationsStart: NotificationsStart = {};
+const notificationsStart = {
+  toasts: [],
+};
 export default {
   detector: detectorMock,
   rulesCanFold: true,

public/models/Detectors/components/FieldMappingsView/FieldMappingsViewMock.test.ts

@@ -0,0 +1,16 @@
+import { FieldMapping } from '../../../../../models/interfaces';
+import { detectorMock } from '../../InterfacesMock.test';
+const notificationsStart = {
+  toasts: [],
+};
+
+const fieldMapping: FieldMapping = {
+  indexFieldName: 'indexFieldName',
+  ruleFieldName: 'ruleFieldName',
+};
+export default {
+  detector: detectorMock,
+  existingMappings: [fieldMapping, fieldMapping],
+  editFieldMappings: jest.fn(),
+  notifications: notificationsStart,
+};

public/pages/Detectors/components/FieldMappingsView/FieldMappingsView.test.tsx

@@ -0,0 +1,17 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { render } from '@testing-library/react';
+import props from '../../../../models/Detectors/components/FieldMappingsView/FieldMappingsViewMock.test';
+import { expect } from '@jest/globals';
+import { FieldMappingsView } from './FieldMappingsView';
+
+describe('<FieldMappingsView /> spec', () => {
+  it('renders the component', () => {
+    const view = render(<FieldMappingsView {...props} />);
+    expect(view).toMatchSnapshot();
+  });
+});