RichTextEditorPreviewer
); +}); + jest.mock('../../axiosAPIs/glossaryAPI', () => ({ addGlossaries: jest.fn().mockImplementation(() => Promise.resolve()), })); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.test.tsx index de668ccbc9a..60b4d5ef8e9 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.test.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/AddGlossaryTerm/AddGlossaryTerm.test.tsx @@ -36,6 +36,10 @@ jest.mock('../../axiosAPIs/glossaryAPI', () => ({ addGlossaries: jest.fn().mockImplementation(() => Promise.resolve()), })); +jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => { + return jest.fn().mockReturnValue(RichTextEditorPreviewer
); +}); + const mockOnCancel = jest.fn(); const mockOnSave = jest.fn(); diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.test.tsx index 0fefd1f12f1..08dff05a943 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.test.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DatasetDetails/DatasetDetails.test.tsx @@ -46,6 +46,10 @@ jest.mock('../../auth-provider/AuthProvider', () => { }; }); +jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => { + return jest.fn().mockReturnValue(RichTextEditorPreviewer
); +}); + const mockUserTeam = [ { description: 'description', diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/Entitylineage.component.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/Entitylineage.component.test.tsx index 655a08f111a..728dfb1dce9 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/Entitylineage.component.test.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityLineage/Entitylineage.component.test.tsx @@ -30,6 +30,10 @@ window.ResizeObserver = jest.fn().mockImplementation(() => ({ disconnect: jest.fn(), })); +jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => { + return jest.fn().mockReturnValue(RichTextEditorPreviewer
); +}); + const mockLineageData = { entity: { id: 'efcc334a-41c8-483e-b779-464a88a7ece3', diff --git a/openmetadata-ui/src/main/resources/ui/src/components/FeedEditor/FeedEditor.css b/openmetadata-ui/src/main/resources/ui/src/components/FeedEditor/FeedEditor.css index f29ba23a327..1c44f7f0fff 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/FeedEditor/FeedEditor.css +++ b/openmetadata-ui/src/main/resources/ui/src/components/FeedEditor/FeedEditor.css @@ -627,8 +627,7 @@ padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { - background-color: #23241f; - color: #f8f8f2; + background-color: #ebeef1; overflow: visible; } .ql-snow .ql-editor img { diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx index d6ba78d6130..8709bce1307 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryDetails/GlossaryDetails.test.tsx @@ -51,6 +51,10 @@ jest.mock('../../components/common/non-admin-action/NonAdminAction', () => { )); }); +jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => { + return jest.fn().mockReturnValue(RichTextEditorPreviewer
); +}); + const mockProps = { glossary: mockedGlossaries[0], isHasAccess: true, diff --git a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx index 04f22b33b47..2c3e9994ce0 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/GlossaryTerms/GlossaryTerms.test.tsx @@ -54,6 +54,10 @@ jest.mock('../../components/common/non-admin-action/NonAdminAction', () => { )); }); +jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => { + return jest.fn().mockReturnValue(RichTextEditorPreviewer
); +}); + const mockProps = { assetData: mockedAssetData, isHasAccess: true, diff --git a/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx new file mode 100644 index 00000000000..400e168894c --- /dev/null +++ b/openmetadata-ui/src/main/resources/ui/src/components/common/rich-text-editor/BlurLayout.test.tsx @@ -0,0 +1,105 @@ +/* + * Copyright 2021 Collate + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0 + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { + findByTestId, + fireEvent, + queryByTestId, + render, +} from '@testing-library/react'; +import React from 'react'; +import { MemoryRouter } from 'react-router-dom'; +import { BlurLayout } from './BlurLayout'; + +const markdown = + // eslint-disable-next-line max-len + 'Updated **columns** : account_category_code, account_type_code, account_type_desc, account_category_codeaccount_type_desc_eng, eca_indban_type_desc, bill_production_indban_type_key, collection_waive_indbill_production_ind, vip_statusbusiness_type, ban_type_desccheck_in_crm, non_commercial_indcollection_waive_ind, legacy_account_category, corporate_category, ban_type_keycurrency_key, segment_keyeca_ind, check_in_crmlegacy_account_category, currency_keylegal_person_ind, legal_person_indnon_commercial_ind, account_type_desc_engsegment_key, business_typevip_status'; + +const displayMoreHandler = jest.fn(); + +const mockProp = { + enableSeeMoreVariant: true, + markdown, + displayMoreText: true, + blurClasses: '', + displayMoreHandler, +}; + +jest.mock('./RichTextEditorPreviewer', () => ({ + MAX_LENGTH: 300, +})); + +describe('Test BlurLayout Component', () => { + it('Should render the Layout Component', async () => { + const { container } = render(
+
+
markdown parser
; + }); +}); + +jest.mock('rehype-raw', () => { + return jest.fn(); +}); + +jest.mock('remark-gfm', () => { + return jest.fn(); +}); + +describe('Test RichTextEditor Previewer Component', () => { + it('Should render RichTextEditorViewer Component', async () => { + const { container } = render( setDisplayMoreText((pre) => !pre)}>
-
-
+ {children}
+
+ );
+ },
+ }}
+ rehypePlugins={[rehypeRaw]}
+ remarkPlugins={[remarkGfm]}>
+ {content}
+ RichTextEditorPreviewer
); +}); + describe('Test TagsViewer Component', () => { it('Component should render', () => { const { container } = render(
+ {children}
+
+ );
},
- h4: {
- component: Paragraph,
+ p: ({ children, ...props }) => {
+ return (
+ + {children} +
+ ); }, - h5: { - component: Paragraph, + span: ({ children, ...props }) => { + return ( + + {children} + + ); }, - h6: { - component: Paragraph, - }, - ul: { - component: UnOrderedList, - props: { - className: `${className} tw-ml-3`, - }, - }, - p: { - component: Paragraph, - props: { - className: `${className}`, - }, - }, - span: { - component: Span, - props: { - className: `${className}`, - }, - }, - }, - }}> - {content} -