fix unit tests

Author: Artyom Podymov

package.json

@@ -75,7 +75,13 @@
       "\\.(jpg|jpeg|png|ico|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/redisinsight/__mocks__/fileMock.js",
       "\\.(css|less|sass|scss)$": "identity-obj-proxy",
       "uiSrc/(.*)": "<rootDir>/redisinsight/ui/src/$1",
-      "monaco-editor": "<rootDir>/redisinsight/__mocks__/monacoMock.js"
+      "monaco-editor": "<rootDir>/redisinsight/__mocks__/monacoMock.js",
+      "unified": "<rootDir>/redisinsight/__mocks__/unified.js",
+      "remark-parse": "<rootDir>/redisinsight/__mocks__/remarkParse.js",
+      "remark-rehype": "<rootDir>/redisinsight/__mocks__/remarkRehype.js",
+      "rehype-external-links": "<rootDir>/redisinsight/__mocks__/rehypeExternalLinks.js",
+      "rehype-stringify": "<rootDir>/redisinsight/__mocks__/rehypeStringify.js",
+      "unist-util-visit": "<rootDir>/redisinsight/__mocks__/unistUtilsVisit.js"
     },
     "setupFilesAfterEnv": [
       "<rootDir>/redisinsight/ui/src/setup-tests.ts"

redisinsight/__mocks__/rehypeExternalLinks.js

@@ -0,0 +1 @@
+export default jest.fn()

redisinsight/__mocks__/rehypeStringify.js

@@ -0,0 +1 @@
+export default jest.fn()

redisinsight/__mocks__/remarkParse.js

@@ -0,0 +1 @@
+export default jest.fn()

redisinsight/__mocks__/remarkRehype.js

@@ -0,0 +1 @@
+export const unified = jest.fn()

redisinsight/__mocks__/unified.js

@@ -0,0 +1 @@
+export const visit = jest.fn();

redisinsight/__mocks__/unistUtilsVisit.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { cloneDeep } from 'lodash'
 import { instance, mock } from 'ts-mockito'
-import { cleanup, mockedEAFormatSelector, mockedStore, render } from 'uiSrc/utils/test-utils'
+import { cleanup, mockedStore, render } from 'uiSrc/utils/test-utils'
 import { MOCK_ENABLEMENT_AREA_ITEMS } from 'uiSrc/constants'
 import { EnablementAreaComponent } from 'uiSrc/slices/interfaces'
 
@@ -26,9 +26,6 @@ jest.mock('uiSrc/slices/workbench/wb-enablement-area', () => {
     }),
   }
 })
-jest.mock('./utils/formatter/FormatSelector', () => {
-  return mockedEAFormatSelector
-})
 
 describe('EnablementArea', () => {
   it('should render', () => {

redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/EnablementArea.spec.tsx

@@ -1,14 +1,10 @@
 import React from 'react'
 import { instance, mock } from 'ts-mockito'
-import { fireEvent, mockedEAFormatSelector, render } from 'uiSrc/utils/test-utils'
+import { fireEvent, render } from 'uiSrc/utils/test-utils'
 import InternalPage, { Props } from './InternalPage'
 
 const mockedProps = mock<Props>()
 
-jest.mock('../../utils/formatter/FormatSelector', () => {
-  return mockedEAFormatSelector
-})
-
 describe('InternalPage', () => {
   it('should render', () => {
     expect(render(<InternalPage {...instance(mockedProps)} />)).toBeTruthy()

redisinsight/ui/src/pages/workbench/components/enablament-area/EnablementArea/components/InternalPage/InternalPage.spec.tsx

@@ -0,0 +1,19 @@
+import FormatSelector from './FormatSelector'
+import HtmlToJsxString from './HtmlToJsxString'
+import MarkdownToJsxString from './MarkdownToJsxString'
+
+describe('FormatSelector', () => {
+  it('should select correct formatter for html ', () => {
+    expect(FormatSelector.selectFor('html')).toBeInstanceOf(HtmlToJsxString)
+  })
+  it('should select correct formatter for markdown ', () => {
+    expect(FormatSelector.selectFor('md')).toBeInstanceOf(MarkdownToJsxString)
+  })
+  it('should throw unsupported format error', () => {
+    try {
+      FormatSelector.selectFor('mp4')
+    } catch (e) {
+      expect(e.message).toBe('Unsupported format')
+    }
+  })
+})