Feature: connect bio entity accordion to API

Description

Connected Bio Entity accordion to API. It correctly shows loading indicator, and list of entities per model

Details

• added custom fixture generator for bioEntities to allow match model property with idObject from model model

src/components/Map/Drawer/SearchDrawerWrapper/GroupedSearchResults/BioEntitiesAccordion/BioEntitiesAccordion.component.test.tsx

+import { StoreType } from '@/redux/store';
+import {
+  InitialStoreState,
+  getReduxWrapperWithStore,
+} from '@/utils/testing/getReduxWrapperWithStore';
+import { render, screen } from '@testing-library/react';
+import { bioEntitiesContentFixture } from '@/models/fixtures/bioEntityContentsFixture';
+import { Accordion } from '@/shared/Accordion';
+import { MODELS_MOCK } from '@/models/mocks/modelsMock';
+import { BioEntitiesAccordion } from './BioEntitiesAccordion.component';
+
+const renderComponent = (initialStoreState: InitialStoreState = {}): { store: StoreType } => {
+  const { Wrapper, store } = getReduxWrapperWithStore(initialStoreState);
+
+  return (
+    render(
+      <Wrapper>
+        <Accordion>
+          <BioEntitiesAccordion />
+        </Accordion>
+      </Wrapper>,
+    ),
+    {
+      store,
+    }
+  );
+};
+
+describe('BioEntitiesAccordion - component', () => {
+  it('should display loading indicator when bioEntity search is pending', () => {
+    renderComponent({
+      bioEntity: {
+        data: undefined,
+        loading: 'pending',
+        error: { name: '', message: '' },
+      },
+      models: {
+        data: undefined,
+        loading: 'pending',
+        error: { name: '', message: '' },
+      },
+    });
+
+    expect(screen.getByText('Content (Loading...)')).toBeInTheDocument();
+  });
+
+  it('should render list of maps with number of entities after succeeded bio entity search', () => {
+    renderComponent({
+      bioEntity: {
+        data: bioEntitiesContentFixture,
+        loading: 'succeeded',
+        error: { name: '', message: '' },
+      },
+      models: {
+        data: MODELS_MOCK,
+        loading: 'succeeded',
+        error: { name: '', message: '' },
+      },
+    });
+
+    expect(screen.getByText('Content (10)')).toBeInTheDocument();
+    expect(screen.getByText('Core PD map (8)')).toBeInTheDocument();
+    expect(screen.getByText('Histamine signaling (2)')).toBeInTheDocument();
+  });
+});