chore: adding unit tests

src/@types/model.ts

@@ -1,4 +1,5 @@
 /* eslint-disable flowtype/no-types-missing-file-annotation, no-use-before-define */
+import { Permissions } from './api';
 
 // New Data Model Types
 export interface Annotation {

src/region/RegionContainer.tsx

@@ -4,13 +4,13 @@ import {
     ApplicationState,
     CreatorItem,
     CreatorStatus,
+    getActiveAnnotationId,
     getAnnotationMode,
     getAnnotationsForLocation,
     getCreatorStagedForLocation,
     getCreatorStatus,
     setStagedAction,
     setStatusAction,
-    getActiveAnnotationId,
 } from '../store';
 import { createRegionAction } from './actions';
 import RegionAnnotations from './RegionAnnotations';

src/region/__mocks__/data.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/camelcase */
 export const annotations = [
     { id: 'anno_1', target: { shape: { height: 10, width: 10, x: 10, y: 10, type: 'rect' }, type: 'region' } },
     { id: 'anno_2', target: { shape: { height: 20, width: 20, x: 20, y: 20, type: 'rect' }, type: 'region' } },
@@ -19,3 +20,31 @@ export const target = {
     shape: rect,
     type: 'region' as const,
 };
+
+export const annotation = {
+    created_at: new Date(),
+    created_by: {
+        id: '1',
+        login: 'johndoe',
+        name: 'John Doe',
+        type: 'user' as const,
+    },
+    id: '123',
+    modified_at: new Date(),
+    modified_by: {
+        id: '1',
+        login: 'johndoe',
+        name: 'John Doe',
+        type: 'user' as const,
+    },
+    permissions: {
+        can_delete: true,
+        can_edit: true,
+    },
+    target: {
+        location: { type: 'page' as const, value: 1 },
+        shape: { height: 10, width: 10, x: 10, y: 10, type: 'rect' as const },
+        type: 'region' as const,
+    },
+    type: 'annotation' as const,
+};

src/region/__tests__/RegionAnnotations-test.tsx

@@ -180,5 +180,18 @@ describe('RegionAnnotations', () => {
             expect(wrapper.exists(RegionAnnotation)).toBe(false);
             expect(wrapper.exists(RegionCreator)).toBe(false);
         });
+
+        test('should render the specified annotation based on activeAnnotationId', () => {
+            const wrapper = getWrapper({ activeAnnotationId: 'anno_1', annotations });
+            const renderedAnnotations = wrapper.find(RegionAnnotation);
+
+            expect(wrapper.exists('.ba-RegionAnnotations-list')).toBe(true);
+            expect(renderedAnnotations.length).toBe(3);
+
+            for (let i = 0; i < 3; i += 1) {
+                expect(renderedAnnotations.get(i).key).toBe(annotations[i].id);
+                expect(renderedAnnotations.get(i).props.isActive).toBe(i === 0);
+            }
+        });
     });
 });

src/region/__tests__/RegionContainer-test.tsx

@@ -23,6 +23,7 @@ describe('RegionContainer', () => {
 
             expect(wrapper.exists('RootProvider')).toBe(true);
             expect(wrapper.find(RegionAnnotations).props()).toMatchObject({
+                activeAnnotationId: null,
                 annotations: [],
                 createRegion: expect.any(Function),
                 isCreating: false,

src/store/eventing/__tests__/create-test.ts

@@ -2,6 +2,7 @@ import { Action } from '@reduxjs/toolkit';
 import { handleCreateErrorEvents, handleCreatePendingEvents, handleCreateSuccessEvents } from '../create';
 import eventManager from '../../../common/EventManager';
 import { ApplicationState } from '../../types';
+import { annotation as payload } from '../../../region/__mocks__/data';
 
 jest.mock('../../../common/EventManager');
 
@@ -51,10 +52,11 @@ describe('store/eventing/create', () => {
 
     describe('handleCreateSuccessEvents()', () => {
         test('should emit create event with success status', () => {
-            handleCreateSuccessEvents(prevState, nextState, action);
+            const actionWithPayload = { ...action, payload };
+            handleCreateSuccessEvents(prevState, nextState, actionWithPayload);
 
             expect(eventManager.emit).toHaveBeenLastCalledWith('annotations_create', {
-                annotation,
+                annotation: payload,
                 meta: {
                     status: 'success',
                 },